.icons {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.icons .v-icon {
  margin: 0 6px;
}
.icon-boxes {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.icon-boxes .v-icon {
  margin: 0 0.25rem 0.5rem 0;
}
.v-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  min-width: 40px;
  border-radius: 8px;
  background: var(--fade-grey);
  transition: all 0.3s;
}
.v-icon.is-small {
  height: 32px;
  width: 32px;
  min-width: 32px;
}
.v-icon.is-small .fas,
.v-icon.is-small .fab,
.v-icon.is-small .far,
.v-icon.is-small .fal {
  font-size: 1rem;
}
.v-icon.is-small .lnil,
.v-icon.is-small .lnir,
.v-icon.is-small .fas,
.v-icon.is-small .fab {
  font-size: 1.2rem;
}
.v-icon.is-small svg {
  height: 16px;
  width: 16px;
  stroke-width: 1.4px;
}
.v-icon.is-medium {
  height: 50px;
  width: 50px;
  min-width: 50px;
}
.v-icon.is-medium.is-bordered {
  border-width: 1.6px;
}
.v-icon.is-medium .fas,
.v-icon.is-medium .fab,
.v-icon.is-medium .far,
.v-icon.is-medium .fal {
  font-size: 1.5rem;
}
.v-icon.is-medium .lnil,
.v-icon.is-medium .lnir,
.v-icon.is-medium .fas,
.v-icon.is-medium .fab {
  font-size: 1.7rem;
}
.v-icon.is-medium svg {
  height: 25px;
  width: 25px;
  stroke-width: 1.4px;
}
.v-icon.is-large {
  height: 68px;
  width: 68px;
  min-width: 68px;
}
.v-icon.is-large.is-bordered {
  border-width: 2px;
}
.v-icon.is-large .fas,
.v-icon.is-large .fab,
.v-icon.is-large .far,
.v-icon.is-large .fal {
  font-size: 2rem;
}
.v-icon.is-large .lnil,
.v-icon.is-large .lnir,
.v-icon.is-large .fas,
.v-icon.is-large .fab {
  font-size: 2.2rem;
}
.v-icon.is-large svg {
  height: 34px;
  width: 34px;
  stroke-width: 2px;
}
.v-icon.is-big {
  height: 80px;
  width: 80px;
  min-width: 80px;
}
.v-icon.is-big.is-bordered {
  border-width: 2px;
}
.v-icon.is-big .fas,
.v-icon.is-big .fab,
.v-icon.is-big .far,
.v-icon.is-big .fal {
  font-size: 2.4rem;
}
.v-icon.is-big .lnil,
.v-icon.is-big .lnir,
.v-icon.is-big .fas,
.v-icon.is-big .fab {
  font-size: 2.6rem;
}
.v-icon.is-big svg {
  height: 40px;
  width: 40px;
  stroke-width: 3px;
}
.v-icon.is-xl {
  height: 100px;
  width: 100px;
  min-width: 100px;
}
.v-icon.is-xl.is-bordered {
  border-width: 2px;
}
.v-icon.is-xl .fas,
.v-icon.is-xl .fab,
.v-icon.is-xl .far,
.v-icon.is-xl .fal {
  font-size: 3rem;
}
.v-icon.is-xl .lnil,
.v-icon.is-xl .lnir,
.v-icon.is-xl .fas,
.v-icon.is-xl .fab {
  font-size: 3.4rem;
}
.v-icon.is-xl svg {
  height: 50px;
  width: 50px;
  stroke-width: 3px;
}
.v-icon.is-rounded {
  border-radius: var(--radius-rounded);
}
.v-icon.is-primary {
  background: var(--primary-light-42);
}
.v-icon.is-primary.is-bordered {
  border-color: var(--primary);
}
.v-icon.is-primary i {
  color: var(--primary);
}
.v-icon.is-primary svg {
  color: var(--primary);
}
.v-icon.is-secondary {
  background: var(--secondary-light-42);
}
.v-icon.is-secondary.is-bordered {
  border-color: var(--secondary);
}
.v-icon.is-secondary i {
  color: var(--secondary);
}
.v-icon.is-secondary svg {
  color: var(--secondary);
}
.v-icon.is-accent {
  background: var(--primary-light-36);
}
.v-icon.is-accent.is-bordered {
  border-color: var(--primary);
}
.v-icon.is-accent i {
  color: var(--primary);
}
.v-icon.is-accent svg {
  color: var(--primary);
}
.v-icon.is-success {
  background: var(--success-light-45);
}
.v-icon.is-success.is-bordered {
  border-color: var(--success);
}
.v-icon.is-success i {
  color: var(--success);
}
.v-icon.is-success svg {
  color: var(--success);
}
.v-icon.is-info {
  background: var(--info-light-45);
}
.v-icon.is-info.is-bordered {
  border-color: var(--info);
}
.v-icon.is-info i {
  color: var(--info);
}
.v-icon.is-info svg {
  color: var(--info);
}
.v-icon.is-warning {
  background: var(--warning-light-32);
}
.v-icon.is-warning.is-bordered {
  border-color: var(--warning);
}
.v-icon.is-warning i {
  color: var(--warning);
}
.v-icon.is-warning svg {
  color: var(--warning);
}
.v-icon.is-danger {
  background: var(--danger-light-36);
}
.v-icon.is-danger.is-bordered {
  border-color: var(--danger);
}
.v-icon.is-danger i {
  color: var(--danger);
}
.v-icon.is-danger svg {
  color: var(--danger);
}
.v-icon.is-purple {
  background: var(--purple-light-36);
}
.v-icon.is-purple.is-bordered {
  border-color: var(--purple);
}
.v-icon.is-purple i {
  color: var(--purple);
}
.v-icon.is-purple svg {
  color: var(--purple);
}
.v-icon.is-blue {
  background: var(--blue-light-34);
}
.v-icon.is-blue.is-bordered {
  border-color: var(--blue);
}
.v-icon.is-blue i {
  color: var(--blue);
}
.v-icon.is-blue svg {
  color: var(--blue);
}
.v-icon.is-yellow {
  background: var(--yellow-light-22);
}
.v-icon.is-yellow.is-bordered {
  border-color: var(--yellow);
}
.v-icon.is-yellow i {
  color: var(--yellow);
}
.v-icon.is-yellow svg {
  color: var(--yellow);
}
.v-icon.is-orange {
  background: var(--orange-light-20);
}
.v-icon.is-orange.is-bordered {
  border-color: var(--orange);
}
.v-icon.is-orange i {
  color: var(--orange);
}
.v-icon.is-orange svg {
  color: var(--orange);
}
.v-icon.is-green {
  background: var(--green-light-23);
}
.v-icon.is-green.is-bordered {
  border-color: var(--green);
}
.v-icon.is-green i {
  color: var(--green);
}
.v-icon.is-green svg {
  color: var(--green);
}
.v-icon.is-red {
  background: var(--red-light-38);
}
.v-icon.is-red.is-bordered {
  border-color: var(--red);
}
.v-icon.is-red i {
  color: var(--red);
}
.v-icon.is-red svg {
  color: var(--red);
}
.v-icon.is-bordered {
  border: 1px solid var(--muted-grey);
}
.v-icon .fas,
.v-icon .fab,
.v-icon .far,
.v-icon .fal {
  font-size: 1.2rem;
  color: var(--muted-grey);
  transition: color 0.3s;
}
.v-icon .lnil,
.v-icon .lnir,
.v-icon .fas,
.v-icon .fab {
  font-size: 1.4rem;
  color: var(--muted-grey);
  transition: color 0.3s;
}
.v-icon svg {
  height: 20px;
  width: 20px;
  stroke-width: 1.4px;
}
.is-dark .v-icon.is-primary {
  background: var(--primary);
}
.is-dark .v-icon.is-primary.is-bordered {
  border-color: var(--primary);
}
.is-dark .v-icon.is-primary .lnil,
.is-dark .v-icon.is-primary .lnir,
.is-dark .v-icon.is-primary .fas,
.is-dark .v-icon.is-primary .fab {
  color: var(--white);
}
.is-dark .v-icon.is-primary svg {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-accent {
  background: var(--primary);
}
.is-dark .v-icon.is-accent.is-bordered {
  border-color: var(--primary);
}
.is-dark .v-icon.is-accent .lnil,
.is-dark .v-icon.is-accent .lnir,
.is-dark .v-icon.is-accent .fas,
.is-dark .v-icon.is-accent .fab {
  color: var(--white);
}
.is-dark .v-icon.is-accent svg {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-success {
  background: var(--success);
}
.is-dark .v-icon.is-success.is-bordered {
  border-color: var(--success);
}
.is-dark .v-icon.is-success .lnil,
.is-dark .v-icon.is-success .lnir,
.is-dark .v-icon.is-success .fas,
.is-dark .v-icon.is-success .fab {
  color: var(--white);
}
.is-dark .v-icon.is-success svg {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-info {
  background: var(--info);
}
.is-dark .v-icon.is-info.is-bordered {
  border-color: var(--info);
}
.is-dark .v-icon.is-info .lnil,
.is-dark .v-icon.is-info .lnir,
.is-dark .v-icon.is-info .fas,
.is-dark .v-icon.is-info .fab {
  color: var(--white);
}
.is-dark .v-icon.is-info svg {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-warning {
  background: var(--warning);
}
.is-dark .v-icon.is-warning.is-bordered {
  border-color: var(--warning);
}
.is-dark .v-icon.is-warning .lnil,
.is-dark .v-icon.is-warning .lnir,
.is-dark .v-icon.is-warning .fas,
.is-dark .v-icon.is-warning .fab {
  color: var(--white);
}
.is-dark .v-icon.is-warning svg {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-danger {
  background: var(--danger);
}
.is-dark .v-icon.is-danger.is-bordered {
  border-color: var(--danger);
}
.is-dark .v-icon.is-danger .lnil,
.is-dark .v-icon.is-danger .lnir,
.is-dark .v-icon.is-danger .fas,
.is-dark .v-icon.is-danger .fab {
  color: var(--white);
}
.is-dark .v-icon.is-danger svg {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-purple {
  background: var(--purple);
}
.is-dark .v-icon.is-purple.is-bordered {
  border-color: var(--purple);
}
.is-dark .v-icon.is-purple .lnil,
.is-dark .v-icon.is-purple .lnir,
.is-dark .v-icon.is-purple .fas,
.is-dark .v-icon.is-purple .fab {
  color: var(--white);
}
.is-dark .v-icon.is-purple svg {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-blue {
  background: var(--blue);
}
.is-dark .v-icon.is-blue.is-bordered {
  border-color: var(--blue);
}
.is-dark .v-icon.is-blue .lnil,
.is-dark .v-icon.is-blue .lnir,
.is-dark .v-icon.is-blue .fas,
.is-dark .v-icon.is-blue .fab {
  color: var(--white);
}
.is-dark .v-icon.is-blue svg {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-yellow {
  background: var(--yellow);
}
.is-dark .v-icon.is-yellow.is-bordered {
  border-color: var(--yellow);
}
.is-dark .v-icon.is-yellow .lnil,
.is-dark .v-icon.is-yellow .lnir,
.is-dark .v-icon.is-yellow .fas,
.is-dark .v-icon.is-yellow .fab {
  color: var(--white);
}
.is-dark .v-icon.is-yellow svg {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-orange {
  background: var(--orange);
}
.is-dark .v-icon.is-orange.is-bordered {
  border-color: var(--orange);
}
.is-dark .v-icon.is-orange .lnil,
.is-dark .v-icon.is-orange .lnir,
.is-dark .v-icon.is-orange .fas,
.is-dark .v-icon.is-orange .fab {
  color: var(--white);
}
.is-dark .v-icon.is-orange svg {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-green {
  background: var(--green);
}
.is-dark .v-icon.is-green.is-bordered {
  border-color: var(--green);
}
.is-dark .v-icon.is-green .lnil,
.is-dark .v-icon.is-green .lnir,
.is-dark .v-icon.is-green .fas,
.is-dark .v-icon.is-green .fab {
  color: var(--white);
}
.is-dark .v-icon.is-green svg {
  color: var(--smoke-white);
}
.is-dark .v-icon.is-red {
  background: var(--red);
}
.is-dark .v-icon.is-red.is-bordered {
  border-color: var(--red);
}
.is-dark .v-icon.is-red .lnil,
.is-dark .v-icon.is-red .lnir,
.is-dark .v-icon.is-red .fas,
.is-dark .v-icon.is-red .fab {
  color: var(--white);
}
.is-dark .v-icon.is-red svg {
  color: var(--smoke-white);
}.dropdown.is-dots:hover .is-trigger, .dropdown.is-dots.is-active .is-trigger {
  background: var(--fade-grey-light-2);
}
.dropdown.is-dots:hover .is-trigger svg, .dropdown.is-dots.is-active .is-trigger svg {
  color: var(--light-text-dark-4);
}
.dropdown.is-dots .is-trigger {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  border-radius: var(--radius-rounded);
  cursor: pointer;
  transition: all 0.3s;
}
.dropdown.is-dots .is-trigger .iconify {
  vertical-align: middle;
}
.dropdown.is-dots .is-trigger svg {
  height: 20px;
  width: 20px;
  color: var(--light-text);
  stroke-width: 1.6px;
  transition: stroke 0.3s;
}
.dropdown.is-dots .dropdown-menu {
  margin-top: 6px;
  padding-bottom: 0;
  text-align: left;
}
.dropdown.is-modern.is-active .caret {
  transform: rotate(180deg);
}
.dropdown.is-modern .is-trigger {
  padding-right: 0.75em;
}
.dropdown.is-modern .is-trigger .caret {
  height: 22px;
  width: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  margin-left: 6px;
}
.dropdown.is-modern .is-trigger .caret .iconify {
  vertical-align: middle;
}
.dropdown.is-modern .is-trigger .caret svg {
  height: 16px;
  width: 16px;
  color: var(--light-text);
}
.dropdown.is-modern .dropdown-menu {
  margin-top: 6px;
}
.dropdown.is-spaced .dropdown-menu {
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.05);
  border-color: var(--fade-grey);
  padding-top: 0;
  min-width: 260px;
}
.dropdown.is-spaced .dropdown-menu.has-margin {
  margin-top: 10px;
}
.dropdown.is-spaced .dropdown-menu .dropdown-content {
  border: 1px solid var(--fade-grey);
  box-shadow: none;
}
.dropdown.is-spaced .dropdown-item {
  padding: 0.5rem 1rem;
  font-size: 0.95rem;
  color: var(--light-text);
  transition: all 0.3s;
}
.dropdown.is-spaced .dropdown-item:not(.is-button):hover, .dropdown.is-spaced .dropdown-item:not(.is-button).is-active {
  background: var(--fade-grey-light-3);
  color: var(--dark-text);
}
.dropdown.is-spaced .dropdown-item.no-hover:hover {
  background: var(--white);
}
.dropdown.is-spaced .dropdown-item.is-media {
  display: flex;
  align-items: center;
}
.dropdown.is-spaced .dropdown-item.is-media:hover .icon svg, .dropdown.is-spaced .dropdown-item.is-media:focus .icon svg, .dropdown.is-spaced .dropdown-item.is-media.is-active .icon svg {
  color: var(--primary);
}
.dropdown.is-spaced .dropdown-item.is-media:hover .icon .lnir,
.dropdown.is-spaced .dropdown-item.is-media:hover .icon .lnil, .dropdown.is-spaced .dropdown-item.is-media:focus .icon .lnir,
.dropdown.is-spaced .dropdown-item.is-media:focus .icon .lnil, .dropdown.is-spaced .dropdown-item.is-media.is-active .icon .lnir,
.dropdown.is-spaced .dropdown-item.is-media.is-active .icon .lnil {
  color: var(--primary);
}
.dropdown.is-spaced .dropdown-item.is-media .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  width: 28px;
}
.dropdown.is-spaced .dropdown-item.is-media .icon svg {
  height: 18px;
  width: 18px;
  transition: stroke 0.3s;
}
.dropdown.is-spaced .dropdown-item.is-media .icon .lnir,
.dropdown.is-spaced .dropdown-item.is-media .icon .lnil {
  font-size: 16px;
  transition: color 0.3s;
}
.dropdown.is-spaced .dropdown-item.is-media .item-img {
  display: block;
  height: 32px;
  width: 32px;
  border-radius: var(--radius-large);
}
.dropdown.is-spaced .dropdown-item.is-media .item-img.is-rounded {
  border-radius: var(--radius-rounded);
}
.dropdown.is-spaced .dropdown-item.is-media .meta {
  margin-left: 10px;
}
.dropdown.is-spaced .dropdown-item.is-media .meta span {
  display: block;
  line-height: 1.3;
}
.dropdown.is-spaced .dropdown-item.is-media .meta span:first-child {
  font-family: var(--font-alt);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--dark-text);
}
.dropdown.is-spaced .dropdown-item.is-media .meta span:nth-child(2) {
  font-family: var(--font);
  color: var(--light-text);
  font-size: 0.9rem;
}
.dropdown .is-trigger.button {
  font-family: var(--font);
}
.dropdown .is-trigger.button:focus {
  border-color: var(--fade-grey-dark-4);
  box-shadow: var(--light-box-shadow);
}
.dropdown .is-trigger.button .base-caret {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16px;
  width: 16px;
}
.dropdown .is-trigger.button .base-caret .iconify {
  position: relative;
  top: -2px;
  vertical-align: middle;
  margin-left: 0.25rem;
}
.dropdown .dropdown-menu .dropdown-item {
  color: var(--light-text);
  font-family: var(--font);
}
.dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:focus {
  color: var(--dark-text);
}
.dropdown .dropdown-menu .dropdown-item.is-active {
  background: var(--fade-grey-light-3);
}
.dropdown .dropdown-menu .dropdown-item.has-child {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 1rem;
}
.dropdown .dropdown-menu .dropdown-item.has-child svg {
  height: 16px;
  width: 16px;
  color: var(--muted-grey);
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown {
  position: absolute;
  right: -282px;
  top: 0;
  width: 280px;
  transition: all 0.3s;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner {
  position: relative;
  height: 100%;
  width: 100%;
  background: var(--white);
  border: 1px solid var(--primary-grey);
  border-radius: var(--radius-large);
  padding: 8px 0;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting {
  padding: 0 6px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting label {
  transform: scale(0.7);
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting .text span {
  display: block;
  font-size: 0.8rem;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting .text span:first-child {
  color: var(--dark-text);
  font-weight: 500;
}
.dropdown .dropdown-menu .dropdown-item.has-child .child-dropdown .inner .column-setting .text span:nth-child(2) {
  color: var(--muted-grey);
}
.dropdown .dropdown-menu .dropdown-item.has-child:hover .child-dropdown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}

/* ==========================================================================
2. Dropdown Dark mode
========================================================================== */
.is-dark .toolbar-link:hover {
  background: var(--dark-sidebar-light-2) !important;
}
.is-dark .toolbar-link svg {
  color: var(--dark-dark-text);
}
.is-dark .dropdown.is-spaced:hover .is-trigger, .is-dark .dropdown.is-spaced.is-active .is-trigger, .is-dark .dropdown.is-dots:hover .is-trigger, .is-dark .dropdown.is-dots.is-active .is-trigger {
  background: var(--dark-sidebar-light-2) !important;
}
.is-dark .dropdown.is-spaced:hover .is-trigger svg, .is-dark .dropdown.is-spaced.is-active .is-trigger svg, .is-dark .dropdown.is-dots:hover .is-trigger svg, .is-dark .dropdown.is-dots.is-active .is-trigger svg {
  color: var(--dark-dark-text);
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content {
  background: var(--dark-sidebar) !important;
  border-color: var(--dark-sidebar-light-8) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .heading {
  border-color: var(--dark-sidebar-light-8) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading:hover, .is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading:focus,
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading *:hover, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .heading:hover, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .heading:focus,
.is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .heading *:hover {
  background: var(--dark-sidebar) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .heading .heading-right .notification-link, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .heading .heading-right .notification-link {
  color: var(--primary) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .notification-list li .notification-item:hover,
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .notification-list li .notification-item *:hover, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .notification-list li .notification-item:hover,
.is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .notification-list li .notification-item *:hover {
  background: var(--dark-sidebar) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .notification-list li .notification-item .user-content .user-info, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .notification-list li .notification-item .user-content .user-info {
  color: var(--dark-dark-text) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media:hover .icon svg, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media:hover .icon svg {
  color: var(--primary) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media:hover .icon .lnir,
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media:hover .icon .lnil, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media:hover .icon .lnir,
.is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media:hover .icon .lnil {
  color: var(--primary);
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media.is-active .icon svg, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media.is-active .icon svg {
  color: var(--white) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media.is-active .icon .lnir,
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media.is-active .icon .lnil, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media.is-active .icon .lnir,
.is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media.is-active .icon .lnil {
  color: var(--white);
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media.is-active .meta span, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media.is-active .meta span {
  color: var(--white) !important;
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .icon svg, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media .icon svg {
  color: var(--light-text);
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .icon .lnir,
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .icon .lnil, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media .icon .lnir,
.is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media .icon .lnil {
  color: var(--light-text);
}
.is-dark .dropdown.is-spaced .dropdown-menu .dropdown-content .is-media .meta span:first-child, .is-dark .dropdown.is-dots .dropdown-menu .dropdown-content .is-media .meta span:first-child {
  color: var(--dark-dark-text);
}
.is-dark .dropdown .dropdown-menu .dropdown-content {
  background: var(--dark-sidebar);
  border-color: var(--dark-sidebar-light-8) !important;
}
.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item {
  color: var(--light-text);
}
.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-item.is-active {
  background: var(--dark-sidebar-light-2) !important;
}
.is-dark .dropdown .dropdown-menu .dropdown-content .dropdown-divider {
  background: var(--dark-sidebar-light-5);
}
.is-dark .dropdown .dropdown-menu .dropdown-content a:hover {
  background: var(--dark-sidebar-light-5) !important;
}
.is-dark .child-dropdown .inner {
  background: var(--dark-sidebar) !important;
  border-color: var(--dark-sidebar-light-4) !important;
}
.is-dark .child-dropdown .inner:hover, .is-dark .child-dropdown .inner:focus {
  background: var(--dark-sidebar) !important;
  border-color: var(--dark-sidebar-light-4) !important;
}
.is-dark .child-dropdown .inner ul li .text span:first-child {
  color: var(--dark-dark-text) !important;
}.main[data-v-330dbba6] {
  fill: var(--dark-text);
}
.is-dark .main[data-v-330dbba6] {
  fill: var(--light-text);
}.landing-footer {
  padding-bottom: 0 !important;
  padding-top: 4rem !important;
  background: var(--body-color);
}
.landing-footer .footer-head {
  padding-bottom: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--fade-grey-dark-4);
}
.landing-footer .footer-head .head-text h3 {
  font-family: var(--font);
  font-size: 1.8rem;
  color: var(--dark-text);
}
.landing-footer .footer-head .head-text p {
  font-size: 1.1rem;
  color: var(--light-text);
}
.landing-footer .footer-head .head-action .buttons .button.action-button {
  height: 36px;
  min-width: 140px;
}
.landing-footer .footer-head .head-action .buttons .button.chat-button {
  background: transparent;
  border: none;
  box-shadow: none;
  color: var(--primary);
  font-weight: 500;
}
.landing-footer .footer-body {
  padding-top: 3rem;
}
.landing-footer .footer-body .footer-column {
  padding-top: 20px;
}
.landing-footer .footer-body .footer-column .column-header {
  font-family: var(--font-alt);
  text-transform: uppercase;
  color: var(--dark-text);
  font-size: 1rem;
  font-weight: 700;
  margin: 10px 0;
}
.landing-footer .footer-body .footer-column .column-item {
  padding-bottom: 10px;
}
.landing-footer .footer-body .footer-column .column-item a {
  font-family: var(--font);
  color: var(--light-text);
}
.landing-footer .footer-body .footer-column .column-item a:hover, .landing-footer .footer-body .footer-column .column-item a:focus {
  color: var(--primary);
}
.landing-footer .footer-body .social-links {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.landing-footer .footer-body .social-links a {
  color: var(--light-text);
  margin: 0 5px;
}
.landing-footer .footer-body .social-links a:hover, .landing-footer .footer-body .social-links a:focus {
  color: var(--primary);
}
.landing-footer .footer-body .footer-description {
  color: var(--light-text);
}
.landing-footer .footer-body .moto {
  color: var(--light-text);
}
.landing-footer .footer-body .small-footer-logo {
  height: 36px;
}
.landing-footer .footer-copyright {
  font-family: var(--font);
  color: var(--light-text);
  padding: 4rem 0 2rem;
  font-size: 0.9rem;
}
.landing-footer .footer-copyright a {
  color: var(--light-text);
}
.landing-footer .footer-copyright a:hover, .landing-footer .footer-copyright a:focus {
  color: var(--primary);
}
.is-dark .landing-page-wrapper .landing-footer {
  background: var(--landing-xxx-light-8);
}
.is-dark .landing-page-wrapper .landing-footer .footer-head {
  border-color: var(--landing-xxx-light-18);
}
.is-dark .landing-page-wrapper .landing-footer .footer-head .head-text h3 {
  color: var(--dark-dark-text);
}
.is-dark .landing-page-wrapper .landing-footer .footer-head .head-text p {
  font-size: 1.1rem;
  color: var(--light-text);
}
.is-dark .landing-page-wrapper .landing-footer .footer-head .head-action .buttons .button.action-button {
  background: var(--primary);
  border-color: var(--primary);
}
.is-dark .landing-page-wrapper .landing-footer .footer-head .head-action .buttons .button.chat-button {
  color: var(--primary);
  background: none !important;
}
.is-dark .landing-page-wrapper .landing-footer .footer-body .footer-column .column-header {
  color: var(--dark-dark-text);
}
.is-dark .landing-page-wrapper .landing-footer .footer-body .footer-column .column-item a:hover {
  color: var(--primary);
}
.is-dark .landing-page-wrapper .landing-footer .footer-body .social-links a:hover {
  color: var(--primary);
}
.is-dark .landing-page-wrapper .landing-footer .footer-copyright a:hover {
  color: var(--primary);
}
@media (max-width: 767px) {
.vuero-footer .footer-head {
    flex-direction: column;
    text-align: center;
}
.vuero-footer .footer-head .head-text {
    padding-bottom: 20px;
}
.vuero-footer .footer-body {
    padding-left: 20px;
    padding-right: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.vuero-footer .footer-head,
.vuero-footer .footer-body {
    padding-left: 20px;
    padding-right: 20px;
}
.vuero-footer .footer-description {
    max-width: 400px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.vuero-footer .footer-head,
.vuero-footer .footer-body {
    padding-left: 20px;
    padding-right: 20px;
}
}.content-shape[data-v-0ff38bf6] {
  width: var(--0ff38bf6-props_width);
  height: var(--0ff38bf6-props_height);
}
.content-shape.is-grow-1[data-v-0ff38bf6] {
  flex-grow: 1;
}
.content-shape.is-grow-2[data-v-0ff38bf6] {
  flex-grow: 2;
}
.content-shape.is-grow-3[data-v-0ff38bf6] {
  flex-grow: 3;
}
.content-shape.is-grow-4[data-v-0ff38bf6] {
  flex-grow: 4;
}
.content-shape.mw-30[data-v-0ff38bf6] {
  max-width: 30%;
}
.content-shape.mw-60[data-v-0ff38bf6] {
  max-width: 60%;
}
.content-shape.mw-80[data-v-0ff38bf6] {
  max-width: 80%;
}
.content-shape.is-centered[data-v-0ff38bf6] {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
.content-shape[data-v-0ff38bf6] {
    width: var(--0ff38bf6-mobileWidthValue);
    height: var(--0ff38bf6-mobileHeightValue);
}
}.button.is-circle {
  border-radius: var(--radius-rounded);
}
.button.v-button {
  padding: 8px 22px;
  height: 38px;
  line-height: 1.1;
  font-size: 0.95rem;
  font-family: var(--font);
  transition: all 0.3s;
}
.button.v-button:not([disabled]) {
  cursor: pointer;
}
.button.v-button:active, .button.v-button:focus {
  box-shadow: none !important;
  border-color: var(--fade-grey-dark-2);
}
.button.v-button:focus-visible {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.button.v-button.is-bold {
  font-weight: 500;
}
.button.v-button.is-primary.is-raised:hover {
  opacity: 0.9;
  box-shadow: var(--primary-box-shadow);
}
.button.v-button.is-primary.is-elevated {
  box-shadow: var(--primary-box-shadow);
}
.button.v-button.is-success.is-raised:hover {
  opacity: 0.9;
  box-shadow: var(--success-box-shadow);
}
.button.v-button.is-success.is-elevated {
  box-shadow: var(--success-box-shadow);
}
.button.v-button.is-info.is-raised:hover {
  opacity: 0.9;
  box-shadow: var(--info-box-shadow);
}
.button.v-button.is-info.is-elevated {
  box-shadow: var(--info-box-shadow);
}
.button.v-button.is-warning.is-raised:hover {
  opacity: 0.9;
  box-shadow: var(--warning-box-shadow);
}
.button.v-button.is-warning.is-elevated {
  box-shadow: var(--warning-box-shadow);
}
.button.v-button.is-danger.is-raised:hover {
  opacity: 0.9;
  box-shadow: var(--danger-box-shadow);
}
.button.v-button.is-danger.is-elevated {
  box-shadow: var(--danger-box-shadow);
}
.button.v-button.is-lower {
  text-transform: none !important;
  font-size: 0.9rem;
}
.button.v-button.is-big {
  height: 40px;
}
.button.v-button.is-huge {
  height: 50px;
  width: 220px;
}
.button.simple-action {
  height: 32px;
  padding: 0 24px;
  line-height: 0;
  border-radius: 100px;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.3s;
}
.button.simple-action.is-purple {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--smoke-white);
}
.button.simple-action.is-purple:hover, .button.simple-action.is-purple:focus {
  opacity: 0.95;
  box-shadow: var(--primary-box-shadow);
  color: var(--smoke-white) !important;
}
.button.simple-action.has-icon svg {
  height: 16px;
  width: 16px;
}
.button.simple-action:hover {
  border-color: var(--primary);
  color: var(--primary);
}
.button.simple-action svg {
  height: 18px;
  width: 18px;
}
.button .icon svg {
  height: 14px;
  width: 14px;
}
.is-dark .v-button:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-light):not(.is-white) {
  background: var(--dark-sidebar-light-10) !important;
  border-color: var(--dark-sidebar-light-12) !important;
  color: var(--dark-dark-text) !important;
}
.is-dark .v-button:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-light):not(.is-white):hover, .is-dark .v-button:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-light):not(.is-white):focus {
  border-color: var(--dark-sidebar-light-18);
}
.is-dark .v-button.is-primary {
  border-color: var(--primary);
  background: var(--primary);
}
.is-dark .v-button.is-primary.is-raised:hover {
  box-shadow: var(--primary-box-shadow) !important;
}
.is-dark .v-button.is-primary.is-elevated {
  box-shadow: var(--primary-box-shadow) !important;
}
.is-dark .v-button.is-primary.is-outlined {
  background: transparent;
  border-color: var(--primary) !important;
  color: var(--primary);
}
.is-dark .v-button.is-primary.is-outlined:hover, .is-dark .v-button.is-primary.is-outlined:focus {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--white) !important;
}
.is-dark .v-button.is-primary.is-light {
  background: var(--primary-light-25) !important;
  color: var(--primary-dark-15);
}
.is-dark .v-button.is-white {
  background: var(--dark-sidebar-light-6) !important;
  border-color: var(--muted-grey) !important;
  color: var(--muted-grey) !important;
}
.is-dark .v-button.is-dark-outlined {
  background: var(--dark-sidebar-light-10);
  border-color: var(--dark-sidebar-light-12);
  color: var(--dark-dark-text);
}
.is-dark .v-button.is-dark-outlined:hover, .is-dark .v-button.is-dark-outlined:focus {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}
.is-dark .button:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-light):not(.is-white) {
  background: var(--dark-sidebar-light-10) !important;
  border-color: var(--dark-sidebar-light-12) !important;
  color: var(--dark-dark-text) !important;
}
.is-dark .button:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-light):not(.is-white):hover, .is-dark .button:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-light):not(.is-white):focus {
  border-color: var(--dark-sidebar-light-18);
}
.is-dark .button.is-primary {
  border-color: var(--primary);
  background: var(--primary);
}
.is-dark .button.is-white {
  background: var(--dark-sidebar-light-6) !important;
  border-color: var(--muted-grey) !important;
  color: var(--muted-grey) !important;
}
.is-dark .button.is-dark-outlined {
  background: var(--dark-sidebar-light-10);
  border-color: var(--dark-sidebar-light-12);
  color: var(--dark-dark-text);
}
.is-dark .button.is-dark-outlined:hover, .is-dark .button.is-dark-outlined:focus {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}.main[data-v-550b392e] {
  fill: var(--primary);
}
.is-roll .main[data-v-550b392e] {
  animation: is-roll-main-550b392e 8s ease infinite;
  animation-fill-mode: forwards;
  animation-delay: 4s;
}
.is-light .main[data-v-550b392e] {
  fill: #fffc;
  animation: none;
}
@keyframes is-roll-main-550b392e {
0% {
    fill: var(--primary);
}
50% {
    fill: var(--secondary);
}
100% {
    fill: var(--primary);
}
}.landing-page-wrapper .hero .navbar {
  top: 15px;
  height: 65px;
  max-width: 1140px;
  margin: 0 auto;
  background-color: var(--white);
  box-shadow: var(--light-box-shadow);
  border: 1px solid var(--fade-grey);
  border-radius: var(--radius-large);
  font-family: var(--font);
  z-index: 9999;
  transition: all 0.3s;
}
.landing-page-wrapper .hero .navbar.is-docked:not(.is-solid) {
  top: 0;
  border-color: transparent;
  height: 110px;
  box-shadow: none;
  background: transparent;
}
.landing-page-wrapper .hero .navbar.is-docked:not(.is-solid) .navbar-menu .navbar-item.is-theme-toggle {
  opacity: 0;
  pointer-events: none;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s, height 0.3s, width 0.3s;
}
.landing-page-wrapper .hero .navbar.is-docked.is-solid {
  height: 65px !important;
}
.landing-page-wrapper .hero .navbar.is-solid {
  background: var(--white) !important;
  border-radius: 10px 10px 0 0;
}
.landing-page-wrapper .hero .navbar .navbar-brand img {
  position: relative;
  display: block;
  width: 100%;
  max-width: 34px;
  max-height: 34px;
  margin-left: 10px;
}
.landing-page-wrapper .hero .navbar .navbar-brand .brand-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  transition: all 0.3s;
}
.landing-page-wrapper .hero .navbar .navbar-brand .brand-icon img {
  position: relative;
  top: -2px;
  margin-left: 0;
}
.landing-page-wrapper .hero .navbar .navbar-burger span {
  height: 2px;
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item.is-theme-toggle {
  opacity: 1;
  pointer-events: all;
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .nav-link {
  position: relative;
  font-family: var(--font-alt);
  font-size: 0.9rem;
  color: var(--light-text);
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .nav-link::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 2px;
  width: 50%;
  transform-origin: right center;
  height: 3px;
  border-radius: 50px;
  background: var(--primary);
  transform: scale(0, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .nav-link:hover, .landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .nav-link.is-active {
  color: var(--dark-text);
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .nav-link:hover::before, .landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .nav-link.is-active::before {
  transform-origin: left center;
  transform: scale(1, 1);
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .nav-link.active::before {
  background: var(--primary);
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle {
  width: 54px;
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  user-select: none;
  transform: scale(0.9);
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle:focus-within {
  border-radius: 50px;
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle input:checked ~ .toggler {
  border-color: var(--primary);
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle input:checked ~ .toggler .dark,
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle input:checked ~ .toggler .light {
  transform: translateX(100%) rotate(360deg);
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle input:checked ~ .toggler .dark {
  opacity: 1 !important;
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle input:checked ~ .toggler .light {
  opacity: 0 !important;
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle .toggler {
  position: relative;
  display: block;
  height: 31px;
  width: 53px;
  border: 2px solid var(--primary);
  border-radius: 100px;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s, height 0.3s, width 0.3s;
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle .toggler .dark,
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle .toggler .light {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 22px;
  width: 22px;
  border-radius: var(--radius-rounded);
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(0) rotate(0);
  transition: all 0.3s ease;
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle .toggler .dark svg,
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle .toggler .light svg {
  color: var(--white) !important;
  height: 14px !important;
  width: 14px !important;
  opacity: 1 !important;
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle .toggler .light {
  background: var(--primary);
  border-color: var(--primary);
  opacity: 1;
  z-index: 1;
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle .toggler .dark {
  background: var(--primary);
  border-color: var(--primary);
  opacity: 0;
  z-index: 0;
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .theme-toggle .toggler .dark svg {
  color: var(--white) !important;
}
.landing-page-wrapper .hero .navbar .navbar-menu .navbar-item .button {
  height: 44px;
  min-width: 110px;
}
.is-dark .landing-page-wrapper .navbar:not(.is-docked) {
  background: var(--landing-xxx-light-8);
  border-color: var(--landing-xxx-light-14);
}
.is-dark .landing-page-wrapper .navbar.is-solid {
  background: var(--landing-xxx-light-8) !important;
  border-color: var(--landing-xxx-light-14) !important;
}
.is-dark .landing-page-wrapper .navbar.is-solid .navbar-brand .brand-icon {
  border-color: transparent;
  background-color: transparent;
}
.is-dark .landing-page-wrapper .navbar.is-solid .navbar-menu.is-active {
  background: var(--landing-xxx-light-12);
  border-color: var(--landing-xxx-light-14);
}
.is-dark .landing-page-wrapper .navbar .navbar-burger span {
  background: var(--smoke-white);
}
.is-dark .landing-page-wrapper .navbar .navbar-item .nav-link:hover, .is-dark .landing-page-wrapper .navbar .navbar-item .nav-link.is-active {
  color: var(--white) !important;
}
.is-dark .landing-page-wrapper .navbar .navbar-item .nav-link::before {
  background: var(--primary);
}
.is-dark .landing-page-wrapper .navbar .navbar-item .button.is-primary {
  background: var(--primary);
  border-color: var(--primary);
}
.is-dark .landing-page-wrapper .navbar .navbar-item .button.is-primary.is-raised:hover {
  box-shadow: var(--primary-box-shadow);
}
@media (max-width: 767px) {
.landing-page-wrapper .navbar {
    display: flex;
    align-items: center;
    width: calc(100% - 32px);
    margin: 0 16px;
}
.landing-page-wrapper .navbar.is-docked {
    height: 80px;
}
.landing-page-wrapper .navbar.is-docked .navbar-menu .navbar-item.is-theme-toggle {
    display: none !important;
}
.landing-page-wrapper .navbar.is-solid .navbar-menu {
    top: 73px !important;
}
.landing-page-wrapper .navbar.is-solid .navbar-menu .navbar-item.is-theme-toggle {
    display: block;
}
.landing-page-wrapper .navbar.is-solid {
    top: 10px;
    box-shadow: var(--light-box-shadow) !important;
}
.landing-page-wrapper .navbar.is-solid .navbar-brand .brand-icon {
    border-color: transparent;
}
.landing-page-wrapper .navbar.is-solid .navbar-menu {
    box-shadow: var(--light-box-shadow) !important;
}
.landing-page-wrapper .navbar .navbar-brand {
    width: 100%;
}
.landing-page-wrapper .navbar .navbar-brand .navbar-burger {
    border-radius: var(--radius-rounded);
    margin-right: 12px;
}
.landing-page-wrapper .navbar .navbar-menu {
    width: calc(100% - 32px);
    position: fixed;
    top: 78px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 0 0 10px 10px;
    padding: 30px;
    text-align: center;
    border: 1px solid var(--fade-grey);
    box-shadow: none;
}
.landing-page-wrapper .navbar .navbar-menu .navbar-item.is-theme-toggle .theme-toggle {
    margin: 0 auto;
}
.landing-page-wrapper .navbar .navbar-menu .navbar-item .button {
    width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.landing-page-wrapper .navbar {
    display: flex;
    align-items: center;
    width: calc(100% - 32px);
    margin: 0 16px;
}
.landing-page-wrapper .navbar.is-docked {
    height: 80px;
}
.landing-page-wrapper .navbar.is-docked .navbar-menu .navbar-item.is-theme-toggle {
    display: none !important;
}
.landing-page-wrapper .navbar:not(.is-docked).is-solid .navbar-menu {
    top: 73px !important;
}
.landing-page-wrapper .navbar:not(.is-docked) .navbar-menu .navbar-item.is-theme-toggle {
    display: block;
}
.landing-page-wrapper .navbar.is-solid {
    top: 10px;
    box-shadow: var(--light-box-shadow) !important;
}
.landing-page-wrapper .navbar.is-solid .navbar-brand .brand-icon {
    border-color: transparent;
}
.landing-page-wrapper .navbar.is-solid .navbar-menu {
    box-shadow: var(--light-box-shadow) !important;
}
.landing-page-wrapper .navbar .navbar-brand {
    width: 100%;
}
.landing-page-wrapper .navbar .navbar-brand .navbar-burger {
    height: 40px;
    width: 40px;
    border-radius: var(--radius-rounded);
    margin-right: 12px;
}
.landing-page-wrapper .navbar .navbar-menu {
    width: calc(100% - 32px);
    position: fixed;
    top: 78px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 0 0 10px 10px;
    padding: 30px;
    text-align: center;
    border: 1px solid var(--fade-grey);
    box-shadow: none;
}
.landing-page-wrapper .navbar .navbar-menu .navbar-item.is-theme-toggle .theme-toggle {
    margin: 0 auto;
}
.landing-page-wrapper .navbar .navbar-menu .navbar-item .button {
    width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.landing-page-wrapper .navbar {
    width: calc(100% - 40px);
    margin: 0 20px;
}
}@charset "UTF-8";
/*! _landing.scss | vuero | Css ninja 2020-2021 */
/*
    1. Landing page defaults
    2. Navigation
    3. Navigation Dark mode
    4. Hero
    5. Hero Dark mode
    6. Stacks
    7. Boxed Features
    8. Boxed Features Dark mode
    9. Sections
    10. Sections Dark mode
    11. CTA block
    12. CTA block Dark mode
    13. Demos 
    14. Demos Dark mode
    15. Footer 
    16. Footer Dark mode
    17. Night Switch
    18. CTA Section
    19. CTA Section Dark mode
    20. Media Queries
*/
/* ==========================================================================
1. Defaults
========================================================================== */
.landing-page-wrapper {
  overflow-x: hidden;
}
.landing-page-wrapper .container {
  max-width: 1140px;
}
.landing-page-wrapper .light-image-l {
  display: inline-block !important;
}
.landing-page-wrapper .dark-image-l {
  display: none !important;
}
.landing-page-wrapper .light-image-block-l {
  display: block !important;
}
.landing-page-wrapper .dark-image-block-l {
  display: none !important;
}
.is-dark .landing-page-wrapper {
  background: var(--landing-xxx);
}
.is-dark .landing-page-wrapper .light-image-l {
  display: none !important;
}
.is-dark .landing-page-wrapper .dark-image-l {
  display: inline-block !important;
}
.is-dark .landing-page-wrapper .light-image-block-l {
  display: none !important;
}
.is-dark .landing-page-wrapper .dark-image-block-l {
  display: block !important;
}
.is-dark .landing-page-wrapper #backtotop.visible a {
  background: var(--primary) !important;
  color: var(--smoke-white) !important;
}
/* ==========================================================================
4. Hero
========================================================================== */
.landing-page-wrapper {
  /* stylelint-disable-next-line keyframes-name-pattern */
}
@keyframes gradientBG {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}
.landing-page-wrapper #demo-canvas {
  position: absolute;
  bottom: 20%;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.landing-page-wrapper .hero.rounded-hero {
  position: relative;
  z-index: 10;
}
.landing-page-wrapper .hero.rounded-hero.is-active .absolute-header {
  transform: translateY(0);
}
.landing-page-wrapper .hero.rounded-hero.is-active .absolute-header .header-inner .states {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.landing-page-wrapper .hero.rounded-hero.is-active .hero-body .hero-mockup {
  transform: translateY(0);
  pointer-events: all;
}
.landing-page-wrapper .hero.rounded-hero .hero-body {
  position: relative;
  z-index: 1;
}
.landing-page-wrapper .hero.rounded-hero .hero-body .switch-wrapper {
  margin: 80px auto 0;
}
.landing-page-wrapper .hero.rounded-hero .hero-body .title {
  color: var(--dark-text);
}
.landing-page-wrapper .hero.rounded-hero .hero-body .title span {
  color: var(--primary);
}
.landing-page-wrapper .hero.rounded-hero .hero-body .subtitle {
  color: var(--light-text);
  margin-bottom: 2rem;
}
.landing-page-wrapper .hero.rounded-hero .hero-body .tag {
  position: relative;
  top: -2px;
  left: 2px;
  line-height: 2;
  font-weight: 500;
  max-height: 20px;
}
.landing-page-wrapper .hero.rounded-hero .hero-body .hero-mockup {
  display: block;
  max-width: 740px;
  margin: 0 auto;
  transform: translateY(10px);
  border-radius: 12px;
  box-shadow: var(--light-box-shadow);
  pointer-events: none;
  transition: all 0.4s;
  transition-delay: 0.3s;
}
.landing-page-wrapper .hero.rounded-hero .hero-body .buttons {
  display: flex;
  justify-content: center;
}
.landing-page-wrapper .is-hero-title {
  z-index: 2;
}
.landing-page-wrapper .is-hero-title h1,
.landing-page-wrapper .is-hero-title h2 {
  color: var(--white);
}
.landing-page-wrapper .absolute-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 580px;
  background: var(--widget-grey-dark-4);
  transform: translateY(-100%);
  transition: all 0.3s;
}
.landing-page-wrapper .absolute-header .header-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
.landing-page-wrapper .absolute-header .header-inner .cut-circle {
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: auto;
}
/* ==========================================================================
5. Hero Dark mode
========================================================================== */
.is-dark .landing-page-wrapper .hero .absolute-header {
  background-color: var(--landing-yyy);
}
.is-dark .landing-page-wrapper .hero .hero-body .title {
  color: var(--smoke-white);
}
.is-dark .landing-page-wrapper .hero .hero-body .title span {
  color: var(--primary);
}
.is-dark .landing-page-wrapper .hero .hero-body .tag {
  background: var(--primary) !important;
}
/* ==========================================================================
6. Stacks
========================================================================== */
.stacks {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 540px;
  margin: 0 auto;
  padding: 20px 0;
}
.stacks .stack {
  height: 54px;
  width: 54px;
  min-width: 54px;
  border-radius: var(--radius-rounded);
  background: var(--white);
  border: 1px solid var(--fade-grey);
  box-shadow: var(--light-box-shadow);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 6px;
}
.stacks .stack img {
  display: block;
  height: 40px;
  width: 40px;
  border-radius: var(--radius-rounded);
}
/* ==========================================================================
7. Boxed Features
========================================================================== */
.boxed-features.is-flat .flex-card {
  border: none !important;
  background: none !important;
}
.boxed-features.is-flat .flex-card .flex-cell {
  border: none !important;
}
.boxed-features .flex-card {
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: var(--white);
  border-radius: 16px;
  border: 1px solid var(--fade-grey-dark-3);
  transition: all 0.3s;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
}
.boxed-features .flex-card.has-margin-bottom {
  margin-bottom: 1.5rem;
}
.boxed-features .flex-card.is-flat {
  box-shadow: none;
}
.boxed-features .flex-card.is-raised {
  box-shadow: var(--light-box-shadow);
}
.boxed-features .flex-card.is-primary {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--primary--color-invert);
}
.boxed-features .flex-card.is-primary .title,
.boxed-features .flex-card.is-primary .subtitle,
.boxed-features .flex-card.is-primary h1,
.boxed-features .flex-card.is-primary h2,
.boxed-features .flex-card.is-primary h3,
.boxed-features .flex-card.is-primary h4,
.boxed-features .flex-card.is-primary p {
  color: var(--smoke-white) !important;
}
.boxed-features .flex-card.is-secondary {
  background: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.boxed-features .flex-card.is-secondary .title,
.boxed-features .flex-card.is-secondary .subtitle,
.boxed-features .flex-card.is-secondary h1,
.boxed-features .flex-card.is-secondary h2,
.boxed-features .flex-card.is-secondary h3,
.boxed-features .flex-card.is-secondary h4,
.boxed-features .flex-card.is-secondary p {
  color: var(--smoke-white) !important;
}
.boxed-features .flex-card.is-info {
  background: var(--info) !important;
  border-color: var(--info) !important;
}
.boxed-features .flex-card.is-info .title,
.boxed-features .flex-card.is-info .subtitle,
.boxed-features .flex-card.is-info h1,
.boxed-features .flex-card.is-info h2,
.boxed-features .flex-card.is-info h3,
.boxed-features .flex-card.is-info h4,
.boxed-features .flex-card.is-info p {
  color: var(--smoke-white) !important;
}
.boxed-features .flex-card.is-success {
  background: var(--success) !important;
  border-color: var(--success) !important;
}
.boxed-features .flex-card.is-success .title,
.boxed-features .flex-card.is-success .subtitle,
.boxed-features .flex-card.is-success h1,
.boxed-features .flex-card.is-success h2,
.boxed-features .flex-card.is-success h3,
.boxed-features .flex-card.is-success h4,
.boxed-features .flex-card.is-success p {
  color: var(--smoke-white) !important;
}
.boxed-features .flex-card.is-warning {
  background: var(--warning) !important;
  border-color: var(--warning) !important;
}
.boxed-features .flex-card.is-warning .title,
.boxed-features .flex-card.is-warning .subtitle,
.boxed-features .flex-card.is-warning h1,
.boxed-features .flex-card.is-warning h2,
.boxed-features .flex-card.is-warning h3,
.boxed-features .flex-card.is-warning h4,
.boxed-features .flex-card.is-warning p {
  color: var(--smoke-white) !important;
}
.boxed-features .flex-card.is-danger {
  background: var(--danger) !important;
  border-color: var(--danger) !important;
}
.boxed-features .flex-card.is-danger .title,
.boxed-features .flex-card.is-danger .subtitle,
.boxed-features .flex-card.is-danger h1,
.boxed-features .flex-card.is-danger h2,
.boxed-features .flex-card.is-danger h3,
.boxed-features .flex-card.is-danger h4,
.boxed-features .flex-card.is-danger p {
  color: var(--smoke-white) !important;
}
.boxed-features .flex-card .card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.boxed-features .flex-card .card-head .left,
.boxed-features .flex-card .card-head .right {
  display: flex;
  align-items: center;
}
.boxed-features .flex-card .card-head .left .title {
  font-size: 1.2rem;
  font-weight: 500;
}
.boxed-features .flex-card .card-head .right {
  justify-content: flex-end;
}
.boxed-features .flex-card .card-inner {
  padding-top: 1.75rem;
}
.boxed-features .flex-card .flex-cell {
  width: 25%;
  border-right: 1px solid var(--fade-grey-dark-3);
  text-align: center;
  padding: 24px 16px;
}
.boxed-features .flex-card .flex-cell.is-bordered {
  border-bottom: 1px solid var(--fade-grey-dark-3);
}
.boxed-features .flex-card .flex-cell.no-border-edge {
  border-right: none;
}
.boxed-features .flex-card .flex-cell i {
  font-size: 2.2rem;
  color: var(--primary);
  margin-bottom: 6px;
}
.boxed-features .flex-card .flex-cell img {
  display: block;
  width: 100%;
  max-width: 64px;
  margin: 0 auto 6px;
}
.boxed-features .flex-card .flex-cell h3 {
  font-family: var(--font-alt);
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--dark-text);
}
.boxed-features .flex-card .flex-cell p {
  font-size: 0.95rem;
  color: var(--light-text);
  max-width: 200px;
  margin: 0 auto;
}
.is-dark .boxed-features .flex-card {
  background: var(--dark-sidebar-light-6);
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .boxed-features .flex-card .v-avatar img {
  border-color: var(--dark-sidebar-light-6) !important;
}
.is-dark .boxed-features .flex-card .avatar-stack .v-avatar {
  border-color: var(--dark-sidebar-light-6) !important;
}
.is-dark .boxed-features .flex-card .avatar-stack .v-avatar .avatar.is-more .inner {
  border-color: var(--dark-sidebar-light-6) !important;
}
/* ==========================================================================
8. Boxed Features Dark mode
========================================================================== */
.is-dark .landing-page-wrapper .stacks .stack {
  background: var(--landing-yyy-light-8);
  border-color: var(--landing-yyy-light-18);
}
.is-dark .landing-page-wrapper .boxed-features .flex-card {
  background: var(--landing-yyy-dark-6);
  border-color: var(--landing-yyy-light-2);
}
.is-dark .landing-page-wrapper .boxed-features .flex-card .flex-cell {
  border-color: var(--landing-yyy-light-4);
}
.is-dark .landing-page-wrapper .boxed-features .flex-card .flex-cell i {
  color: var(--primary);
}
.is-dark .landing-page-wrapper .boxed-features .flex-card .flex-cell h3 {
  color: var(--dark-dark-text);
}
/* ==========================================================================
9. Sections
========================================================================== */
.section {
  position: relative;
}
.section.section-focus {
  background: var(--widget-grey-dark-1);
}
.section .section-title {
  padding: 40px 0;
}
.section .section-title h2 {
  font-family: var(--font-alt);
  margin-bottom: 6px;
  font-weight: 300;
}
.section .section-title h4 {
  font-family: var(--font);
  color: var(--light-text);
  font-size: 1.4rem;
  font-weight: 300;
}
.section .section-feature-description {
  font-size: 1.2rem;
}
.section .side-feature h2 {
  font-family: var(--font);
  font-weight: 300;
}
/* ==========================================================================
10. Sections Dark mode
========================================================================== */
.is-dark .landing-page-wrapper .section.section-focus {
  background: var(--landing-xxx-light-2);
}
.is-dark .landing-page-wrapper .section .section-title h2 {
  color: var(--dark-dark-text);
}
.is-dark .landing-page-wrapper .section .side-feature h2,
.is-dark .landing-page-wrapper .section .side-feature h3 {
  color: var(--dark-dark-text);
}
/* ==========================================================================
11. CTA block
========================================================================== */
.cta-block {
  padding-bottom: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-bottom: 1px solid var(--fade-grey-dark-4);
  margin: 40px 0;
}
.cta-block.no-border {
  padding-bottom: 2rem;
  border-bottom: none;
}
.cta-block.is-box {
  padding: 3rem 2rem;
  background: var(--white);
  border-radius: 8px;
  box-shadow: var(--light-box-shadow);
  border: 1px solid var(--fade-grey);
  justify-content: space-between;
}
.cta-block .head-text h3 {
  font-family: var(--font-alt);
  font-size: 1.8rem;
  color: var(--dark-text);
}
.cta-block .head-text p {
  font-family: var(--font);
  font-size: 1.1rem;
  color: var(--light-text);
}
.cta-block .head-action .buttons .button.action-button {
  height: 36px;
  min-width: 140px;
}
.cta-block .head-action .buttons .button.chat-button {
  background: transparent;
  border: none;
  box-shadow: none;
  color: var(--primary);
  font-weight: 500;
}
/* ==========================================================================
12. CTA block Dark mode
========================================================================== */
.is-dark .landing-page-wrapper .cta-block {
  border-color: var(--landing-yyy-light-4);
}
.is-dark .landing-page-wrapper .cta-block .head-text h3 {
  color: var(--dark-dark-text);
}
.is-dark .landing-page-wrapper .cta-block .head-action .buttons .button.action-button {
  background: var(--primary);
  border-color: var(--primary);
}
.is-dark .landing-page-wrapper .cta-block .head-action .buttons .button.chat-button {
  color: var(--primary);
  background: none !important;
}
/* ==========================================================================
13. Demos
========================================================================== */
.component-features .media-flex .left-icon {
  margin-right: 10px;
}
.component-features .media-flex .left-icon i {
  color: var(--primary);
  font-size: 2.6rem;
}
.component-features .media-flex .flex-meta h4 {
  font-family: var(--font-alt);
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 4px;
}
.component-features .media-flex .flex-meta p {
  font-family: var(--font);
  line-height: 1.4;
}
/* ==========================================================================
14. Demos Dark mode
========================================================================== */
.is-dark .landing-page-wrapper .component-features .media-flex .left-icon i {
  color: var(--primary);
}
.is-dark .landing-page-wrapper .component-features .media-flex .flex-meta h4 {
  color: var(--dark-dark-text);
}
.is-dark .landing-page-wrapper .button.is-huge {
  background: var(--primary);
  border-color: var(--primary);
}
.is-dark .landing-page-wrapper .vertical-tabs-wrapper .tabs ul li.is-active a {
  color: var(--primary);
  border-color: var(--primary);
}
.is-dark .landing-page-wrapper .vertical-tabs-wrapper .tabs ul li a {
  border-color: var(--landing-xxx-light-18);
}
/* ==========================================================================
17. Night Switch
========================================================================== */
.switch-wrapper {
  position: relative;
  width: 130px;
}
.switch-wrapper .night-toggle {
  display: block;
  text-align: center;
  user-select: none;
  transform: scale(0.6);
}
.switch-wrapper .night-toggle--checkbox {
  display: none;
}
.switch-wrapper .night-toggle--btn {
  display: block;
  margin: 0 auto;
  font-size: 1.4em;
  transition: all 350ms ease-in;
}
.switch-wrapper .night-toggle--btn:hover, .switch-wrapper .night-toggle--btn:focus {
  cursor: pointer;
}
.switch-wrapper .night-toggle--btn, .switch-wrapper .night-toggle--btn::before, .switch-wrapper .night-toggle--btn::after,
.switch-wrapper .night-toggle--checkbox,
.switch-wrapper .night-toggle--checkbox::before,
.switch-wrapper .night-toggle--checkbox::after,
.switch-wrapper .night-toggle--feature,
.switch-wrapper .night-toggle--feature::before,
.switch-wrapper .night-toggle--feature::after {
  transition: all 250ms ease-in;
}
.switch-wrapper .night-toggle--btn::before, .switch-wrapper .night-toggle--btn::after,
.switch-wrapper .night-toggle--checkbox::before,
.switch-wrapper .night-toggle--checkbox::after,
.switch-wrapper .night-toggle--feature::before,
.switch-wrapper .night-toggle--feature::after {
  content: "";
  display: block;
}
.switch-wrapper .night-toggle--daynight .night-toggle--btn,
.switch-wrapper .night-toggle--like .night-toggle--btn {
  position: relative;
  height: 70px;
  width: 125px;
  border-radius: 70px;
}
.switch-wrapper .night-toggle--daynight .night-toggle--btn::before,
.switch-wrapper .night-toggle--like .night-toggle--btn::before {
  position: absolute;
  top: 2px;
  left: 4px;
  width: 56px;
  height: 56px;
  border-radius: var(--radius-rounded);
}
.switch-wrapper .night-toggle--daynight .night-toggle--btn {
  border: 5px solid #1c1c1c;
  background-color: #3c4145;
}
.switch-wrapper .night-toggle--daynight .night-toggle--btn::before {
  background-color: var(--white);
  border: 5px solid #e3e3c7;
}
.switch-wrapper .night-toggle--daynight .night-toggle--btn::after {
  position: absolute;
  top: 62%;
  left: 39px;
  z-index: 10;
  width: 11.2px;
  height: 11.2px;
  opacity: 0;
  background-color: var(--white);
  border-radius: var(--radius-rounded);
  box-shadow: var(--white) 0 0, var(--white) 3px 0, var(--white) 6px 0, var(--white) 9px 0, var(--white) 11px 0, var(--white) 14px 0, var(--white) 16px 0, var(--white) 21px -1px 0 1px, var(--white) 16px -7px 0 -2px, var(--white) 7px -7px 0 1px, #d3d3d3 0 0 0 4px, #d3d3d3 6px 0 0 4px, #d3d3d3 11px 0 0 4px, #d3d3d3 16px 0 0 4px, #d3d3d3 21px -1px 0 5px, #d3d3d3 16px -7px 0 1px, #d3d3d3 7px -7px 0 5px;
  transition: opacity 100ms ease-in;
}
@keyframes starry_star {
50% {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: var(--white) 30px -3px 0 0, var(--white) 12px 10px 0 -1px, rgba(255, 255, 255, 0.1) 38px 18px 0 1px, var(--white) 32px 34px 0 0, rgba(255, 255, 255, 0.1) 20px 24px 0 -1.5px, var(--white) 5px 38px 0 1px;
}
}
@keyframes bounceIn {
0% {
    opacity: 0;
    transform: scale(0.3);
}
50% {
    opacity: 100;
    transform: scale(1.1);
}
55% {
    transform: scale(1.1);
}
75% {
    transform: scale(0.9);
}
100% {
    opacity: 100;
    transform: scale(1);
}
}
.switch-wrapper .night-toggle--daynight .night-toggle--feature {
  display: block;
  position: absolute;
  top: 9px;
  left: 52.5%;
  z-index: 20;
  width: 4px;
  height: 4px;
  border-radius: var(--radius-rounded);
  background-color: var(--white);
  box-shadow: rgba(255, 255, 255, 0.1) 30px -3px 0 0, rgba(255, 255, 255, 0.1) 12px 10px 0 -1px, var(--white) 38px 18px 0 1px, rgba(255, 255, 255, 0.1) 32px 34px 0 0, var(--white) 20px 24px 0 -1.5px, rgba(255, 255, 255, 0.1) 5px 38px 0 1px;
  animation: starry_star 5s ease-in-out infinite;
}
.switch-wrapper .night-toggle--daynight .night-toggle--feature::before {
  position: absolute;
  top: -2px;
  left: -25px;
  width: 18px;
  height: 18px;
  background-color: var(--white);
  border-radius: var(--radius-rounded);
  border: 5px solid #e3e3c7;
  box-shadow: #e3e3c7 -28px 0 0 -3px, #e3e3c7 -8px 24px 0 -2px;
  transform-origin: -6px 130%;
}
.switch-wrapper .night-toggle--daynight .night-toggle--checkbox:checked + .night-toggle--btn {
  background-color: #cdcdfa;
  border: 5px solid #babbf8;
}
.switch-wrapper .night-toggle--daynight .night-toggle--checkbox:checked + .night-toggle--btn::before {
  left: 55px;
  background-color: #ffdf6d;
  border: 5px solid #e1c348;
}
.switch-wrapper .night-toggle--daynight .night-toggle--checkbox:checked + .night-toggle--btn::after {
  opacity: 100;
  animation-name: bounceIn;
  animation-duration: 0.6s;
  animation-delay: 0.1s;
  animation-fill-mode: backwards;
  animation-timing-function: ease-in-out;
}
.switch-wrapper .night-toggle--daynight .night-toggle--checkbox:checked + .night-toggle--btn > .night-toggle--feature {
  opacity: 0;
  box-shadow: rgba(255, 255, 255, 0.1) 30px -3px 0 -4px, rgba(255, 255, 255, 0.1) 12px 10px 0 -5px, var(--white) 38px 18px 0 -3px, rgba(255, 255, 255, 0.1) 32px 34px 0 -4px, var(--white) 20px 24px 0 -5.5px, rgba(255, 255, 255, 0.1) 5px 38px 0 -3px;
  animation: none;
}
.switch-wrapper .night-toggle--daynight .night-toggle--checkbox:checked + .night-toggle--btn > .night-toggle--feature::before {
  left: 25px;
  transform: rotate(70deg);
}
/* ==========================================================================
18. CTA Section
========================================================================== */
.cta-wrapper .cta-title {
  text-align: center;
}
.cta-wrapper .cta-title h3 {
  font-family: var(--font-alt);
  font-weight: 300;
  font-size: 1.5rem;
  color: var(--light-text);
  margin-bottom: 20px;
}
.cta-wrapper .cta-title .custom-button {
  display: flex;
  align-items: center;
  margin: 10px auto;
  max-width: 200px;
  font-family: var(--font);
  border: 2px solid #d3f4ed;
  border-radius: 100px;
  background: #d3f4ed;
  box-shadow: var(--light-box-shadow);
  transition: all 0.3s;
}
.cta-wrapper .cta-title .custom-button img {
  display: block;
  height: 50px;
  width: 50px;
}
.cta-wrapper .cta-title .custom-button span {
  display: block;
  font-family: var(--font);
  font-weight: 600;
  font-size: 1rem;
  color: var(--lime-dark-18);
  margin-left: 22px;
  transition: color 0.3s;
}
/* ==========================================================================
19. Media Queries
========================================================================== */
@media (max-width: 767px) {
.landing-page-wrapper .rounded-hero {
    min-height: 75vh !important;
    max-height: 75vh;
}
.landing-page-wrapper .rounded-hero .absolute-header {
    height: 500px;
}
.landing-page-wrapper .rounded-hero .hero-body .hero-mockup {
    max-width: 340px !important;
}
.landing-page-wrapper .rounded-hero .hero-body h1 {
    font-size: 3.2rem !important;
}
.landing-page-wrapper .boxed-features .flex-card .flex-cell {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--fade-grey-dark-3);
}
.landing-page-wrapper .boxed-features .flex-card .flex-cell:last-child {
    border-bottom: none;
}
.landing-page-wrapper .cta-block {
    flex-direction: column;
    text-align: center;
}
.landing-page-wrapper .cta-block .head-text {
    padding-bottom: 20px;
}
.side-feature {
    margin-bottom: 60px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.landing-page-wrapper .main-hero .is-hero-title {
    text-align: center !important;
}
.landing-page-wrapper .main-hero .is-hero-title .buttons {
    justify-content: center;
}
.landing-page-wrapper .rounded-hero {
    min-height: 75vh !important;
}
.landing-page-wrapper .rounded-hero .hero-body .hero-mockup {
    max-width: 610px !important;
}
.landing-page-wrapper .side-feature {
    display: flex;
}
.landing-page-wrapper .component-features .media-flex {
    flex-direction: column;
    text-align: center;
}
.landing-page-wrapper .component-features .media-flex .left-icon,
.landing-page-wrapper .component-features .media-flex .flex-meta {
    margin: 0;
}
.landing-page-wrapper .component-features .media-flex .left-icon {
    margin-bottom: 10px;
}
.landing-page-wrapper .vuero-components .tab-content .columns {
    display: flex;
}
.landing-page-wrapper .vuero-components .tab-content .columns .column.is-3 {
    min-width: 33.3% !important;
}
}
.marketing-hero {
  position: relative;
}
.marketing-hero.is-left .hero-body h1, .marketing-hero.is-right .hero-body h1 {
  max-width: 480px;
}
.marketing-hero.is-left .hero-body h3, .marketing-hero.is-right .hero-body h3 {
  max-width: 520px;
}
.marketing-hero.is-centered {
  background: var(--widget-grey);
}
.marketing-hero.is-centered .hero-body .columns {
  padding-top: 6rem;
}
.marketing-hero.is-centered .hero-body .title,
.marketing-hero.is-centered .hero-body .subtitle,
.marketing-hero.is-centered .hero-body .switch-wrapper {
  margin-left: auto;
  margin-right: auto;
}
.marketing-hero.is-centered .hero-body h1 {
  max-width: 880px;
}
.marketing-hero.is-centered .hero-body h3 {
  max-width: 520px;
}
.marketing-hero.is-centered .hero-body .hero-mockup {
  max-width: 640px;
  margin: 0 auto;
}
.marketing-hero.is-left, .marketing-hero.is-centered {
  background: var(--widget-grey);
}
.marketing-hero.is-left .hexagon, .marketing-hero.is-centered .hexagon {
  position: absolute;
  animation: rotating 15s infinite;
  animation-timing-function: linear;
}
.marketing-hero.is-left .hexagon.hexagon-1, .marketing-hero.is-centered .hexagon.hexagon-1 {
  top: -180px;
  left: -180px;
  height: 450px;
  width: 450px;
  transform: rotate(39deg);
}
.marketing-hero.is-left .hexagon.hexagon-2, .marketing-hero.is-centered .hexagon.hexagon-2 {
  bottom: 80px;
  right: 80px;
  height: 360px;
  width: 360px;
  transform: rotate(75deg);
  animation-delay: 2s;
}
.marketing-hero.is-left .hexagon.hexagon-3, .marketing-hero.is-centered .hexagon.hexagon-3 {
  bottom: 40px;
  left: 40px;
  height: 190px;
  width: 190px;
  transform: rotate(95deg);
  animation-delay: 0.5s;
}
.marketing-hero.is-left .hexagon.hexagon-4, .marketing-hero.is-centered .hexagon.hexagon-4 {
  top: -155px;
  left: 50%;
  height: 230px;
  width: 230px;
  transform: rotate(135deg);
  animation-delay: 1s;
}
.marketing-hero.is-right {
  background: var(--widget-grey);
}
.marketing-hero.is-right .hexagon {
  position: absolute;
  animation: rotating 15s infinite;
  animation-timing-function: linear;
}
.marketing-hero.is-right .hexagon.hexagon-1 {
  top: -180px;
  right: -180px;
  height: 450px;
  width: 450px;
  transform: rotate(39deg);
}
.marketing-hero.is-right .hexagon.hexagon-2 {
  bottom: 80px;
  left: 80px;
  height: 360px;
  width: 360px;
  transform: rotate(75deg);
  animation-delay: 2s;
}
.marketing-hero.is-right .hexagon.hexagon-3 {
  bottom: 40px;
  right: 40px;
  height: 190px;
  width: 190px;
  transform: rotate(95deg);
  animation-delay: 0.5s;
}
.marketing-hero.is-right .hexagon.hexagon-4 {
  top: -155px;
  left: 50%;
  height: 230px;
  width: 230px;
  transform: rotate(135deg);
  animation-delay: 1s;
}
.marketing-hero .hero-body .buttons .button {
  min-height: 44px;
  min-width: 140px;
}
.is-dark .marketing-hero.is-left, .is-dark .marketing-hero.is-right, .is-dark .marketing-hero.is-centered {
  background: var(--landing-xxx-dark-2);
}
.is-dark .marketing-hero.is-left .hexagon, .is-dark .marketing-hero.is-right .hexagon, .is-dark .marketing-hero.is-centered .hexagon {
  opacity: 0.3;
}
.is-dark .marketing-hero.is-left .hero-body .hero-mockup, .is-dark .marketing-hero.is-right .hero-body .hero-mockup, .is-dark .marketing-hero.is-centered .hero-body .hero-mockup {
  border-color: var(--landing-xxx-light-8);
}
.is-dark .marketing-hero.is-left .hero-body .buttons .button:not(.is-outlined), .is-dark .marketing-hero.is-right .hero-body .buttons .button:not(.is-outlined), .is-dark .marketing-hero.is-centered .hero-body .buttons .button:not(.is-outlined) {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
}
.is-dark .marketing-hero.is-left .hero-body .buttons .button:not(.is-outlined):hover, .is-dark .marketing-hero.is-left .hero-body .buttons .button:not(.is-outlined):focus, .is-dark .marketing-hero.is-right .hero-body .buttons .button:not(.is-outlined):hover, .is-dark .marketing-hero.is-right .hero-body .buttons .button:not(.is-outlined):focus, .is-dark .marketing-hero.is-centered .hero-body .buttons .button:not(.is-outlined):hover, .is-dark .marketing-hero.is-centered .hero-body .buttons .button:not(.is-outlined):focus {
  box-shadow: var(--primary-box-shadow) !important;
}
.is-dark .marketing-hero.is-left .hero-body .buttons .button.is-outlined, .is-dark .marketing-hero.is-right .hero-body .buttons .button.is-outlined, .is-dark .marketing-hero.is-centered .hero-body .buttons .button.is-outlined {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.is-dark .marketing-hero.is-left .hero-body .buttons .button.is-outlined:hover, .is-dark .marketing-hero.is-left .hero-body .buttons .button.is-outlined:focus, .is-dark .marketing-hero.is-right .hero-body .buttons .button.is-outlined:hover, .is-dark .marketing-hero.is-right .hero-body .buttons .button.is-outlined:focus, .is-dark .marketing-hero.is-centered .hero-body .buttons .button.is-outlined:hover, .is-dark .marketing-hero.is-centered .hero-body .buttons .button.is-outlined:focus {
  background: var(--primary) !important;
  color: var(--white) !important;
  box-shadow: var(--primary-box-shadow) !important;
}
.centered-mockup-wrapper {
  margin: 2rem auto;
  max-width: 740px;
}
.centered-mockup-wrapper .mockup-container {
  position: relative;
}
.centered-mockup-wrapper .mockup-container .hexagon {
  position: absolute;
  animation: rotating 15s infinite;
}
.centered-mockup-wrapper .mockup-container .hexagon.hexagon-1 {
  top: -110px;
  left: -110px;
  height: 230px;
  width: 230px;
  transform: rotate(39deg);
  animation-delay: 2s;
}
.centered-mockup-wrapper .mockup-container .hexagon.hexagon-2 {
  bottom: 160px;
  right: -80px;
  height: 160px;
  width: 160px;
  transform: rotate(75deg);
  z-index: 2;
  animation-delay: 0.5s;
}
.centered-mockup-wrapper .mockup-container .hexagon.hexagon-3 {
  bottom: 60px;
  left: -180px;
  height: 100px;
  width: 100px;
  transform: rotate(125deg);
  z-index: 2;
  animation-delay: 1s;
}
.centered-mockup-wrapper img:not(.hexagon) {
  position: relative;
  border-radius: 0.75rem;
  z-index: 1;
}
.centered-mockup-wrapper img:not(.hexagon).light-image-l {
  box-shadow: var(--light-box-shadow);
  border: 1px solid var(--border);
}
.centered-mockup-wrapper img:not(.hexagon).dark-image-l {
  box-shadow: var(--light-box-shadow);
  border: 1px solid var(--dark-sidebar-light-12);
}
.is-dark .centered-mockup-wrapper .title {
  color: var(--white) !important;
}
.is-dark .video-section .title {
  color: var(--white) !important;
}
.is-dark .video-section .video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}
.is-dark .video-section .video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid:hover, .is-dark .video-section .video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid:focus {
  background: var(--primary) !important;
}
.is-dark .video-section .video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid:hover svg, .is-dark .video-section .video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid:focus svg {
  stroke: var(--white) !important;
  fill: var(--white) !important;
}
.is-dark .video-section .video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid svg {
  stroke: var(--primary) !important;
}
.pricing-wrapper {
  font-family: var(--font);
  font-weight: 400;
  color: #9f9f9f;
  font-size: 15px;
  display: flex;
  justify-content: center;
  max-width: 1040px;
  margin: 0 auto;
}
.pricing-wrapper .pricing-plan {
  width: calc(33.3% - 1.5rem);
  height: auto;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 0.65rem;
  display: inline-block;
  padding: 24px;
  text-align: center;
  position: relative;
  margin: 0 0.75rem;
  overflow: hidden;
  transition: box-shadow 0.3s;
}
.pricing-wrapper .pricing-plan:hover, .pricing-wrapper .pricing-plan:focus {
  box-shadow: var(--light-box-shadow);
}
.pricing-wrapper .pricing-plan.is-featured {
  border-color: var(--primary);
}
.pricing-wrapper .pricing-plan.is-featured::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 64px 64px 0 0;
  border-color: var(--primary) transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}
.pricing-wrapper .pricing-plan.is-featured::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  color: var(--white);
  position: absolute;
  left: 11px;
  top: 11px;
  text-shadow: 0 0 2px var(--primary);
  font-size: 1rem;
}
.pricing-wrapper .pricing-plan .name {
  color: var(--dark-text);
  font-weight: 300;
  font-size: 2rem;
  margin-top: -5px;
}
.pricing-wrapper .pricing-plan img {
  max-width: 55px;
  margin: 0 auto;
}
.pricing-wrapper .pricing-plan .price {
  font-size: 1.8rem;
  margin: 0.75rem 0 1.5rem;
  font-weight: bold;
}
.pricing-wrapper .pricing-plan .price::after {
  content: " /per month";
  font-size: 1rem;
  font-weight: normal;
  color: var(--light-text);
}
.pricing-wrapper .pricing-plan hr {
  background-color: var(--border);
  border: none;
  height: 1px;
}
.pricing-wrapper .pricing-plan .trial {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 2px 21px;
  color: var(--primary);
  border: 1px solid var(--border);
  display: inline-block;
  border-radius: 15px;
  background-color: var(--white);
}
.pricing-wrapper .pricing-plan ul {
  list-style: none;
  padding: 0;
  text-align: left;
  margin-top: 29px;
}
.pricing-wrapper .pricing-plan li {
  margin-bottom: 15px;
}
.pricing-wrapper .pricing-plan li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  font-size: 0.9rem;
  color: var(--success);
  margin-right: 6px;
}
.is-dark .pricing-wrapper .pricing-plan {
  border-color: var(--landing-xxx-light-12);
  background: var(--landing-xxx-light-6);
}
.is-dark .pricing-wrapper .pricing-plan.is-featured {
  border-color: var(--primary);
}
.is-dark .pricing-wrapper .pricing-plan.is-featured::before {
  border-color: var(--primary) transparent transparent transparent;
}
.is-dark .pricing-wrapper .pricing-plan .name {
  color: var(--dark-dark-text);
}
.is-dark .pricing-wrapper .pricing-plan .price {
  color: var(--white);
}
.is-dark .pricing-wrapper .pricing-plan .trial {
  color: var(--primary);
  border-color: var(--landing-xxx-light-12);
  background: var(--landing-xxx-light-2);
}
.is-dark .pricing-wrapper .pricing-plan hr {
  background: var(--landing-xxx-light-12);
}
.is-dark .pricing-wrapper .pricing-plan li {
  color: var(--light-text);
}
.is-dark .pricing-wrapper .pricing-plan li strong {
  color: var(--white);
}
.card-icon-box {
  border: 1px solid var(--border);
  border-radius: 0.65rem;
  box-shadow: none;
  transition: box-shadow 0.3s;
}
.card-icon-box:hover, .card-icon-box:focus {
  box-shadow: var(--light-box-shadow);
}
.card-icon-box .v-icon {
  margin-bottom: 0.75rem;
}
.is-dark .card-icon-box {
  border-color: var(--landing-xxx-light-12);
  background: var(--landing-xxx-light-4);
}
.is-dark .card-icon-box .v-icon {
  background: transparent;
  border: 2px solid var(--landing-xxx-light-12);
}
.is-dark .card-icon-box .title {
  color: var(--white);
}
.has-bg-dots {
  background-image: radial-gradient(circle, #f0f4ff 10%, transparent 15%), radial-gradient(circle, #f0f4ff 10%, transparent 15%);
  background-size: 50px 50px;
  background-position: 0 0, 0 0;
}
.is-dark .has-bg-dots {
  background-image: radial-gradient(circle, var(--landing-xxx-light-4) 10%, transparent 15%), radial-gradient(circle, var(--landing-xxx-light-4) 10%, transparent 15%);
  background-size: 50px 50px;
  background-position: 0 0, 0 0;
}
.boxed-cta {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 430px;
  max-width: 1040px;
  margin: 0 auto;
  background: var(--primary);
  border-radius: 1rem;
  padding: 3rem;
  box-shadow: var(--primary-box-shadow);
  overflow: hidden;
  margin-bottom: 5rem;
}
.boxed-cta .v-avatar {
  position: absolute;
}
.boxed-cta .v-avatar.v-avatar-1 {
  top: -7%;
  left: 4%;
}
.boxed-cta .v-avatar.v-avatar-2 {
  top: 5%;
  right: 5%;
}
.boxed-cta .v-avatar.v-avatar-3 {
  bottom: -9%;
  left: 5%;
}
.boxed-cta .v-avatar.v-avatar-4 {
  bottom: -9%;
  right: 5%;
}
.boxed-cta .v-avatar.v-avatar-5 {
  top: -7%;
  left: 50%;
}
.boxed-cta .v-avatar.v-avatar-6 {
  top: 40%;
  right: -3%;
}
.boxed-cta .v-avatar.v-avatar-7 {
  top: 30%;
  right: 12%;
}
.boxed-cta .v-avatar.v-avatar-8 {
  bottom: 30%;
  right: 16%;
}
.boxed-cta .v-avatar.v-avatar-9 {
  top: 9%;
  right: 21%;
}
.boxed-cta .v-avatar.v-avatar-10 {
  top: 40%;
  left: -3%;
}
.boxed-cta .v-avatar.v-avatar-11 {
  top: 30%;
  left: 12%;
}
.boxed-cta .v-avatar.v-avatar-12 {
  bottom: 17%;
  left: 16%;
}
.boxed-cta .v-avatar.v-avatar-13 {
  top: 9%;
  left: 21%;
}
.boxed-cta .v-avatar.v-avatar-14 {
  bottom: 20%;
  left: 1%;
}
.boxed-cta .v-avatar.v-avatar-15 {
  bottom: -7%;
  left: 39%;
}
.boxed-cta .v-avatar.v-avatar-16 {
  bottom: 12%;
  right: 30%;
}
.boxed-cta .v-avatar .avatar {
  border: 4px solid var(--primary-light-8);
}
.boxed-cta .boxed-cta-content {
  max-width: 440px;
}
.boxed-cta .boxed-cta-content .title,
.boxed-cta .boxed-cta-content .subtitle {
  color: var(--white) !important;
}
.boxed-cta .boxed-cta-content .subtitle {
  opacity: 0.8;
}
.boxed-cta .boxed-cta-content .v-button {
  min-height: 44px;
  min-width: 190px;
  font-weight: 600;
  color: var(--primary) !important;
  background-color: var(--white) !important;
  border-color: var(--primary) !important;
}
.is-dark .boxed-cta {
  background: var(--primary);
  box-shadow: var(--primary-box-shadow);
}
.is-dark .boxed-cta .v-avatar .avatar {
  border-color: var(--primary-light-8);
}
.is-dark .boxed-cta .boxed-cta-content .v-button {
  color: var(--primary);
}
@media (max-width: 767px) {
.marketing-hero.is-left, .marketing-hero.is-right, .marketing-hero.is-centered {
    text-align: center;
}
.marketing-hero.is-left .hexagon.hexagon-1, .marketing-hero.is-right .hexagon.hexagon-1, .marketing-hero.is-centered .hexagon.hexagon-1 {
    top: -110px;
    left: -80px;
    height: 230px;
    width: 230px;
}
.marketing-hero.is-left .hexagon.hexagon-2, .marketing-hero.is-right .hexagon.hexagon-2, .marketing-hero.is-centered .hexagon.hexagon-2 {
    bottom: 45px;
    right: -80px;
    height: 220px;
    width: 220px;
}
.marketing-hero.is-left .hexagon.hexagon-3, .marketing-hero.is-right .hexagon.hexagon-3, .marketing-hero.is-centered .hexagon.hexagon-3 {
    bottom: 50%;
    left: -110px;
}
.marketing-hero.is-left .hexagon.hexagon-4, .marketing-hero.is-right .hexagon.hexagon-4, .marketing-hero.is-centered .hexagon.hexagon-4 {
    top: -165px;
    left: 70%;
    height: 230px;
    width: 230px;
}
.marketing-hero .hero-body .title,
.marketing-hero .hero-body .subtitle {
    margin-left: auto;
    margin-right: auto;
}
.marketing-hero .hero-body .title {
    font-size: 2.5rem;
}
.marketing-hero .hero-body .buttons {
    justify-content: center;
    margin-bottom: 2rem;
}
.marketing-hero .hero-body .switch-wrapper {
    margin: 0 auto;
}
.marketing-hero .hero-body .hero-mockup {
    max-width: 100% !important;
    margin: 0 auto;
}
.centered-mockup-wrapper .hexagon.hexagon-2 {
    bottom: 120px !important;
    right: -40px !important;
    height: 80px !important;
    width: 80px !important;
}
.pricing-wrapper {
    flex-wrap: wrap;
}
.pricing-wrapper .pricing-plan {
    width: calc(100% - 1.5rem);
}
.pricing-wrapper .pricing-plan:not(:last-child) {
    margin-bottom: 1.5rem;
}
.boxed-cta .v-avatar.v-avatar-12, .boxed-cta .v-avatar.v-avatar-9, .boxed-cta .v-avatar.v-avatar-8, .boxed-cta .v-avatar.v-avatar-11, .boxed-cta .v-avatar.v-avatar-4, .boxed-cta .v-avatar.v-avatar-6, .boxed-cta .v-avatar.v-avatar-1 {
    display: none;
}
.boxed-cta .v-avatar.v-avatar-7 {
    right: -6%;
}
.boxed-cta .v-avatar.v-avatar-13 {
    top: 3%;
    left: -4%;
}
.boxed-cta .v-avatar.v-avatar-14 {
    left: -13%;
}
.boxed-cta .v-avatar.v-avatar-15 {
    bottom: -4%;
    left: 48%;
}
.boxed-cta .v-avatar.v-avatar-16 {
    right: -7%;
}
.boxed-cta .boxed-cta-content .title {
    font-size: 2.5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.marketing-hero.is-centered {
    text-align: center;
}
.marketing-hero.is-centered .hexagon.hexagon-2 {
    bottom: 45px;
    right: -80px;
}
.marketing-hero.is-centered .hexagon.hexagon-3 {
    bottom: 50%;
    left: -110px;
}
.marketing-hero.is-left {
    text-align: center;
}
.marketing-hero.is-left .hexagon.hexagon-2 {
    bottom: 45px;
    right: -80px;
}
.marketing-hero.is-left .hexagon.hexagon-3 {
    bottom: 50%;
    left: -110px;
}
.marketing-hero.is-right {
    text-align: center;
}
.marketing-hero.is-right .hexagon.hexagon-2 {
    bottom: 45px;
    right: -80px;
}
.marketing-hero.is-right .hexagon.hexagon-3 {
    bottom: 50%;
    left: -110px;
}
.marketing-hero .hero-body .title,
.marketing-hero .hero-body .subtitle {
    margin-left: auto;
    margin-right: auto;
}
.marketing-hero .hero-body .buttons {
    justify-content: center;
    margin-bottom: 2rem;
}
.marketing-hero .hero-body .switch-wrapper {
    margin: 0 auto;
}
.marketing-hero .hero-body .hero-mockup {
    max-width: 640px;
    margin: 0 auto;
}
.card-icon-boxes {
    display: flex;
}
.card-icon-boxes .column {
    min-width: 50%;
    width: 50%;
}
.centered-mockup-wrapper {
    max-width: 640px;
}
.centered-mockup-wrapper .columns {
    display: flex;
}
.video-section .columns .columns {
    display: flex;
    flex-wrap: wrap;
    max-width: 480px;
    margin: 0 auto;
}
.video-section .columns .columns .column {
    min-width: 50%;
    width: 50%;
}
.boxed-cta .v-avatar.v-avatar-12, .boxed-cta .v-avatar.v-avatar-9, .boxed-cta .v-avatar.v-avatar-8, .boxed-cta .v-avatar.v-avatar-11 {
    display: none;
}
}.pwa-toast {
  position: fixed;
  right: 0;
  bottom: 0;
  max-width: 350px;
  margin: 16px;
  padding: 12px;
  border: 1px solid #8885;
  border-radius: 4px;
  z-index: 10;
  text-align: left;
  box-shadow: 3px 4px 5px 0 #8885;
}
.pwa-message {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.multiselect {
  position: relative;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  border: var(--ms-border-width, 1px) solid var(--ms-border-color, #D1D5DB);
  border-radius: var(--ms-radius, 4px);
  background: var(--ms-bg, #FFFFFF);
  font-size: var(--ms-font-size, 1rem);
  min-height: calc(2 * var(--ms-border-width, 1px) + var(--ms-font-size, 1rem) * var(--ms-line-height, 1.375) + 2 * var(--ms-py, 0.5rem));
}
.multiselect.is-open {
  border-radius: var(--ms-radius, 4px) var(--ms-radius, 4px) 0 0;
}
.multiselect.is-open-top {
  border-radius: 0 0 var(--ms-radius, 4px) var(--ms-radius, 4px);
}
.multiselect.is-disabled {
  cursor: default;
  background: var(--ms-bg-disabled, #F3F4F6);
}
.multiselect.is-active {
  box-shadow: 0 0 0 var(--ms-ring-width, 3px) var(--ms-ring-color, #10B98130);
}

.multiselect-multiple-label,
.multiselect-single-label,
.multiselect-placeholder {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: transparent;
  line-height: var(--ms-line-height, 1.375);
  padding-left: var(--ms-px, 0.875rem);
  padding-right: calc(1.25rem + var(--ms-px, 0.875rem) * 3);
  box-sizing: border-box;
  max-width: 100%;
}

.multiselect-placeholder {
  color: var(--ms-placeholder-color, #9CA3AF);
}

.multiselect-single-label-text {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.multiselect-search {
  width: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  outline: none;
  box-sizing: border-box;
  border: 0;
  appearance: none;
  font-size: inherit;
  font-family: inherit;
  background: var(--ms-bg, #FFFFFF);
  border-radius: var(--ms-radius, 4px);
  padding-left: var(--ms-px, 0.875rem);
}
.multiselect-search::-webkit-search-decoration, .multiselect-search::-webkit-search-cancel-button, .multiselect-search::-webkit-search-results-button, .multiselect-search::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.multiselect-tags {
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-wrap: wrap;
  margin: var(--ms-tag-my, 0.25rem) 0 0;
  padding-left: var(--ms-py, 0.5rem);
  align-items: center;
}

.multiselect-tag {
  background: var(--ms-tag-bg, #10B981);
  color: var(--ms-tag-color, #FFFFFF);
  font-size: var(--ms-tag-font-size, 0.875rem);
  line-height: var(--ms-tag-line-height, 1.25rem);
  font-weight: var(--ms-tag-font-weight, 600);
  padding: var(--ms-tag-py, 0.125rem) 0 var(--ms-tag-py, 0.125rem) var(--ms-tag-px, 0.5rem);
  border-radius: var(--ms-tag-radius, 4px);
  margin-right: var(--ms-tag-mx, 0.25rem);
  margin-bottom: var(--ms-tag-my, 0.25rem);
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.multiselect-tag.is-disabled {
  padding-right: var(--ms-tag-px, 0.5rem);
  background: var(--ms-tag-bg-disabled, #9CA3AF);
  color: var(--ms-tag-color-disabled, #FFFFFF);
}

.multiselect-tag-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--ms-tag-remove-py, 0.25rem) var(--ms-tag-remove-px, 0.25rem);
  margin: var(--ms-tag-remove-my, 0rem) var(--ms-tag-remove-mx, 0.125rem);
  border-radius: var(--ms-tag-remove-radius, 4px);
}
.multiselect-tag-remove:hover {
  background: #00000010;
}

.multiselect-tag-remove-icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: currentColor;
  opacity: 0.8;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
}

.multiselect-tags-search-wrapper {
  display: inline-block;
  position: relative;
  margin: 0 var(--ms-tag-mx, 4px) var(--ms-tag-my, 4px);
  flex-grow: 1;
  flex-shrink: 1;
  height: 100%;
}

.multiselect-tags-search-copy {
  visibility: hidden;
  white-space: pre-wrap;
  display: inline-block;
  height: 1px;
  width: 100%;
}

.multiselect-tags-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 0;
  appearance: none;
  outline: none;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  box-sizing: border-box;
  width: 100%;
  appearance: none;
}
.multiselect-tags-search::-webkit-search-decoration, .multiselect-tags-search::-webkit-search-cancel-button, .multiselect-tags-search::-webkit-search-results-button, .multiselect-tags-search::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.multiselect-spinner {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--ms-spinner-color, #10B981);
  width: 1rem;
  height: 1rem;
  z-index: 10;
  margin: 0 var(--ms-px, 0.875rem) 0 0;
  animation: multiselect-spin 1s linear infinite;
  flex-shrink: 0;
  flex-grow: 0;
}

.multiselect-clear {
  padding: 0 var(--ms-px, 0.875rem) 0 0px;
  position: relative;
  z-index: 10;
  opacity: 1;
  transition: 0.3s;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
}
.multiselect-clear:hover .multiselect-clear-icon {
  background-color: var(--ms-clear-color-hover, #000000);
}

.multiselect-clear-icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--ms-clear-color, #999999);
  width: 0.625rem;
  height: 1.125rem;
  display: inline-block;
  transition: 0.3s;
}

.multiselect-caret {
  transform: rotate(0deg);
  transition: 0.3s transform;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--ms-caret-color, #999999);
  width: 0.625rem;
  height: 1.125rem;
  margin: 0 var(--ms-px, 0.875rem) 0 0;
  position: relative;
  z-index: 10;
  flex-shrink: 0;
  flex-grow: 0;
  pointer-events: none;
}
.multiselect-caret.is-open {
  transform: rotate(180deg);
  pointer-events: auto;
}

.multiselect-dropdown {
  position: absolute;
  left: calc(var(--ms-border-width, 1px) * -1);
  right: calc(var(--ms-border-width, 1px) * -1);
  bottom: 0;
  transform: translateY(100%);
  border: var(--ms-dropdown-border-width, 1px) solid var(--ms-dropdown-border-color, #D1D5DB);
  margin-top: calc(var(--ms-border-width, 1px) * -1);
  max-height: 15rem;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
  background: var(--ms-dropdown-bg, #FFFFFF);
  display: flex;
  flex-direction: column;
  border-radius: 0 0 var(--ms-dropdown-radius, 4px) var(--ms-dropdown-radius, 4px);
  outline: none;
}
.multiselect-dropdown.is-top {
  transform: translateY(-100%);
  top: var(--ms-border-width, 1px);
  bottom: auto;
  flex-direction: column-reverse;
  border-radius: var(--ms-dropdown-radius, 4px) var(--ms-dropdown-radius, 4px) 0 0;
}
.multiselect-dropdown.is-hidden {
  display: none;
}

.multiselect-options {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  max-height: var(--ms-max-height, 10rem);
}
.multiselect-options.is-top {
  flex-direction: column-reverse;
}

.multiselect-group {
  padding: 0;
  margin: 0;
  @apply p-0 m-0;
}

.multiselect-group-label {
  padding: var(--ms-group-label-py, 0.3rem) var(--ms-group-label-px, 0.75rem);
  font-size: 0.875rem;
  font-weight: 600;
  background: var(--ms-group-label-bg, #E5E7EB);
  color: var(--ms-group-label-color, #374151);
  cursor: default;
  line-height: var(--ms-group-label-line-height, 1.375);
  display: flex;
  box-sizing: border-box;
  text-decoration: none;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.multiselect-group-label.is-pointable {
  cursor: pointer;
}
.multiselect-group-label.is-pointed {
  background: var(--ms-group-label-bg-pointed, #D1D5DB);
  color: var(--ms-group-label-color-pointed, #374151);
}
.multiselect-group-label.is-selected {
  background: var(--ms-group-label-bg-selected, #059669);
  color: var(--ms-group-label-color-selected, #FFFFFF);
}
.multiselect-group-label.is-disabled {
  background: var(--ms-group-label-bg-disabled, #F3F4F6);
  color: var(--ms-group-label-color-disabled, #D1D5DB);
  cursor: not-allowed;
}
.multiselect-group-label.is-selected.is-pointed {
  background: var(--ms-group-label-bg-selected-pointed, #0c9e70);
  color: var(--ms-group-label-color-selected-pointed, #FFFFFF);
}
.multiselect-group-label.is-selected.is-disabled {
  background: var(--ms-group-label-bg-selected-disabled, #75cfb1);
  color: var(--ms-group-label-color-selected-disabled, #D1FAE5);
}

.multiselect-group-options {
  padding: 0;
  margin: 0;
}

.multiselect-option {
  padding: var(--ms-option-py, 0.5rem) var(--ms-option-px, 0.75rem);
  font-size: var(--ms-option-font-size, 1rem);
  line-height: var(--ms-option-line-height, 1.375);
  cursor: pointer;
  display: flex;
  box-sizing: border-box;
  text-decoration: none;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.multiselect-option.is-pointed {
  background: var(--ms-option-bg-pointed, #F3F4F6);
  color: var(--ms-option-color-pointed, #1F2937);
}
.multiselect-option.is-selected {
  background: var(--ms-option-bg-selected, #10B981);
  color: var(--ms-option-color-selected, #FFFFFF);
}
.multiselect-option.is-disabled {
  background: var(--ms-option-bg-disabled, #FFFFFF);
  color: var(--ms-option-color-disabled, #D1D5DB);
  cursor: not-allowed;
}
.multiselect-option.is-selected.is-pointed {
  background: var(--ms-option-bg-selected-pointed, #26c08e);
  color: var(--ms-option-color-selected-pointed, #FFFFFF);
}
.multiselect-option.is-selected.is-disabled {
  background: var(--ms-option-bg-selected-disabled, #87dcc0);
  color: var(--ms-option-color-selected-disabled, #D1FAE5);
}

.multiselect-no-options,
.multiselect-no-results {
  padding: var(--ms-option-py, 0.5rem) var(--ms-option-px, 0.75rem);
  color: var(--ms-empty-color, #4B5563);
}

.multiselect-fake-input {
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  border: 0;
  padding: 0;
  font-size: 0;
  outline: none;
}
.multiselect-fake-input:active, .multiselect-fake-input:focus {
  outline: none;
}

.multiselect-spacer {
  display: none;
}

@keyframes multiselect-spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}.slider-target,
.slider-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.slider-target {
  position: relative;
}

.slider-base,
.slider-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.slider-connects {
  overflow: hidden;
  z-index: 0;
}

.slider-connect,
.slider-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

.slider-txt-dir-rtl.slider-horizontal .slider-origin {
  left: 0;
  right: auto;
}

.slider-vertical .slider-origin {
  top: -100%;
  width: 0;
}

.slider-horizontal .slider-origin {
  height: 0;
}

.slider-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.slider-touch-area {
  height: 100%;
  width: 100%;
}

.slider-state-tap .slider-connect,
.slider-state-tap .slider-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.slider-state-drag * {
  cursor: inherit !important;
}

.slider-tooltip-focus .slider-tooltip,
.slider-tooltip-drag .slider-tooltip {
  display: none !important;
}

.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden),
.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),
.slider-tooltip-drag .slider-active .slider-tooltip {
  display: block !important;
}

.slider-horizontal {
  height: var(--slider-height, 6px);
}

.slider-horizontal .slider-handle {
  width: var(--slider-handle-width, 16px);
  height: var(--slider-handle-height, 16px);
  top: calc(((var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + 1px) * (-1));
  right: calc(var(--slider-handle-width, 16px) / 2 * (-1));
}

.slider-vertical {
  width: var(--slider-height, 6px);
  height: var(--slider-vertical-height, 300px);
}

.slider-vertical .slider-handle {
  width: var(--slider-handle-height, 16px);
  height: var(--slider-handle-width, 16px);
  right: calc(((var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + 1px) * (-1));
  bottom: calc(var(--slider-handle-width, 16px) / 2 * (-1));
}

.slider-txt-dir-rtl.slider-horizontal .slider-handle {
  left: calc(var(--slider-handle-width, 16px) / 2 * (-1));
  right: auto;
}

.slider-base {
  background-color: var(--slider-bg, #D1D5DB);
  border-radius: var(--slider-radius, 9999px);
}

.slider-connects {
  border-radius: var(--slider-radius, 9999px);
}

.slider-connect {
  background: var(--slider-connect-bg, #10B981);
  cursor: pointer;
}

.slider-draggable {
  cursor: ew-resize;
}

.slider-vertical .slider-draggable {
  cursor: ns-resize;
}

.slider-handle {
  width: var(--slider-handle-width, 16px);
  height: var(--slider-handle-height, 16px);
  border-radius: var(--slider-handle-radius, 9999px);
  background: var(--slider-handle-bg, #fff);
  border: var(--slider-handle-border, 0);
  box-shadow: var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));
  cursor: grab;
}
.slider-handle:focus {
  outline: none;
  box-shadow: 0 0 0 var(--slider-handle-ring-width, 3px) var(--slider-handle-ring-color, #10B98130), var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));
}

.slider-active {
  box-shadow: var(--slider-handle-shadow-active, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.42));
  cursor: grabbing;
}

[disabled] .slider-connect {
  background: var(--slider-connect-bg-disabled, #9CA3AF);
}

[disabled].slider-target,
[disabled].slider-handle,
[disabled] .slider-handle {
  cursor: not-allowed;
}

[disabled] .slider-tooltip {
  background: var(--slider-tooltip-bg-disabled, #9CA3AF);
  border-color: var(--slider-tooltip-bg-disabled, #9CA3AF);
}

.slider-tooltip {
  position: absolute;
  display: block;
  font-size: var(--slider-tooltip-font-size, 0.875rem);
  line-height: var(--slider-tooltip-line-height, 1.25rem);
  font-weight: var(--slider-tooltip-font-weight, 600);
  white-space: nowrap;
  padding: var(--slider-tooltip-py, 2px) var(--slider-tooltip-px, 6px);
  min-width: var(--slider-tooltip-min-width, 20px);
  text-align: center;
  color: var(--slider-tooltip-color, #fff);
  border-radius: var(--slider-tooltip-radius, 5px);
  border: 1px solid var(--slider-tooltip-bg, #10B981);
  background: var(--slider-tooltip-bg, #10B981);
}

.slider-horizontal .slider-tooltip-top {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
}
.slider-horizontal .slider-tooltip-top:before {
  content: "";
  position: absolute;
  bottom: calc(var(--slider-tooltip-arrow-size, 5px) * (-2));
  left: 50%;
  width: 0;
  height: 0;
  border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
  border-top-color: inherit;
  transform: translate(-50%);
}

.slider-horizontal .slider-tooltip-bottom {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  top: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
}
.slider-horizontal .slider-tooltip-bottom:before {
  content: "";
  position: absolute;
  top: calc(var(--slider-tooltip-arrow-size, 5px) * (-2));
  left: 50%;
  width: 0;
  height: 0;
  border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
  border-bottom-color: inherit;
  transform: translate(-50%);
}

.slider-vertical .slider-tooltip-left {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
}
.slider-vertical .slider-tooltip-left:before {
  content: "";
  position: absolute;
  right: calc(var(--slider-tooltip-arrow-size, 5px) * (-2));
  top: 50%;
  width: 0;
  height: 0;
  border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
  border-left-color: inherit;
  transform: translateY(-50%);
}

.slider-vertical .slider-tooltip-right {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  left: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
}
.slider-vertical .slider-tooltip-right:before {
  content: "";
  position: absolute;
  left: calc(var(--slider-tooltip-arrow-size, 5px) * (-2));
  top: 50%;
  width: 0;
  height: 0;
  border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
  border-right-color: inherit;
  transform: translateY(-50%);
}

.slider-horizontal .slider-origin > .slider-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
}

.slider-horizontal .slider-origin > .slider-tooltip-top {
  bottom: calc(var(--slider-tooltip-arrow-size, 5px) + ((var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2) + var(--slider-tooltip-distance, 3px) + 1px);
}

.slider-horizontal .slider-origin > .slider-tooltip-bottom {
  top: calc(var(--slider-tooltip-arrow-size, 5px) + ((var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2) + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px);
}

.slider-vertical .slider-origin > .slider-tooltip {
  transform: translate(0, calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px)) * (-1) + 1px));
  top: auto;
}

.slider-vertical .slider-origin > .slider-tooltip-left {
  right: calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + ((var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2) + var(--slider-tooltip-distance, 3px) - 1px);
}

.slider-vertical .slider-origin > .slider-tooltip-right {
  left: calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + ((var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2) + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px);
}[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrolling .simplebar-scrollbar:before,
.simplebar-hover .simplebar-scrollbar:before,
.simplebar-mouse-entered .simplebar-scrollbar:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}
.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714286%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left;
}@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{transform:rotate(90deg);top:calc(50% - 3px);left:11px}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333;text-align:initial}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}.tippy-box{border:1px transparent}.tippy-box[data-placement^=top]>.tippy-arrow:after{border-top-color:inherit;border-width:8px 8px 0;bottom:-8px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:inherit;border-width:0 8px 8px;top:-8px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow:after{border-left-color:inherit;border-width:8px 0 8px 8px;right:-8px;top:0}.tippy-box[data-placement^=right]>.tippy-arrow:after{border-width:8px 8px 8px 0;left:-8px;top:0;border-right-color:inherit}.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg:first-child:not(:last-child){top:17px}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg:first-child:not(:last-child){bottom:17px}.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg:first-child:not(:last-child){left:12px}.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg:first-child:not(:last-child){right:12px}.tippy-arrow{border-color:inherit}.tippy-arrow:after{content:"";z-index:-1;position:absolute;border-color:transparent;border-style:solid}.tippy-box[data-placement^=top]>.tippy-backdrop{transform-origin:0 25%;border-radius:40% 40% 0 0}.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-55%)}.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%,-45%)}.tippy-box[data-placement^=bottom]>.tippy-backdrop{transform-origin:0 -50%;border-radius:0 0 30% 30%}.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-45%)}.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%)}.tippy-box[data-placement^=left]>.tippy-backdrop{transform-origin:50% 0;border-radius:50% 0 0 50%}.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-75%,-50%)}.tippy-box[data-placement^=right]>.tippy-backdrop{transform-origin:-50% 0;border-radius:0 50% 50% 0}.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-25%,-50%)}.tippy-box[data-animatefill]{background-color:transparent!important}.tippy-backdrop{position:absolute;background-color:#333;border-radius:50%;width:calc(110% + 32px);left:50%;top:50%;z-index:-1;transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop[data-state=hidden]{opacity:0}.tippy-backdrop:after{content:"";float:left;padding-top:100%}.tippy-backdrop+.tippy-content{transition-property:opacity;will-change:opacity}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}@charset "UTF-8";
/* stylelint-disable scss/at-import-partial-extension */
/* stylelint-disable scss/at-import-no-partial-leading-underscore */
/* ==========================================================================
SCSS Imports
========================================================================== */
:root {
	/* Initialize */
		--init-background-color: white; /* 배경색 */
		--init-font-color: black; /* 글자색 */
		--init-font-family: Poppins, Noto Sans KR; /* 글자체 */
		--init-font-size: 16px; /* 글자 크기 */
		--init-footer-height: 160px; /* 푸터 높이 */
		--init-header-height: 80px; /* 헤더 높이 */
		--init-line-height: 1.2; /* 행간 */
		--init-letter-spacing: -0.02em; /* 자간 */
		--init-layout-width: 100%; /* 페이지 넓이 */
		--init-mobile-design-width: 720; /* 모바일 디자인 넓이 */
		--init-layout-padding: 36px; /* 레이아웃 안쪽 좌우 여백 */

	/* Background */
		--bg-img: url('/images/bg.png'); /* 배경 이미지 경로 */
		--ic-c: url('/images/common_icon.png'); /* 공통 아이콘 이미지 경로 */
		--ic: url('/assets/m_icon.c80b83ba.png'); /* 아이콘 이미지 경로 */
		--bg-sz: 1000px; /* 이미지 스프라이트 크기 */
		--bp-40: -40px; /* 40 */
		--bp-50: -50px; /* 50 */
		--bp-100: -100px; /* 100 */
		--bp-150: -150px; /* 150 */
		--bp-200: -200px; /* 200 */
		--bp-250: -250px; /* 250 */
		--bp-300: -300px; /* 300 */
		--bp-350: -350px; /* 350 */
		--bp-400: -400px; /* 400 */
		--bp-450: -450px; /* 450 */
		--bp-500: -500px; /* 500 */
		--bp-550: -550px; /* 550 */
		--bp-600: -600px; /* 600 */
		--bp-650: -650px; /* 650 */
		--bp-700: -700px; /* 700 */
		--bp-750: -750px; /* 750 */
		--bp-800: -800px; /* 800 */
		--bp-850: -850px; /* 850 */
		--bp-900: -900px; /* 900 */
		--bp-950: -950px; /* 950 */

		--bp-rating: 0;
		--bp-selection: var(--bp-50);
		--bp-input: var(--bp-100);
		--bp-calendar: var(--bp-150);
		--bp-select: var(--bp-200);
		--bp-popup: var(--bp-250);
		--bp-accordion: var(--bp-300);
		--bp-floating: var(--bp-350);
		--bp-swiper: var(--bp-450);
		--bp-tree: var(--bp-500);
		--bp-paging: var(--bp-550);
		--bp-tooltip: var(--bp-600);

	/* Color */
		--mc: #ff6500; /* 메인 컬러 */
		--moc: #424242; /* 메인 오버 컬러 */
		--mlc: #c0c0c0; /* 메인 밝은 컬러 */
		--mdc: #222222; /* 메인 어두운 컬러 */
		--mic: #f65555; /* 강조 컬러 */

		--st-red: #f94144; /* 상태 컬러 Red */
		--st-org: #f3722c; /* 상태 컬러 Orange */
		--st-ylw: #f9c74f; /* 상태 컬러 Yellow */
		--st-grn: #90be6d; /* 상태 컬러 Green */
		--st-sky: #57bed6; /* 상태 컬러 SkyBlue */
		--st-blu: #6670c9; /* 상태 컬러 Blue */
		--st-pur: #9c71d4; /* 상태 컬러 Purple */

		--dis-bg: #e7e7e7; /* Disabled 배경 */
		--dis-bdr: #ccc; /* Disabled 테두리 색상 */
		--dis-c: #999; /* Disabled 테두리 색상 */

		--valid-bg: white; /* 폼 밸리데이션 성공 배경 */
		--valid-bdr: #1b680c; /* 폼 밸리데이션 성공 테두리 */
		--invalid-bg: white; /* 폼 밸리데이션 실패 배경 */
		--invalid-bdr: #ff0048; /* 폼 밸리데이션 실패 테두리 */

	/* Form */
		--fom-h: 48px; /* 높이 */
		--fom-br: 9px; /* 보더 라디우스 */
		--fom-pad: var(--init-font-size); /* 좌우 패딩 */
		--fom-fs: var(--init-font-size); /* 폰트 크기 */
		--fom-bg: white; /* 배경 */
		--fom-bdr-c: #e2e2e2; /* 테두리 색상 */
		--fom-fcs-brd-c: var(--moc); /* 포커스 시 테두리 색상 */
		--fom-fcs-bg-c: var(--moc); /* 포커스 시 테두리 색상 */
		--fom-fcs-ft-c: white; /* 포커스 시 테두리 색상 */
		--fom-fc: #222222; /* 폰트 컬러 */
		--fom-ph: #999; /* Placeholder 컬러 */
		--fom-rg-h: 4px; /* Range Type 막대 크기 */
		--fom-rg-thb-sz: 16px; /* Range Type 슬라이더 크기 */
		--fom-dropitem: 5.5; /* 드롭다운 아이템 노출 개수 */
		--fom-lh: calc(var(--fom-h) - 2px); /* 폼 행간 */
		--fom-ta-h: 120px; /* 텍스트 에어리어 높이 */

	/* Popup */
		--pop-w: 720px; /* 팝업 기본 넓이 */
		--pop-pad: 20px; /* 팝업 좌우 여백 */
		--pop-max-h: 95dvh; /* 팝업 최대 높이 */
		--pop-br: 10px; /* 팝업 보더 라디우스 */
		--pop-hh: 48px; /* 팝업 헤더 높이 */
		--pop-fh: 136px; /* 팝업 푸터 높이 */
		--pop-cont-top-pad: 20px; /* 팝업 내용 위쪽 여백 */
		--pop-cont-bot-pad: 20px; /* 팝업 내용 아래쪽 여백 */

	/* Scroll */
		--scr-w: 4px; /* 넓이 */
		--scr-br: 4px; /* 보더 라디우스 */
		--scr-bg1: var(--mlc); /* 배경색 */
		--scr-bg2: var(--mc); /* 색상 */

	/* Transition */
		--trans-dft: .3s ease; /* 기본 트랜지션 */
}
@media all and (max-width:720px) {
	:root {
		/* Initialize */
			--init-font-size: 3.33vw; /* 글자 크기 */
			--init-footer-height: 20.83vw; /* 푸터 높이 */
			--init-header-height: 12.5vw; /* 헤더 높이 */
			--init-layout-width: 100dvw; /* 페이지 넓이 */
			--init-layout-padding: 5vw; /* 레이아웃 안쪽 좌우 여백 */

		/* Background */
			--bg-img: url('/images/m_bg.png'); /* 배경 이미지 경로 */
			--ic-c: url('/images/m_common_icon.png'); /* 공통 아이콘 이미지 경로 */
			--ic: url('/assets/m_icon.c80b83ba.png'); /* 아이콘 이미지 경로 */
			--bg-sz: 138.88vw; /* 이미지 스프라이트 크기 */
			--bp-40: -5.56vw; /* 40 */
			--bp-50: -6.94vw; /* 50 */
			--bp-100: -13.89vw; /* 100 */
			--bp-150: -20.83vw; /* 150 */
			--bp-200: -27.78vw; /* 200 */
			--bp-250: -34.72vw; /* 250 */
			--bp-300: -41.67vw; /* 300 */
			--bp-350: -48.61vw; /* 350 */
			--bp-400: -55.56vw; /* 400 */
			--bp-450: -62.50vw; /* 450 */
			--bp-500: -69.44vw; /* 500 */
			--bp-550: -76.39vw; /* 550 */
			--bp-600: -83.33vw; /* 600 */
			--bp-650: -90.28vw; /* 650 */
			--bp-700: -97.22vw; /* 700 */
			--bp-750: -104.17vw; /* 750 */
			--bp-800: -111.11vw; /* 800 */
			--bp-850: -118.06vw; /* 850 */
			--bp-900: -125.00vw; /* 900 */
			--bp-950: -131.94vw; /* 950 */

		/* Form */
			--fom-h: 12.5vw; /* 높이 */
			--fom-br: 2.22vw; /* 보더 라디우스 */
			--fom-fs: 4.17vw; /* 폰트 크기 */
			--fom-pad: 4.17vw; /* 좌우 패딩 */
			--fom-chk-ico-w: 3.06vw; /* 체크박스 아이콘 넓이 */
			--fom-chk-ico-h: 2.36vw; /* 체크박스 아이콘 높이 */
			--fom-rg-h: 0.56vw; /* Range Type 막대 크기 */
			--fom-rg-thb-sz: 2.22vw; /* Range Type 슬라이더 크기 */
			--fom-ta-h: 16.67vw; /* 텍스트 에어리어 높이 */

		/* Popup */
			--pop-w: 100dvw; /* 팝업 기본 넓이 */
			--pop-pad: 2vw; /* 팝업 좌우 여백 */
			--pop-max-h: 100dvh; /* 팝업 최대 높이 */
			--pop-br: 0; /* 팝업 보더 라디우스 */
			--pop-hh: 10.41vw; /* 팝업 헤더 높이 */
			--pop-fh: 30.20vw; /* 팝업 푸터 높이 */
			--pop-cont-top-pad: 4.17vw; /* 팝업 내용 위쪽 여백 */
			--pop-cont-bot-pad: 4.17vw; /* 팝업 내용 아래쪽 여백 */
	}
}
/* @import "font.css";
@import "common.css"; */
/* Animation */
[data-ani-this]:hover,
[data-ani-this-auto] {
	animation-fill-mode: both;
	animation-duration: var(--ani-dur, .5s);
	animation-delay: var(--ani-dly, 0s);
	animation-timing-function: var(--ani-ease, linear);
	animation-name:var(--ani-n, bounce);
	animation-iteration-count:var(--ani-rpt, infinite);
}
@keyframes backInDown {
	0% { translate: 0 -1200px; scale: 0.7; opacity: 0.7; }
	80% { translate: 0 0; scale: 0.7; opacity: 0.7; }
	to { scale: 1; opacity: 1; }
}
@keyframes backInLeft {
	0% { translate: -2000px 0; scale: 0.7; opacity: 0.7; }
	80% { translate: 0 0; scale: 0.7; opacity: 0.7; }
	to { scale: 1; opacity: 1; }
}
@keyframes backInRight {
	0% { translate: 2000px 0; scale: 0.7; opacity: 0.7; }
	80% { translate: 0 0; scale: 0.7; opacity: 0.7; }
	to { scale: 1; opacity: 1; }
}
@keyframes backInUp {
	0% { translate: 0 1200px; scale: 0.7; opacity: 0.7; }
	80% { translate: 0 0; scale: 0.7; opacity: 0.7; }
	to { scale: 1; opacity: 1; }
}
@keyframes backOutDown {
	0% { scale: 1; opacity: 1; }
	20% { translate: 0 0; scale: 0.7; opacity: 0.7; }
	to { translate: 0 700px; scale: 0.7; opacity: 0.7; }
}
@keyframes backOutLeft {
	0% { scale: 1; opacity: 1; }
	20% { translate: 0 0; scale: 0.7; opacity: 0.7; }
	to { translate: -2000px 0; scale: 0.7; opacity: 0.7; }
}
@keyframes backOutRight {
	0% { scale: 1; opacity: 1; }
	20% { translate: 0 0; scale: 0.7; opacity: 0.7; }
	to { translate: 2000px 0; scale: 0.7; opacity: 0.7; }
}
@keyframes backOutUp {
	0% { scale: 1; opacity: 1; }
	20% { translate: 0 0; scale: 0.7; opacity: 0.7; }
	to { translate: 0 -700px; scale: 0.7; opacity: 0.7; }
}
@keyframes bounce {
	0%, 20%, 53%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); translate: 0; scale: 1; }
	40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); translate: 0 -30px; scale: 1 1.1; }
	70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); translate: 0 -15px; scale: 1 1.05; }
	80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); translate: 0; scale: 1 0.95; }
	90% { translate: 0 -4px; scale: 1 1.02; }
}
[style*="--ani-n:bounce"] { transform-origin: center bottom; }
@keyframes bounceIn {
	0% { opacity: 0; scale: 0.3; }
	20% { scale: 1.1; }
	40% { scale: 0.9; }
	60% { opacity: 1; scale: 1.03; }
	80% { scale: 0.97; }
	to { opacity: 1; scale: 1; }
}
[style*="--ani-n:bounceIn"] { --ani-dur:0.75s; }
@keyframes bounceInDown {
	0% { opacity: 0; translate: 0 -3000px; scale: 1 3; }
	60% { opacity: 1; translate: 0 25px; scale: 1 0.9; }
	75% { translate: 0 -10px; scale: 1 0.95; }
	90% { translate: 0 5px; scale: 1 0.985; }
	to { translate: 0; }
}
@keyframes bounceInLeft {
	0% { opacity: 0; translate: -3000px 0; scale: 3 1; }
	60% { opacity: 1; translate: 25px 0; scale: 1; }
	75% { translate: -10px 0; scale: 0.98 1; }
	90% { translate: 5px 0; scale: 0.995 1; }
	to { translate: 0; }
}
@keyframes bounceInRight {
	0% { opacity: 0; translate: 3000px 0; scale: 3 1; }
	60% { opacity: 1; translate: -25px 0; scale: 1; }
	75% { translate: 10px 0; scale: 0.98 1; }
	90% { translate: -5px 0; scale: 0.995 1; }
	to { translate: 0; }
}
@keyframes bounceInUp {
	0% { opacity: 0; translate: 0 3000px; scale: 1 5; }
	60% { opacity: 1; translate: 0 -20px; scale: 1 0.9; }
	75% { translate: 0 10px; scale: 1 0.95; }
	90% { translate: 0 -5px; scale: 1 0.985; }
	to { translate: 0; }
}
@keyframes bounceOut {
	20% { scale: 0.9; }
	50%, 55% { opacity: 1; scale: 1.1; }
	to { opacity: 0; scale: 0.3; }
}
[style*="--ani-n:bounceOut"] { --ani-dur:0.75s; }
@keyframes bounceOutDown {
	20% { translate: 0 10px; scale: 1 0.985; }
	40%, 45% { opacity: 1; translate: 0 -20px; scale: 1 0.9; }
	to { opacity: 0; translate: 0 2000px; scale: 1 3; }
}
@keyframes bounceOutLeft {
	20% { opacity: 1; translate: 20px 0; scale: 0.9 1; }
	to { opacity: 0; translate: -2000px 0; scale: 2 1; }
}
@keyframes bounceOutRight {
	20% { opacity: 1; translate: -20px 0; scale: 0.9 1; }
	to { opacity: 0; translate: 2000px 0; scale: 2 1; }
}
@keyframes bounceOutUp {
	20% { translate: 0 -10px; scale: 1 0.985; }
	40%, 45% { opacity: 1; translate: 0 20px; scale: 1 0.9; }
	to { opacity: 0; translate: 0 -2000px; scale: 1 3; }
}
@keyframes fadeIn {
	0% { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadeInDown {
	0% { opacity: 0; translate: 0 -100%; }
	to { opacity: 1; translate: 0; }
}
@keyframes fadeInDownBig {
	0% { opacity: 0; translate: 0 -2000px; }
	to { opacity: 1; translate: 0; }
}
@keyframes fadeInLeft {
	0% { opacity: 0; translate: -100% 0; }
	to { opacity: 1; translate: 0; }
}
@keyframes fadeInLeftBig {
	0% { opacity: 0; translate: -2000px 0; }
	to { opacity: 1; translate: 0; }
}
@keyframes fadeInRight {
	0% { opacity: 0; translate: 100% 0; }
	to { opacity: 1; translate: 0; }
}
@keyframes fadeInRightBig {
	0% { opacity: 0; translate: 2000px 0; }
	to { opacity: 1; translate: 0; }
}
@keyframes fadeInUp {
	0% { opacity: 0; translate: 0 100%; }
	to { opacity: 1; translate: 0; }
}
@keyframes fadeInUpBig {
	0% { opacity: 0; translate: 0 2000px; }
	to { opacity: 1; translate: 0; }
}
@keyframes fadeInTopLeft {
	0% { opacity: 0; translate: -100% -100%; }
	to { opacity: 1; translate: 0; }
}
@keyframes fadeInTopRight {
	0% { opacity: 0; translate: 100% -100%; }
	to { opacity: 1; translate: 0; }
}
@keyframes fadeInBottomLeft {
	0% { opacity: 0; translate: -100% 100%; }
	to { opacity: 1; translate: 0; }
}
@keyframes fadeInBottomRight {
	0% { opacity: 0; translate: 100% 100%; }
	to { opacity: 1; translate: 0; }
}
@keyframes fadeOut {
	0% { opacity: 1; }
	to { opacity: 0; }
}
@keyframes fadeOutDown {
	0% { opacity: 1; }
	to { opacity: 0; translate: 0 100%; }
}
@keyframes fadeOutDownBig {
	0% { opacity: 1; }
	to { opacity: 0; translate: 0 2000px; }
}
@keyframes fadeOutLeft {
	0% { opacity: 1; }
	to { opacity: 0; translate: -100% 0; }
}
@keyframes fadeOutLeftBig {
	0% { opacity: 1; }
	to { opacity: 0; translate: -2000px 0; }
}
@keyframes fadeOutRight {
	0% { opacity: 1; }
	to { opacity: 0; translate: 100% 0; }
}
@keyframes fadeOutRightBig {
	0% { opacity: 1; }
	to { opacity: 0; translate: 2000px 0; }
}
@keyframes fadeOutUp {
	0% { opacity: 1; }
	to { opacity: 0; translate: 0 -100%; }
}
@keyframes fadeOutUpBig {
	0% { opacity: 1; }
	to { opacity: 0; translate: 0 -2000px; }
}
@keyframes fadeOutTopLeft {
	0% { opacity: 1; translate: 0; }
	to { opacity: 0; translate: -100% -100%; }
}
@keyframes fadeOutTopRight {
	0% { opacity: 1; translate: 0; }
	to { opacity: 0; translate: 100% -100%; }
}
@keyframes fadeOutBottomRight {
	0% { opacity: 1; translate: 0; }
	to { opacity: 0; translate: 100% 100%; }
}
@keyframes fadeOutBottomLeft {
	0% { opacity: 1; translate: 0; }
	to { opacity: 0; translate: -100% 100%; }
}
@keyframes flash {
	0%, 50%, to { opacity: 1; }
	25%, 75% { opacity: 0; }
}
@keyframes flip {
	0% { perspective: 400px; scale: 1; translate: 0; rotate: 0 1 0 -1turn; animation-timing-function: ease-out; }
	40% { perspective: 400px; scale: 1; translate: 0 0 150px; rotate: 0 1 0 -190deg; animation-timing-function: ease-out; }
	50% { perspective: 400px; scale: 1; translate: 0 0 150px; rotate: 0 1 0 -170deg; animation-timing-function: ease-in; }
	80% { perspective: 400px; scale: 0.95; translate: 0; rotate: 0 1 0 0deg; animation-timing-function: ease-in; }
	to { perspective: 400px; scale: 1; translate: 0; rotate: 0 1 0 0deg; animation-timing-function: ease-in; }
}
@keyframes flipInX {
	0% { perspective: 400px; rotate: 90deg 1 0 0; animation-timing-function: ease-in; opacity: 0; }
	40% { perspective: 400px; rotate: -20deg 1 0 0; animation-timing-function: ease-in; }
	60% { perspective: 400px; rotate: 10deg 1 0 0; opacity: 1; }
	80% { perspective: 400px; rotate: -5deg 1 0 0; }
	to { perspective: 400px; }
}
[style*="--ani-n:flipInX"] { backface-visibility: visible !important; }
@keyframes flipInY {
	0% { perspective: 400px; rotate: 90deg 0 1 0; animation-timing-function: ease-in; opacity: 0; }
	40% { perspective: 400px; rotate: -20deg 0 1 0; animation-timing-function: ease-in; }
	60% { perspective: 400px; rotate: 10deg 0 1 0; opacity: 1; }
	80% { perspective: 400px; rotate: -5deg 0 1 0; }
	to { perspective: 400px; }
}
[style*="--ani-n:flipInY"] { backface-visibility: visible !important; }
@keyframes flipOutX {
	0% { perspective: 400px; }
	30% { perspective: 400px; rotate: -20deg 1 0 0; opacity: 1; }
	to { perspective: 400px; rotate: 90deg 1 0 0; opacity: 0; }
}
[style*="--ani-n:flipOutX"] { backface-visibility: visible !important; --ani-dur: 0.75s; }
@keyframes flipOutY {
	0% { perspective: 400px; }
	30% { perspective: 400px; rotate: -15deg 0 1 0; opacity: 1; }
	to { perspective: 400px; rotate: 90deg 0 1 0; opacity: 0; }
}
[style*="--ani-n:flipOutY"] { backface-visibility: visible !important; --ani-dur: 0.75s; }
@keyframes headShake {
	0%, 50% { translate: 0; rotate: 0; }
	6.5% { translate: -6px 0; rotate: 0 1 0 -9deg; }
	18.5% { translate: 5px 0; rotate: 0 1 0 7deg; }
	31.5% { translate: -3px 0; rotate: 0 1 0 -5deg; }
	43.5% { translate: 2px 0; rotate: 0 1 0 3deg; }
}
[style*="--ani-n:headShake"] { --ani-ease:ease-in-out; }
@keyframes heartBeat {
	0%, 28%, 70% { scale: 1; }
	14%, 42% { scale: 1.3; }
}
[style*="--ani-n:heartBeat"] { --ani-dur:1.3s; --ani-ease:ease-in-out; }
@keyframes hinge {
	0% { animation-timing-function: ease-in-out; }
	20%, 60% { rotate: 80deg; animation-timing-function: ease-in-out; }
	40%, 80% { rotate: 60deg; animation-timing-function: ease-in-out; opacity: 1; }
	to { translate: 0 700px; opacity: 0; }
}
[style*="--ani-n:hinge"] { --ani-dur:2s; transform-origin: top left; }
@keyframes jackInTheBox {
	0% { opacity: 0; scale: 0.1; rotate: 30deg; transform-origin: center bottom; }
	50% { rotate: -10deg; }
	70% { rotate: 3deg; }
	to { opacity: 1; scale: 1; }
}
@keyframes jello {
	0%, 11.1%, to { transform: translateZ(0); }
	22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
	33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
	44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
	55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
	66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
	77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
	88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }
}
[style*="--ani-n:jello"] { transform-origin: center; }
@keyframes lightSpeedInRight {
	0% { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
	60% { transform: skewX(20deg); opacity: 1; }
	80% { transform: skewX(-5deg); }
	to { transform: translateZ(0); }
}
[style*="--ani-n:lightSpeedInRight"] { --ani-ease: ease-out; }
@keyframes lightSpeedInLeft {
	0% { transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; }
	60% { transform: skewX(-20deg); opacity: 1; }
	80% { transform: skewX(5deg); }
	to { transform: translateZ(0); }
}
[style*="--ani-n:lightSpeedInLeft"] { --ani-ease: ease-out; }
@keyframes lightSpeedOutRight {
	0% { opacity: 1; }
	to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; }
}
[style*="--ani-n:lightSpeedOutRight"] { --ani-ease: ease-in; }
@keyframes lightSpeedOutLeft {
	0% { opacity: 1; }
	to { transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; }
}
[style*="--ani-n:lightSpeedOutLeft"] { --ani-ease: ease-in; }
@keyframes rotateIn {
	0% { rotate: -200deg; opacity: 0; }
	to { rotate: 0deg; opacity: 1; }
}
[style*="--ani-n:rotateIn"] { transform-origin: center; }
@keyframes rotateInDownLeft {
	0% { rotate: -45deg; opacity: 0; }
	to { rotate: 0deg; opacity: 1; }
}
[style*="--ani-n:rotateInDownLeft"] { transform-origin: left bottom; }
@keyframes rotateInDownRight {
	0% { rotate: 45deg; opacity: 0; }
	to { rotate: 0deg; opacity: 1; }
}
[style*="--ani-n:rotateInDownRight"] { transform-origin: right bottom; }
@keyframes rotateInUpLeft {
	0% { rotate: 45deg; opacity: 0; }
	to { rotate: 0deg; opacity: 1; }
}
[style*="--ani-n:rotateInUpLeft"] { transform-origin: left bottom; }
@keyframes rotateInUpRight {
	0% { rotate: -90deg; opacity: 0; }
	to { rotate: 0deg; opacity: 1; }
}
[style*="--ani-n:rotateInUpRight"] { transform-origin: right bottom; }
@keyframes rotateOut {
	0% { opacity: 1; }
	to { rotate: 200deg; opacity: 0; }
}
[style*="--ani-n:rotateOut"] { transform-origin: center; }
@keyframes rotateOutDownLeft {
	0% { opacity: 1; }
	to { rotate: 45deg; opacity: 0; }
}
[style*="--ani-n:rotateOutDownLeft"] { transform-origin: left bottom; }
@keyframes rotateOutDownRight {
	0% { opacity: 1; }
	to { rotate: -45deg; opacity: 0; }
}
[style*="--ani-n:rotateOutDownRight"] { transform-origin: right bottom; }
@keyframes rotateOutUpLeft {
	0% { opacity: 1; }
	to { rotate: -45deg; opacity: 0; }
}
[style*="--ani-n:rotateOutUpLeft"] { transform-origin: left bottom; }
@keyframes rotateOutUpRight {
	0% { opacity: 1; }
	to { rotate: 90deg; opacity: 0; }
}
[style*="--ani-n:rotateOutUpRight"] { transform-origin: right bottom; }
@keyframes pulse {
	0% { scale: 1; }
	50% { scale: 1.05; }
	to { scale: 1; }
}
[style*="--ani-n:pulse"] { --ani-ease:ease-in-out; }
@keyframes rollIn {
	0% { opacity: 0; translate: -100% 0; rotate: -120deg; }
	to { opacity: 1; translate: 0; rotate: 0deg; }
}
@keyframes rollOut {
	0% { opacity: 1; }
	to { opacity: 0; translate: 100% 0; rotate: 120deg; }
}
@keyframes rubberBand {
	0% { scale: 1; }
	30% { scale: 1.25 0.75; }
	40% { scale: 0.75 1.25; }
	50% { scale: 1.15 0.85; }
	65% { scale: 0.95 1.05; }
	75% { scale: 1.05 0.95; }
	to { scale: 1; }
}
@keyframes shakeX {
	0%, to { translate: 0; }
	10%, 30%, 50%, 70%, 90% { translate: -10px 0; }
	20%, 40%, 60%, 80% { translate: 10px 0; }
}
@keyframes shakeY {
	0%, to { translate: 0; }
	10%, 30%, 50%, 70%, 90% { translate: 0 -10px; }
	20%, 40%, 60%, 80% { translate: 0 10px; }
}
@keyframes slideInDown {
	0% { translate: 0 -100%; visibility: visible; }
	to { translate: 0; }
}
@keyframes slideInLeft {
	0% { translate: -100% 0; visibility: visible; }
	to { translate: 0; }
}
@keyframes slideInRight {
	0% { translate: 100% 0; visibility: visible; }
	to { translate: 0; }
}
@keyframes slideInUp {
	0% { translate: 0 100%; visibility: visible; }
	to { translate: 0; }
}
@keyframes slideOutDown {
	0% { translate: 0; }
	to { visibility: hidden; translate: 0 100%; }
}
@keyframes slideOutLeft {
	0% { translate: 0; }
	to { visibility: hidden; translate: -100% 0; }
}
@keyframes slideOutRight {
	0% { translate: 0; }
	to { visibility: hidden; translate: 100% 0; }
}
@keyframes slideOutUp {
	0% { translate: 0; }
	to { visibility: hidden; translate: 0 -100%; }
}
@keyframes swing {
	20% { rotate: 15deg; }
	40% { rotate: -10deg; }
	60% { rotate: 5deg; }
	80% { rotate: -5deg; }
	to { rotate: 0deg; }
}
[style*="--ani-n:swing"] { transform-origin: top center; }
@keyframes tada {
	0%, to { scale: 1; rotate: 0deg; }
	10%, 20% { scale: 0.9; rotate: -3deg; }
	30%, 50%, 70%, 90% { scale: 1.1; rotate: 3deg; }
	40%, 60%, 80% { scale: 1.1; rotate: -3deg; }
}
@keyframes wobble {
	0%, to { translate: 0; rotate: 0deg; }
	15% { translate: -25% 0; rotate: -5deg; }
	30% { translate: 20% 0; rotate: 3deg; }
	45% { translate: -15% 0; rotate: -3deg; }
	60% { translate: 10% 0; rotate: 2deg; }
	75% { translate: -5% 0; rotate: -1deg; }
}
@keyframes zoomIn {
	0% { opacity: 0; scale: 0.3; }
	50% { opacity: 1; }
}
@keyframes zoomInDown {
	0% { opacity: 0; scale: 0.1; translate: 0 -1000px; animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	60% { opacity: 1; scale: 0.475; translate: 0 60px; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInLeft {
	0% { opacity: 0; scale: 0.1; translate: -1000px 0; animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	60% { opacity: 1; scale: 0.475; translate: 10px 0; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInRight {
	0% { opacity: 0; scale: 0.1; translate: 1000px 0; animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	60% { opacity: 1; scale: 0.475; translate: -10px 0; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInUp {
	0% { opacity: 0; scale: 0.1; translate: 0 1000px; animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	60% { opacity: 1; scale: 0.475; translate: 0 -60px; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOut {
	0% { opacity: 1; }
	50% { opacity: 0; scale: 0.3; }
	to { opacity: 0; }
}
@keyframes zoomOutDown {
	40% { opacity: 1; scale: 0.475; translate: 0 -60px; animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	to { opacity: 0; scale: 0.1; translate: 0 2000px; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutLeft {
	40% { opacity: 1; scale: 0.475; translate: 42px 0; }
	to { opacity: 0; scale: 0.1; translate: -2000px 0; }
}
[style*="--ani-n:zoomOutLeft"] { transform-origin: left center; }
@keyframes zoomOutRight {
	40% { opacity: 1; scale: 0.475; translate: -42px 0; }
	to { opacity: 0; scale: 0.1; translate: 2000px 0; }
}
[style*="--ani-n:zoomOutRight"] { transform-origin: right center; }
@keyframes zoomOutUp {
	40% { opacity: 1; scale: 0.475; translate: 0 60px; animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	to { opacity: 0; scale: 0.1; translate: 0 -2000px; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
[style*="--ani-n:zoomOutUp"] { transform-origin: center bottom; }
[style*="--bg-c"] { background-color: var(--bg-c); }
@media (max-width: 720px) {
	[style*="--m-bg-c"] { background-color: var(--m-bg-c); }
}
[style*="--bd"] {
	border-left: var(--bd-l-w, var(--bd-w)) var(--bd-l-s, var(--bd-s, solid)) var(--bd-l-c, var(--bd-c, black));
	border-top: var(--bd-t-w, var(--bd-w)) var(--bd-t-s, var(--bd-s, solid)) var(--bd-t-c, var(--bd-c, black));
	border-right: var(--bd-r-w, var(--bd-w)) var(--bd-r-s, var(--bd-s, solid)) var(--bd-r-c, var(--bd-c, black));
	border-bottom: var(--bd-b-w, var(--bd-w)) var(--bd-b-s, var(--bd-s, solid)) var(--bd-b-c, var(--bd-c, black));
}
[style*="--bd-r"] { border-radius: var(--bd-r); }
[style*="--out-bd"] {
	outline: var(--out-bd-w) var(--out-bd-s, solid) var(--out-bd-c, black);
}
@media (max-width: 720px) {
	[style*="--m-bd"] {
		border-left: var(--m-bd-l-w, var(--m-bd-w, var(--bd-w))) var(--m-bd-l-s, var(--m-bd-s, var(--bd-s, solid))) var(--m-bd-l-c, var(--m-bd-c, var(--bd-c, black)));
		border-top: var(--m-bd-t-w, var(--m-bd-w, var(--bd-w))) var(--m-bd-t-s, var(--m-bd-s, var(--bd-s, solid))) var(--m-bd-t-c, var(--m-bd-c, var(--bd-c, black)));
		border-right: var(--m-bd-r-w, var(--m-bd-w, var(--bd-w))) var(--m-bd-r-s, var(--m-bd-s, var(--bd-s, solid))) var(--m-bd-r-c, var(--m-bd-c, var(--bd-c, black)));
		border-bottom: var(--m-bd-b-w, var(--m-bd-w, var(--bd-w))) var(--m-bd-b-s, var(--m-bd-s, var(--bd-s, solid))) var(--m-bd-b-c, var(--m-bd-c, var(--bd-c, black)));
	}
	[style*="--m-bd-r"] { border-radius: var(--m-bd-r); }
	[style*="--m-out-bd"] {
		outline: var(--m-out-bd-w, var(--out-bd-w)) var(--m-out-bd-s, var(--out-bd-s, solid)) var(--m-out-bd-c, var(--out-bd-c, black));
	}
}
[style*="--dp"] { display: var(--dp); }
@media (max-width: 720px) {
	[style*="--m-dp"] { display: var(--m-dp); }
}
[style*="--flex"],
[class*="flex"] {
	--flex-g: 0;
	--flex-sh: 1;
	--flex-b: auto;
	--flex-d: row;
	--flex-w: nowrap;
}
[style*="--flex"],
[class*="flex"] {
	flex: var(--flex-g) var(--flex-sh) var(--flex-b);
	flex-flow: var(--flex-d, row) var(--flex-w, nowrap);
}
[style*="--order"] { order: var(--order); }
.flex-1 {
	--flex-g: 1;
	--flex-sh: 1;
	--flex-b: 0;
}
@media (max-width: 720px) {
	[style*="--m-flex"],
	[class*="flex"] {
		--m-flex-g: var(--flex-g);
		--m-flex-sh: var(--flex-sh);
		--m-flex-b: var(--flex-b);
		--m-flex-d: var(--flex-d);
		--m-flex-w: var(--flex-w);
	}

	[style*="--m-flex"],
	[class*="flex"]  {
		flex: var(--m-flex-g) var(--m-flex-sh) var(--m-flex-b);
		flex-flow: var(--m-flex-d, row) var(--m-flex-w, nowrap);
	}
	[style*="--m-order"] { order: var(--m-order); }
}
[style*="--grid-col"] { grid-column: span var(--grid-col); }
[style*="--grid-t-col"] { grid-template-columns: repeat(var(--grid-t-col), 1fr); }
@media (max-width: 720px) {
	[style*="--m-grid-col"] { grid-column: span var(--m-grid-col); }
	[style*="--m-grid-t-col"] { grid-template-columns: repeat(var(--m-grid-t-col), 1fr); }
}
[style*="--gap"] {
	--gap-a: initial;
	--gap-x: var(--gap-a);
	--gap-y: var(--gap-a);
}
[style*="--content"] {
	--content-a: normal;
	--content-x: var(--content-a);
	--content-y: var(--content-a);
}
[style*="--items"] {
	--items-a: normal;
	--items-x: var(--items-a);
	--items-y: var(--items-a);
}
[style*="--gap"] {
	column-gap: var(--gap-x, var(--gap-a));
	row-gap: var(--gap-y, var(--gap-a));
}
[style*="--content"] {
	place-content: var(--content-y, var(--content-a)) var(--content-x, var(--content-a));
}
[style*="--items"] {
	place-items: var(--items-y, var(--items-a)) var(--items-x, var(--items-a));
}
@media (max-width: 720px) {
	[style*="--gap"] {
		--m-gap-a: var(--gap-a);
		--m-gap-x: var(--m-gap-a);
		--m-gap-y: var(--m-gap-a);
	}

	[style*="--content"] {
		--m-content-a: var(--content-a);
		--m-content-x: var(--m-content-a);
		--m-content-y: var(--m-content-a);
	}

	[style*="--items"] {
		--m-items-a: var(--items-a);
		--m-items-x: var(--m-items-a);
		--m-items-y: var(--m-items-a);
	}

	[style*="--m-gap"] {
		column-gap: var(--m-gap-x, var(--m-gap-a));
		row-gap: var(--m-gap-y, var(--m-gap-a));
	}

	[style*="--m-content"] {
		place-content: var(--m-content-y, var(--m-content-a)) var(--m-content-x, var(--m-content-a));
	}

	[style*="--m-items"] {
		place-items: var(--m-items-y, var(--m-items-a)) var(--m-items-x, var(--m-items-a));
	}
}
[style*="--ft-c"] { color: var(--ft-c); }
[style*="--ft-s"] { font-size: var(--ft-s); }
[style*="--ft-w"] { font-weight: var(--ft-w); }
[style*="--txt-a"] { text-align: var(--txt-a); }
[style*="--txt-deco"] {
	text-decoration: var(--txt-deco-l, underline) var(--txt-deco-s, solid) var(--txt-deco-c, var(--ft-c, currentcolor)) var(--txt-deco-t, 1px);
	text-underline-offset: var(--txt-deco-uo, auto);
}
[style*="--txt-emp"] {
	text-emphasis: var(--txt-emp-s, dot) var(--txt-emp-c, var(--ft-c, currentcolor));
	text-emphasis-position: var(--txt-emp-p, over right);
}
[style*="--txt-lh"] { line-height: var(--txt-lh); }
[style*="--txt-ls"] { letter-spacing: var(--txt-ls); }
[style*="--txt-ori"] {
	writing-mode: vertical-rl;
	text-orientation: var(--txt-ori);
}
[style*="--txt-up"] {
	writing-mode: vertical-rl;
	text-combine-upright: var(--txt-up);
}
@media (max-width: 720px) {
	[style*="--m-ft-c"] { color: var(--m-ft-c); }
	[style*="--m-ft-s"] { font-size: var(--m-ft-s); }
	[style*="--m-ft-w"] { font-weight: var(--m-ft-w); }
	[style*="--m-txt-a"] { text-align: var(--m-txt-a); }
	[style*="--m-txt-deco"] {
		text-decoration: var(--m-txt-deco-l) var(--m-txt-deco-s) var(--m-txt-deco-c);
		text-underline-offset: var(--m-txt-deco-uo);
	}
	[style*="--m-txt-emp"] {
		text-emphasis: var(--m-txt-emp-s) var(--m-txt-emp-c);
		text-emphasis-position: var(--m-txt-emp-p);
	}
	[style*="--m-txt-lh"] { line-height: var(--m-txt-lh); }
	[style*="--m-txt-ls"] { letter-spacing: var(--m-txt-ls); }
	[style*="--m-txt-ori"] {
		writing-mode: vertical-rl;
		text-orientation: var(--m-txt-ori);
	}
	[style*="--m-txt-up"] {
		writing-mode: vertical-rl;
		text-combine-upright: var(--m-txt-up);
	}
}
[style*="--ovf"] {
	overflow-x: var(--ovf-x, var(--ovf-a, visible));
	overflow-y: var(--ovf-y, var(--ovf-a, visible));
}
[style*="--ovf-x"] { white-space: nowrap; }
[style*="--ovf-y"] { white-space: wrap; }
@media (max-width: 720px) {
	[style*="--m-ovf"] {
		overflow-x: var(--m-ovf-x, var(--m-ovf-a, var(--ovf-x, var(--ovf-a, visible))));
		overflow-y: var(--m-ovf-y, var(--m-ovf-a, var(--ovf-y, var(--ovf-a, visible))));
	}
	[style*="--m-ovf-x"] { white-space: nowrap; }
	[style*="--m-ovf-y"] { white-space: wrap; }
}
[style*="--pos"] { position: var(--pos); }
[style*="--left"] { left: var(--left); }
[style*="--top"] { top: var(--top); }
[style*="--bottom"] { bottom: var(--bottom); }
[style*="--right"] { right: var(--right); }
[style*="--z-idx"] { z-index: var(--z-idx); }
@media (max-width: 720px) {
	[style*="--m-pos"] { position: var(--m-pos); }
	[style*="--m-left"] { left: var(--m-left); }
	[style*="--m-top"] { top: var(--m-top); }
	[style*="--m-bottom"] { bottom: var(--m-bottom); }
	[style*="--m-right"] { right: var(--m-right); }
	[style*="--m-z-idx"] { z-index: var(--m-z-idx); }
}
/* Shadow */
/* Default */
[class*="sha-type"] {
		--sha-x: 0;
		--sha-y: 0;
		--sha-size: 10px;
		--sha-spread: 0;
		--sha-c: 0, 0, 0;
		--sha-opa: 0.5;
		--sha-inset: ;
	}
/* Inset - X */
[class*="sha-type-x"] { display: inline-flex; box-shadow:none !important; }
[class*="sha-type-x"]:before,
		[class*="sha-type-x"]:after { content: ''; position: sticky; top: 0; pointer-events: none; z-index: 1; }
[class*="sha-type-x"]:before { left: 0; }
[class*="sha-type-x"]:after { right: 0; rotate: 180deg; }
/* Inset - Y */
[class*="sha-type-y"] { display: inline-flex; flex-direction: column; width: 100%; box-shadow:none !important;}
[class*="sha-type-y"]:before,
		[class*="sha-type-y"]:after { content: ''; position: sticky; top: 0; width: 100%; pointer-events: none; z-index: 1; }
[class*="sha-type-y"]:before { top: 0; }
[class*="sha-type-y"]:after { bottom: 0; rotate: 180deg; }
/* Inset - Bottom */
[class*="sha-type-b"] { display: inline-flex; flex-direction: column; width: 100%; box-shadow:none !important;}
[class*="sha-type-b"]:after { content: ''; position: sticky; top: 0; width: 100%; pointer-events: none; z-index: 1; }
[class*="sha-type-b"]:after { bottom: 0; rotate: 180deg; }
/* Variable */
/* Default */
[class*="sha-type"] {
			box-shadow: var(--sha-inset) var(--sha-x) var(--sha-y) var(--sha-size) var(--sha-spread) rgba(var(--sha-c), var(--sha-opa));
		}
/* Inset */
[class*="sha-type-inset"] {
			--sha-inset: inset;
		}
/* Inset - X */
[class*="sha-type-x"] {
			--sha-c: 255, 255, 255
		}
[class*="sha-type-x"]:before,
		[class*="sha-type-x"]:after {
			flex: 0 0 var(--sha-size);
			background: linear-gradient(to right, rgba(var(--sha-c), var(--sha-opa)) 0%, transparent 100%);
			width: var(--sha-size);
		}
[class*="sha-type-x"] > *:first-child { margin-left: calc(var(--sha-size)*-1); }
[class*="sha-type-x"] > *:last-child { margin-right: calc(var(--sha-size)*-1); }
/* Inset - Y */
[class*="sha-type-y"] {
			--sha-c: 255, 255, 255
		}
[class*="sha-type-y"]:before,
		[class*="sha-type-y"]:after {
			background: linear-gradient(to bottom, rgba(var(--sha-c), var(--sha-opa)) 0%, transparent 100%);
			height: var(--sha-size);
		}
[class*="sha-type-y"]:before { margin-bottom: calc(var(--sha-size)*-1); }
[class*="sha-type-y"]:after { margin-top: calc(var(--sha-size)*-1); }
/* Inset - Bottom */
[class*="sha-type-b"] {
			--sha-c: 255, 255, 255
		}
[class*="sha-type-b"]:after {
			background: linear-gradient(to bottom, rgba(var(--sha-c), var(--sha-opa)) 0%, transparent 100%);
			height: var(--sha-size);
		}
[class*="sha-type-b"]:after { margin-top: calc(var(--sha-size)*-1); }
@media (max-width: 720px) {
	/* Initialize */
	[class*="sha-type"] {
		--m-sha-x: var(--sha-x);
		--m-sha-y: var(--sha-y);
		--m-sha-size: var(--sha-size);
		--m-sha-spread: var(--sha-spread);
		--m-sha-c: var(--sha-c);
		--m-sha-opa: var(--sha-opa);
		--m-sha-inset: var(--sha-inset);
	}

	/* Variable */
		/* Default */
			[class*="sha-type"] {
				box-shadow: var(--m-sha-inset) var(--m-sha-x) var(--m-sha-y) var(--m-sha-size) var(--m-sha-spread) rgba(var(--m-sha-c), var(--m-sha-opa));
			}

		/* Inset */
			[class*="sha-type-inset"] {
				--m-sha-inset: inset;
			}

		/* Inset - X */
			[class*="sha-type-x"] {
				--m-sha-c: 255, 255, 255
			}
			[class*="sha-type-x"]:before,
			[class*="sha-type-x"]:after {
				flex: 0 0 var(--m-sha-size);
				background: linear-gradient(to right, rgba(var(--m-sha-c), var(--m-sha-opa)) 0%, transparent 100%);
				width: var(--m-sha-size);
			}
			[class*="sha-type-x"] > *:first-child { margin-left: calc(var(--m-sha-size)*-1); }
			[class*="sha-type-x"] > *:last-child { margin-right: calc(var(--m-sha-size)*-1); }

		/* Inset - Y */
			[class*="sha-type-y"] {
				--m-sha-c: 255, 255, 255
			}
			[class*="sha-type-y"]:before,
			[class*="sha-type-y"]:after {
				background: linear-gradient(to bottom, rgba(var(--m-sha-c), var(--m-sha-opa)) 0%, transparent 100%);
				height: var(--m-sha-size);
			}

			[class*="sha-type-y"]:before { margin-bottom: calc(var(--m-sha-size)*-1); }
			[class*="sha-type-y"]:after { margin-top: calc(var(--m-sha-size)*-1); }

		/* Inset - Bottom */
			[class*="sha-type-b"] {
				--m-sha-c: 255, 255, 255
			}

			[class*="sha-type-b"]:after {
				background: linear-gradient(to bottom, rgba(var(--m-sha-c), var(--m-sha-opa)) 0%, transparent 100%);
				height: var(--m-sha-size);
			}

			[class*="sha-type-b"]:after { margin-top: calc(var(--m-sha-size)*-1); }
}
[style*="--w"] { width: var(--w); }
[style*="--h"] { height: var(--h); }
@media (max-width: 720px) {
	[style*="--m-w"] { width: var(--m-w); }
	[style*="--m-h"] { height: var(--m-h); }
}
[style*="--mg-t"] { margin-top: var(--mg-t); }
[style*="--mg-b"] { margin-bottom: var(--mg-b); }
[style*="--mg-l"] { margin-left: var(--mg-l); }
[style*="--mg-r"] { margin-right: var(--mg-r); }
[style*="--mg-x"] { margin-inline: var(--mg-x); }
[style*="--mg-y"] { margin-block: var(--mg-y); }
[style*="--mg-a"] { margin: var(--mg-a); }
[style*="--pd-t"] { padding-top: var(--pd-t); }
[style*="--pd-b"] { padding-bottom: var(--pd-b); }
[style*="--pd-l"] { padding-left: var(--pd-l); }
[style*="--pd-r"] { padding-right: var(--pd-r); }
[style*="--pd-x"] { padding-inline: var(--pd-x); }
[style*="--pd-y"] { padding-block: var(--pd-y); }
[style*="--pd-a"] { padding: var(--pd-a); }
@media (max-width: 720px) {
	[style*="--m-mg-t"] { margin-top: var(--m-mg-t); }
	[style*="--m-mg-b"] { margin-bottom: var(--m-mg-b); }
	[style*="--m-mg-l"] { margin-left: var(--m-mg-l); }
	[style*="--m-mg-r"] { margin-right: var(--m-mg-r); }
	[style*="--m-mg-x"] { margin-inline: var(--m-mg-x); }
	[style*="--m-mg-y"] { margin-block: var(--m-mg-y); }
	[style*="--m-mg-a"] { margin: var(--m-mg-a); }

	[style*="--m-pd-t"] { padding-top: var(--m-pd-t); }
	[style*="--m-pd-b"] { padding-bottom: var(--m-pd-b); }
	[style*="--m-pd-l"] { padding-left: var(--m-pd-l); }
	[style*="--m-pd-r"] { padding-right: var(--m-pd-r); }
	[style*="--m-pd-x"] { padding-inline: var(--m-pd-x); }
	[style*="--m-pd-y"] { padding-block: var(--m-pd-y); }
	[style*="--m-pd-a"] { padding: var(--m-pd-a); }
}
/* Accordion - Default */
/* Default */
[class*="aco-type"] { overflow-x: hidden; overflow-y: auto; display: grid; grid-auto-rows: max-content; }
[class*="aco-type"] > .aco-item > .aco-head-wrap .aco-head { display: flex; align-items: center; justify-content: space-between; width: 100%; height: auto; text-align: left; }
[class*="aco-type"] > .aco-item > .aco-head-wrap .aco-head .aco-head-in { display: flex; width: 100%; }
[class*="aco-type"] > .aco-item > .aco-head-wrap .aco-toggle { white-space: nowrap; }
[class*="aco-type"] > .aco-item > .aco-head-wrap .aco-toggle-btn { display: flex; align-items: center; justify-content: center; transition: rotate var(--trans-dft); }
[class*="aco-type"] > .aco-item > .aco-head-wrap .aco-toggle-btn::after { content:""; background-image: var(--ic-c); background-repeat: no-repeat; background-size: var(--bg-sz); }
/*[class*="aco-type"] > .aco-item > .aco-cont > .aco-cont-in { overflow: hidden; }*/
/* Active */
[class*="aco-type"] > .aco-item[data-state="open"] > .aco-head-wrap .aco-head { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
[class*="aco-type"] > .aco-item[data-state="open"] > .aco-head-wrap .aco-toggle-btn { rotate: 180deg; }
[class*="aco-type"].aco-qna .aco-item[data-state="open"] > .aco-cont:before { display: block; }
/* Disabled */
[class*="aco-type"] > .aco-item[data-disabled] { opacity: 0.5; }
/* Orientation */
[class*="aco-type"] > .aco-item[data-orientation="horizontal"] { display: flex; }
[class*="aco-type"] > .aco-item[data-orientation="horizontal"] > .aco-head-wrap .aco-head { width: max-content; }
[class*="aco-type"] > .aco-item[data-orientation="horizontal"] > .aco-cont { width: 100%; }
/* QnA */
[class*="aco-type"].aco-qna .aco-cont { display: flex; }
[class*="aco-type"].aco-qna .aco-cont:before {display: none;}
/* Reverse */
[class*="aco-type"].aco-head-reverse > .aco-item > .aco-head-wrap .aco-head { flex-direction: row-reverse; justify-content: flex-end; }
/* Scroll Fix */
[class*="aco-type"].aco-scroll-fix > .aco-item > .aco-head-wrap { position: sticky; left: 0; top: 0; height: max-content; }
/* Slide */
[class*="aco-type"].aco-slide > .aco-item > .aco-cont { overflow:hidden; }
[class*="aco-type"].aco-slide > .aco-item > .aco-cont[data-state="open"] { animation: acoSlideDown 300ms ease-out; }
[class*="aco-type"].aco-slide > .aco-item > .aco-cont[data-state="closed"] { animation: acoSlideUp 300ms ease-out; }
/* Animation */
@keyframes acoSlideDown {
	from { height: 0; }
	to { height: var(--reka-accordion-content-height); }
}
@keyframes acoSlideUp {
	from { height: var(--reka-accordion-content-height); }
	to { height: 0; }
}
/* Accordion - Variable */
/* Initialize */
[class*="aco-type"] {
	/* Item */
		--aco-item-bd-w: 1px;
		--aco-item-bd-s: solid;
		--aco-item-bd-c: transparent;
		--aco-cont-bd-l-w: 0;

	/* Head - Icon */
		--aco-bp-x: var(--bp-150);
		--aco-bp-y: var(--bp-300);
		--aco-icon-w: 14px;
		--aco-icon-h: 9px;

	/* Content */
		--aco-cont-pd-a: 0;

	/* QnA */
		--aco-faq-q: "Q.";
		--aco-faq-a: "A.";
}
[class*="aco-type"] > .aco-item[data-orientation="horizontal"] {
	--aco-cont-bd-t-w: 0;
	--aco-cont-bd-l-w: var(--aco-item-bd-w);
}
/* Wrap */
[class*="aco-type"] {
	column-gap: var(--aco-item-gap-x, var(--aco-item-gap-a));
	row-gap: var(--aco-item-gap-y, var(--aco-item-gap-a));
	width: var(--aco-w);
	height: var(--aco-h);
	grid-template-columns: repeat(var(--aco-grid-t-col), 1fr);
}
/* Item */
[class*="aco-type"] > .aco-item {
	border: var(--aco-item-bd-w) var(--aco-item-bd-s) var(--aco-item-bd-c);
	border-radius: var(--aco-item-bd-r);
}
/* Head */
[class*="aco-type"] > .aco-item > .aco-head-wrap .aco-head {
	column-gap: var(--aco-head-gap-x, var(--aco-head-gap-a));
	row-gap: var(--aco-head-gap-y, var(--aco-head-gap-a));
	background-color: var(--aco-head-bg-c);
	border-radius: calc(var(--aco-item-bd-r) - var(--aco-item-bd-w));
	min-height: var(--aco-head-h);
	padding: var(--aco-head-pd-y, var(--aco-head-pd-a)) var(--aco-head-pd-x, var(--aco-head-pd-a));
	font-size: var(--aco-head-ft-s);
	font-weight: var(--aco-head-ft-w);
	color: var(--aco-head-ft-c);
}
[class*="aco-type"] > .aco-item > .aco-head-wrap .aco-head-in {
	column-gap: var(--aco-head-gap-x, var(--aco-head-gap-a));
	row-gap: var(--aco-head-gap-y, var(--aco-head-gap-a));
}
/* Head - Icon */
[class*="aco-type"] > .aco-item > .aco-head-wrap .aco-toggle-btn:after {
	background-position: var(--aco-bp-x) var(--aco-bp-y);
	width: var(--aco-icon-w);
	height: var(--aco-icon-h);
}
/* Content */
[class*="aco-type"] > .aco-item > .aco-cont {
	background-color: var(--aco-cont-bg-c);
	border-top: var(--aco-cont-bd-t-w, var(--aco-item-bd-w)) var(--aco-cont-bd-t-s, var(--aco-item-bd-s)) var(--aco-cont-bd-t-c, var(--aco-item-bd-c));
	border-left: var(--aco-cont-bd-l-w, var(--aco-item-bd-w)) var(--aco-cont-bd-l-s, var(--aco-item-bd-s)) var(--aco-cont-bd-l-c, var(--aco-item-bd-c));
	color: var(--aco-cont-ft-c);
}
[class*="aco-type"] > .aco-item > .aco-cont .aco-cont-in {
	padding: var(--aco-cont-pd-y, var(--aco-cont-pd-a)) var(--aco-cont-pd-x, var(--aco-cont-pd-a));
}
/* QnA */
[class*="aco-type"].aco-qna .aco-head-in:before {
	content: var(--aco-faq-q);
	font-size: var(--aco-faq-q-ft-s);
	color: var(--aco-faq-q-ft-c);
}
[class*="aco-type"].aco-qna .aco-cont:before {
	content: var(--aco-faq-a);
	font-size: var(--aco-faq-a-ft-s);
	color: var(--aco-faq-a-ft-c);
}
/* Accordion - Mobile */
@media all and (max-width: 720px) {
	/* Initialize */
		[class*="aco-type"] {
			/* Default */
				--m-aco-grid-t-col: var(--aco-grid-t-col);
				--m-aco-item-gap-a: var(--aco-item-gap-a);
				--m-aco-item-gap-x: var(--aco-item-gap-x);
				--m-aco-item-gap-y: var(--aco-item-gap-y);
				--m-aco-w: var(--aco-w);
				--m-aco-h: var(--aco-h);

			/* Item */
				--m-aco-item-bd-c: var(--aco-item-bd-c);
				--m-aco-item-bd-r: var(--aco-item-bd-r);
				--m-aco-item-bd-s: var(--aco-item-bd-s);
				--m-aco-item-bd-w: var(--aco-item-bd-w);

			/* Head */
				--m-aco-head-bg-c: var(--aco-head-bg-c);
				--m-aco-head-ft-s: var(--aco-head-ft-s);
				--m-aco-head-ft-w: var(--aco-head-ft-w);
				--m-aco-head-ft-c: var(--aco-head-ft-c);
				--m-aco-head-gap-a: var(--aco-head-gap-a);
				--m-aco-head-gap-x: var(--aco-head-gap-x);
				--m-aco-head-gap-y: var(--aco-head-gap-y);
				--m-aco-head-h: var(--aco-head-h);
				--m-aco-head-pd-a: var(--aco-head-pd-a);
				--m-aco-head-pd-x: var(--aco-head-pd-x);
				--m-aco-head-pd-y: var(--aco-head-pd-y);

			/* Head - Icon */
				--m-aco-bp-x: var(--aco-bp-x);
				--m-aco-bp-y: var(--aco-bp-y);
				--m-aco-icon-w: 3.33vw;
				--m-aco-icon-h: 1.94vw;

			/* Content */
				--m-aco-cont-bg-c: var(--aco-cont-bg-c);
				--m-aco-cont-ft-c: var(--aco-cont-ft-c);

			/* Active */
				--m-aco-cont-bd-t-c: var(--aco-cont-bd-t-c);
				--m-aco-cont-bd-t-s: var(--aco-cont-bd-t-s);
				--m-aco-cont-bd-t-w: var(--aco-cont-bd-t-w);
				--m-aco-cont-bd-l-c: var(--aco-cont-bd-l-c);
				--m-aco-cont-bd-l-s: var(--aco-cont-bd-l-s);
				--m-aco-cont-bd-l-w: var(--aco-cont-bd-l-w);
				--m-aco-cont-pd-a: var(--aco-cont-pd-a);
				--m-aco-cont-pd-x: var(--aco-cont-pd-x);
				--m-aco-cont-pd-y: var(--aco-cont-pd-y);

			/* QnA */
				--m-aco-faq-a: var(--aco-faq-a);
				--m-aco-faq-a-ft-s: var(--aco-faq-a-ft-s);
				--m-aco-faq-a-ft-c: var(--aco-faq-a-ft-c);
				--m-aco-faq-q: var(--aco-faq-q);
				--m-aco-faq-q-ft-s: var(--aco-faq-q-ft-s);
				--m-aco-faq-q-ft-c: var(--aco-faq-q-ft-c);
		}

		[class*="aco-type"] > .aco-item[data-orientation="horizontal"] {
			--m-aco-cont-bd-t-w: 0;
			--m-aco-cont-bd-l-w: var(--aco-item-bd-w);
		}

	/* Default */
		[class*="aco-type"] {
			column-gap: var(--m-aco-item-gap-x, var(--m-aco-item-gap-a));
			row-gap: var(--m-aco-item-gap-y, var(--m-aco-item-gap-a));
			width: var(--m-aco-w);
			height: var(--m-aco-h);
			grid-template-columns: repeat(var(--m-aco-grid-t-col));
		}

	/* Item */
		[class*="aco-type"] > .aco-item {
			border: var(--m-aco-item-bd-w) var(--m-aco-item-bd-s) var(--m-aco-item-bd-c);
			border-radius: var(--m-aco-item-bd-r);
		}

	/* Head */
		[class*="aco-type"] > .aco-item > .aco-head-wrap .aco-head {
			column-gap: var(--m-aco-head-gap-x, var(--m-aco-head-gap-a));
			row-gap: var(--m-aco-head-gap-y, var(--m-aco-head-gap-a));
			background-color: var(--m-aco-head-bg-c);
			border-radius: calc(var(--m-aco-item-bd-r) - var(--m-aco-item-bd-w));
			min-height: var(--m-aco-head-h);
			padding: var(--m-aco-head-pd-y, var(--m-aco-head-pd-a)) var(--m-aco-head-pd-x, var(--m-aco-head-pd-a));
			font-size: var(--m-aco-head-ft-s);
			font-weight: var(--m-aco-head-ft-w);
			color: var(--m-aco-head-ft-c);
		}

		[class*="aco-type"] > .aco-item > .aco-head-wrap .aco-head-in {
			column-gap: var(--m-aco-head-gap-x, var(--m-aco-head-gap-a));
			row-gap: var(--m-aco-head-gap-y, var(--m-aco-head-gap-a));
		}

	/* Head - Icon */
		[class*="aco-type"] > .aco-item > .aco-head-wrap .aco-toggle-btn:after {
			background-position: var(--m-aco-bp-x) var(--m-aco-bp-y);
			width: var(--m-aco-icon-w);
			height: var(--m-aco-icon-h);
		}

	/* Content */
		[class*="aco-type"] > .aco-item > .aco-cont {
			background-color: var(--m-aco-cont-bg-c);
			border-top: var(--m-aco-cont-bd-t-w, var(--m-aco-item-bd-w)) var(--m-aco-cont-bd-t-s, var(--m-aco-item-bd-s)) var(--m-aco-cont-bd-t-c, var(--m-aco-item-bd-c));
			border-left: var(--m-aco-cont-bd-l-w, var(--m-aco-item-bd-w)) var(--m-aco-cont-bd-l-s, var(--m-aco-item-bd-s)) var(--m-aco-cont-bd-l-c, var(--m-aco-item-bd-c));
			color: var(--m-aco-cont-ft-c);
		}

		[class*="aco-type"] > .aco-item > .aco-cont .aco-cont-in {
			padding: var(--m-aco-cont-pd-y, var(--m-aco-cont-pd-a)) var(--m-aco-cont-pd-x, var(--m-aco-cont-pd-a));
		}

	/* QnA */
		[class*="aco-type"].aco-qna .aco-head-in:before {
			content: var(--m-aco-faq-q);
			font-size: var(--m-aco-faq-q-ft-s);
			color: var(--m-aco-faq-q-ft-c);
		}

		[class*="aco-type"].aco-qna .aco-cont-in:before {
			content: var(--aco-faq-a);
			font-size: var(--aco-faq-a-ft-s);
			color: var(--aco-faq-a-ft-c);
		}
}
/* Box - Default */
/* Default */
[class*="box-type"] { overflow: hidden; position: relative; }
/* Box - Variable */
/* Initialize */
[class*="box-type"] {
		--box-bd-s: solid;
		--box-bd-w: 1px;
		--box-sha-c-r: 0;
		--box-sha-c-g: 0;
		--box-sha-c-b: 0;
		--box-sha-opa: 0.5;
	}
/* Default */
[class*="box-type"] {
		background-color: var(--box-bg-c);
		border-color: var(--box-bd-c);
		border-style: var(--box-bd-s);
		border-width: var(--box-bd-w);
		border-radius:  var(--box-bd-r);
		box-shadow: 0 0 var(--box-sha-size) rgba(var(--box-sha-c-r), var(--box-sha-c-g), var(--box-sha-c-b), var(--box-sha-opa));
		padding: var(--box-pd-t, var(--box-pd-y, var(--box-pd-a, var(--box-bd-r))))
				var(--box-pd-r, var(--box-pd-x, var(--box-pd-a, var(--box-bd-r))))
				var(--box-pd-b, var(--box-pd-y, var(--box-pd-a, var(--box-bd-r))))
				var(--box-pd-l, var(--box-pd-x, var(--box-pd-a, var(--box-bd-r))));
	}
/* Box - Mobile */
@media all and (max-width: 720px) {
	/* Initialize */
		[class*="box-type"] {
			--m-box-bg-c: var(--box-bg-c);
			--m-box-bd-c: var(--box-bd-c);
			--m-box-bd-s: var(--box-bd-s);
			--m-box-bd-w: var(--box-bd-w);
			--m-box-bd-r: var(--box-bd-r);
			--m-box-sha-size: var(--box-sha-size);
			--m-box-sha-c-r: var(--box-sha-c-r);
			--m-box-sha-c-g: var(--box-sha-c-g);
			--m-box-sha-c-b: var(--box-sha-c-b);
			--m-box-sha-opa: var(--box-sha-opa);
			--m-box-pd-a: var(--box-pd-a);
			--m-box-pd-x: var(--box-pd-x);
			--m-box-pd-y: var(--box-pd-y);
			--m-box-pd-t: var(--box-pd-t);
			--m-box-pd-r: var(--box-pd-r);
			--m-box-pd-b: var(--box-pd-b);
			--m-box-pd-l: var(--box-pd-l);
		}

	/* Default */
		[class*="box-type"] {
			background-color: var(--m-box-bg-c);
			border-color: var(--m-box-bd-c);
			border-style: var(--m-box-bd-s);
			border-width: var(--m-box-bd-w);
			border-radius:  var(--m-box-bd-r);
			box-shadow: 0 0 var(--m-box-sha-size) rgba(var(--m-box-sha-c-r), var(--m-box-sha-c-g), var(--m-box-sha-c-b), var(--m-box-sha-opa));
			padding: var(--m-box-pd-t, var(--m-box-pd-y, var(--m-box-pd-a, var(--m-box-bd-r))))
					var(--m-box-pd-r, var(--m-box-pd-x, var(--m-box-pd-a, var(--m-box-bd-r))))
					var(--m-box-pd-b, var(--m-box-pd-y, var(--m-box-pd-a, var(--m-box-bd-r))))
					var(--m-box-pd-l, var(--m-box-pd-x, var(--m-box-pd-a, var(--m-box-bd-r))));
		}
}
/* Box - Default */
/* Default */
[class*="btn-type"] { overflow: hidden; display: inline-flex !important; flex-wrap: wrap; place-items: center; place-content: center; height: auto; word-break: keep-all; text-align: center; transition: background var(--trans-dft), border-color var(--trans-dft), color var(--trans-dft); }
[class*="btn-type"]:hover { transition: background var(--trans-dft), border-color var(--trans-dft), color var(--trans-dft); }
[class*="btn-type"][data-ellipsis-over]:hover { width: max-content; }
/* Disabled */
[class*="btn-type"]:disabled,
	[class*="btn-type"][data-disabled] { cursor: default; pointer-events: none; user-select: none; }
[class*="btn-type"]:disabled [class*="ic-"],
	[class*="btn-type"][data-disabled] [class*="ic-"] { opacity: 0.5; }
/* Ellipsis */
[class*="btn-type"].btn-elps { flex-shrink: 0; flex-wrap: nowrap; }
[class*="btn-type"].btn-elps-over:hover { width: auto; }
/* Group */
[class*="btn-grp-type"] { --scr-w: 4px; --scr-br: 4px; overflow-y: hidden; overflow-x: auto; position: relative; display: flex; flex-wrap: wrap; max-width: 100%; }
[class*="btn-grp-type"] > * { flex: 1 1 auto; }
[class*="btn-grp-type"] [class*="btn-type"] { border-radius: 0; max-width: 100%; height: auto; white-space: nowrap; }
[class*="btn-grp-type"].btn-grp-equal,
	[class*="btn-grp-type"].btn-grp-elps { flex-wrap: nowrap; }
[class*="btn-grp-type"].btn-grp-equal > * { flex: 1; white-space: nowrap; }
/* Box - Variable */
/* Initialize */
[class*="btn-type"] {
		--btn-bg-c: var(--mc);
		--btn-bd-w: 1px;
		--btn-bd-s: solid;
		--btn-bd-c: var(--btn-bg-c);
		--btn-bd-r: var(--fom-br);
		--btn-dis-bg-c: var(--dis-bg);
		--btn-dis-bd-c: var(--dis-bg);
		--btn-dis-ft-c: var(--dis-bdr);
		--btn-ft-s: var(--fom-fs);
		--btn-ft-c: white;
		--btn-gap: 12px;
		--btn-min-w: var(--btn-h);
		--btn-over-bg-c: var(--mc);
		--btn-over-bd-c: var(--btn-over-bg-c);
		--btn-over-ft-c: white;
		--btn-pd-x: var(--fom-pad);
		--btn-w: fit-content;
		--btn-h: var(--fom-h);
	}
[class*="btn-type-b"] {
		--btn-bg-c: white;
		--btn-bd-c: var(--mc);
		--btn-ft-c: var(--mc);
		--btn-over-bg-c: white;
		--btn-over-bd-c: var(--moc);
		--btn-over-ft-c: var(--moc);
	}
[class*="btn-type-tran"] {
		--btn-bg-c: transparent;
		--btn-bd-c: transparent;
		--btn-ft-c: var(--mc);
		--btn-over-ft-c: white;
	}
[class*="btn-grp-type"] {
		--btn-grp-bd-r: var(--fom-br);
		--btn-grp-w: fit-content;
		--btn-grp-h: var(--fom-h);
	}
[class*="btn-grp-type"].btn-grp-equal {
		--btn-grp-w: auto;
	}
[class*="btn-grp-type"].btn-grp-equal > * {
		--btn-min-w: fit-content;
	}
[class*="btn-grp-type"].btn-grp-elps {
		--btn-grp-w: auto;
	}
[class*="btn-grp-type"].btn-grp-elps > * {
		--btn-min-w: none;
	}
/* Default */
[class*="btn-type"] {
		gap: var(--btn-gap);
		background-color: var(--btn-bg-c);
		border: var(--btn-bd-w) var(--btn-bd-s) var(--btn-bd-c);
		border-radius: var(--btn-bd-r);
		width: calc((var(--btn-pd-x) * 2) - var(--btn-w));
		min-width:  var(--btn-min-w);
		min-height: var(--btn-h);
		padding: 0 var(--btn-pd-x);
		font-size: var(--btn-ft-s);
		color: var(--btn-ft-c);
	}
[class*="btn-type"]:hover {
		background-color: var(--btn-over-bg-c);
		border-color: var(--btn-over-bd-c);
		color: var(--btn-over-ft-c);
	}
/* Border Button */
[class*="btn-type-b"] {
		background-color: var(--btn-bg-c);
		border-color: var(--btn-bd-c);
		color: var(--btn-ft-c);
	}
/* Transparent Button */
[class*="btn-type-tran"] {
		background-color: var(--btn-bg-c);
		border-color: var(--btn-bd-c);
		color: var(--btn-ft-c);
	}
/* Disabled */
[class*="btn-type"]:disabled,
	[class*="btn-type"][data-disabled] {
		background-color: var(--btn-dis-bg-c);
		border-color: var(--btn-dis-bd-c);
		color: var(--btn-dis-ft-c);
	}
/* Group */
[class*="btn-grp-type"] {
		border-radius: var(--btn-grp-bd-r);
		width: var(--btn-grp-w);
		min-height: var(--btn-grp-h);
	}
/* Box - Mobile */
@media all and (max-width: 720px) {
	/* Initialize */
		[class*="btn-type"] {
			--m-btn-bg-c: var(--btn-bg-c);
			--m-btn-bd-w: var(--btn-bd-w);
			--m-btn-bd-s: var(--btn-bd-s);
			--m-btn-bd-c: var(--btn-bd-c);
			--m-btn-bd-r: var(--btn-bd-r);
			--m-btn-dis-bg-c: var(--btn-dis-bg-c);
			--m-btn-dis-bd-c: var(--btn-dis-bd-c);
			--m-btn-dis-ft-c: var(--btn-dis-ft-c);
			--m-btn-ft-s: var(--btn-ft-s);
			--m-btn-ft-c: var(--btn-ft-c);
			--m-btn-gap: 3.33vw;
			--m-btn-min-w: var(--btn-min-w);
			--m-btn-over-bg-c: var(--btn-over-bg-c);
			--m-btn-over-bd-c: var(--btn-over-bd-c);
			--m-btn-over-ft-c: var(--btn-over-ft-c);
			--m-btn-pd-x: var(--btn-pd-x);
			--m-btn-w: var(--btn-w);
			--m-btn-h: var(--btn-h);
		}

		[class*="btn-type-b"] {
			--m-btn-bg-c: var(--btn-bg-c);
			--m-btn-bd-c: var(--btn-bd-c);
			--m-btn-ft-c: var(--btn-ft-c);
			--m-btn-over-bg-c: var(--btn-over-bg-c);
			--m-btn-over-bd-c: var(--btn-over-bd-c);
			--m-btn-over-ft-c: var(--btn-over-ft-c);
		}

		[class*="btn-type-tran"] {
			--m-btn-bg-c: var(--btn-bg-c);
			--m-btn-bd-c: var(--btn-bd-c);
			--m-btn-ft-c: var(--btn-ft-c);
			--m-btn-over-ft-c: var(--btn-over-ft-c);
		}

		[class*="btn-grp-type"] {
			--m-btn-grp-bd-r: var(--btn-grp-bd-r);
			--m-btn-grp-w: var(--btn-grp-w);
			--m-btn-grp-h: var(--btn-grp-h);
		}

	/* Default */
		[class*="btn-type"] {
			gap: var(--m-btn-gap);
			background-color: var(--m-btn-bg-c);
			border: var(--m-btn-bd-w) var(--m-btn-bd-s) var(--m-btn-bd-c);
			border-radius: var(--m-btn-bd-r);
			width: calc((var(--m-btn-pd-x) * 2) - var(--m-btn-w));
			min-width:  var(--m-btn-min-w);
			min-height: var(--m-btn-h);
			padding: 0 var(--m-btn-pd-x);
			font-size: var(--m-btn-ft-s);
			color: var(--m-btn-ft-c);
		}

		[class*="btn-type"]:hover {
			background-color: var(--m-btn-over-bg-c);
			border-color: var(--m-btn-over-bd-c);
			color: var(--m-btn-over-ft-c);
		}

	/* Border Button */
		[class*="btn-type-b"] {
			background-color: var(--m-btn-bg-c);
			border-color: var(--m-btn-bd-c);
			color: var(--m-btn-ft-c);
		}

	/* Transparent Button */
		[class*="btn-type-tran"] {
			background-color: var(--m-btn-bg-c);
			border-color: var(--m-btn-bd-c);
			color: var(--m-btn-ft-c);
		}

	/* Group */
		[class*="btn-grp-type"] {
			border-radius: var(--m-btn-grp-bd-r);
			width: var(--m-btn-grp-w);
			min-height: var(--m-btn-grp-h);
		}
}
/* Default */
[class*="calendar-type"] { background-color: white; }
/* Header */
[class*="calendar-type"] .part-header { display: flex; place-content: space-between; }
/* Page Arrow */
[class*="calendar-type"] .part-prev-year:before,
[class*="calendar-type"] .part-prev:before,
[class*="calendar-type"] .part-next:before,
[class*="calendar-type"] .part-next-year:before { content: ''; display: block; background-image: var(--ic-c); background-size: var(--bg-sz); }
[class*="calendar-type"] .part-prev-year:before,
[class*="calendar-type"] .part-next-year:before { background-position: var(--bp-150) var(--bp-calendar); width: 16px; height: 14px; }
[class*="calendar-type"] .part-prev:before,
[class*="calendar-type"] .part-next:before { background-position: var(--bp-200) var(--bp-calendar); width: 9px; height: 14px; }
[class*="calendar-type"] .part-next:before,
[class*="calendar-type"] .part-next-year:before { rotate: 180deg; }
/* DateTable */
[class*="calendar-type"] .part-table-wrap { display: flex; }
[class*="calendar-type"] .part-date-cell { text-align: center; }
[class*="calendar-type"] .part-date { display: inline-flex; border-radius: 50%; place-content: center; place-items: center; align-self: center; width: 30px; height: 30px; cursor: pointer; }
[class*="calendar-type"] [data-today] { background-color: var(--mc); color: white; }
[class*="calendar-type"] [data-selected] { background-color: var(--moc); color: white; }
/* Disabled */
[class*="calendar-type"][data-disabled] { opacity: 0.5; }
[class*="calendar-type"][data-disabled] .part-date { cursor: default; }
/* Readonly */
[class*="calendar-type"][data-readonly] .part-date { cursor: default; }
/* Unavailable */
[class*="calendar-type"] [data-unavailable] { text-decoration: line-through; color: var(--mic); cursor: default; }
/* Out Month Day */
[class*="calendar-type"] [data-outside-view] { opacity: 0.5; }
/* Chip - Default */
/* Default */
[class*="chip-type"] {
		display:inline-flex; place-items:center; place-content:center;
	}
/* Chip - Variable */
/* Initialize */
[class*="chip-type"] {
		--chip-bg-c: var(--mc);
		--chip-bd-c: var(--mc);
		--chip-bd-r: 16px;
		--chip-w: fit-content;
		--chip-h: fit-content;
		--chip-pd-x: 8px;
		--chip-ft-s: 14px;
		--chip-ft-w: 400;
		--chip-ft-c: white;
	}
/* Default */
[class*="chip-type"] {
		background-color:var(--chip-bg-c);
		border:1px solid var(--chip-bd-c);
		border-radius:var(--chip-bd-r);
		width:var(--chip-w);
		height:var(--chip-h);
		padding-inline:var(--chip-pd-x);
		font-size:var(--chip-ft-s);
		font-weight:var(--chip-ft-w);
		color:var(--chip-ft-c);
	}
/* Chip - Mobile */
@media all and (max-width: 720px) {
	/* Initialize */
	[class*="chip-type"] {
		--m-chip-bg-c: var(--chip-bg-c);
		--m-chip-bd-c: var(--chip-bd-c);
		--m-chip-bd-r: var(--chip-bd-r);
		--m-chip-w: var(--chip-w);
		--m-chip-h: var(--chip-h);
		--m-chip-pd-x: var(--chip-pd-x);
		--m-chip-ft-s: var(--chip-ft-s);
		--m-chip-ft-w: var(--chip-ft-w);
		--m-chip-ft-c: var(--chip-ft-c);
	}

	/* Default */
	[class*="chip-type"] {
		background-color:var(--m-chip-bg-c);
		border:1px solid var(--m-chip-bd-c);
		border-radius:var(--m-chip-bd-r);
		width:var(--m-chip-w);
		height:var(--m-chip-h);
		padding-inline:var(--m-chip-pd-x);
		font-size:var(--m-chip-ft-s);
		font-weight:var(--m-chip-ft-w);
		color:var(--m-chip-ft-c);
	}
}
/* Ellipsis - Default */
/* Default */
[class*="ellipsis"] { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; height: max-content; -webkit-box-orient: vertical; text-align: left; word-break: break-all; }
/* Disabled */
[class*="ellipsis"][data-disabled] { white-space: normal; -webkit-box-orient: unset; }
/* Ellipsis - Variable */
/* Initialize */
[class*="ellipsis"] {
		--line: 1
	}
/* Default */
[class*="ellipsis"] {
		-webkit-line-clamp: var(--line);
	}
/* Disabled */
[class*="ellipsis"][data-disabled] {
		--line: 0
	}
/* Ellipsis - Mobile */
@media all and (max-width: 720px) {
	/* Initialize */
		[class*="ellipsis"] {
			--m-line: var(--line);
		}

	/* Default */
		[class*="ellipsis"] {
			-webkit-line-clamp: var(--m-line);
		}

	/* Disabled */
		[class*="ellipsis"][data-disabled] {
			--m-line: 0
		}
}
/* Form - Default */
/* Default */
[class*="form-"] { display: flex; place-items: center; position: relative; }
[class*="form-"] > * { flex-shrink: 0; }
[class*="form-"] input { background: none; }
/* Readonly */
.form-readonly .part-slt-txt { cursor: default; pointer-events: none; }
/* Date Indicator */
input[type="date"]::-webkit-calendar-picker-indicator,
	input[type="datetime-local"]::-webkit-calendar-picker-indicator,
	input[type="month"]::-webkit-calendar-picker-indicator,
	input[type="time"]::-webkit-calendar-picker-indicator,
	input[type="week"]::-webkit-calendar-picker-indicator { position: absolute; padding: 0; cursor: pointer; }
/* Float Label */
[class*="form-"] .part-label { position: absolute; left: var(--form-pd-x); top: var(--form-pd-x); line-height: 1; transition: var(--trans-dft); font-size: 0.7em; cursor: auto; }
[class*="form-"] input:focus + .part-label,
	[class*="form-"].form-filled .part-label,
	[class*="form-"] [data-state="open"] .part-label,
	[class*="form-"] textarea:focus + .part-label { top: 0; }
[class*="form-"] input:focus + .part-label[data-floatlabel="over"],
	[class*="form-"].form-filled .part-label[data-floatlabel="over"],
	[class*="form-"] [data-state="open"] .part-label[data-floatlabel="over"],
	[class*="form-"] textarea:focus + .part-label[data-floatlabel="over"] { transform: translateY(-1.2em); }
[class*="form-"] input:focus + .part-label[data-floatlabel="in"],
	[class*="form-"].form-filled .part-label[data-floatlabel="in"],
	[class*="form-"] [data-state="open"] .part-label[data-floatlabel="in"],
	[class*="form-"] textarea:focus + .part-label[data-floatlabel="in"] { transform: translateY(0.2em); }
[class*="form-"] input:focus + .part-label[data-floatlabel="on"],
	[class*="form-"].form-filled .part-label[data-floatlabel="on"],
	[class*="form-"] [data-state="open"] .part-label[data-floatlabel="on"],
	[class*="form-"] textarea:focus + .part-label[data-floatlabel="on"] { transform: translateY(-0.5em); }
/* Form - Variable */
/* Date Indicator */
input[type="date"]::-webkit-calendar-picker-indicator,
	input[type="datetime-local"]::-webkit-calendar-picker-indicator,
	input[type="month"]::-webkit-calendar-picker-indicator,
	input[type="time"]::-webkit-calendar-picker-indicator,
	input[type="week"]::-webkit-calendar-picker-indicator { right: var(--form-pd-x); }
/* Form - Mobile */
@media all and (max-width: 720px) {

}
/* Form - Text - Default */
/* Default */
[class*="form-txt"] { transition: border-color var(--trans-dft); }
[class*="form-txt"] input,
	[class*="form-txt"] .part-wrap { display: flex; place-content: space-between; flex: 1; }
[class*="form-txt"] .part-icon { height: 100%; }
/* Open */
[class*="form-txt"]:has(input:focus) { transition: border-color var(--trans-dft); }
[class*="form-sel"] .part-btn[data-state="open"] + * { z-index: 1 !important; }
/* Disabled */
[class*="form-txt"]:has(input:disabled) { pointer-events: none; cursor: auto; }
/* File */
[class*="form-txt"] input[type="file"] { height: auto; }
/* Icon */
[class*="form-txt"] .part-icon { display: flex; place-items: center; place-content: center; }
/* Form - Text - Variable */
/* Initialize */
[class*="form-txt"] {
		--form-bg-c: var(--fom-bg);
		--form-bd-s: solid;
		--form-bd-w: 1px;
		--form-bd-c: var(--fom-bdr-c);
		--form-bd-r: var(--fom-br);
		--form-ft-c: var(--fom-fc);
		--form-ft-s: var(--fom-fs);
		--form-ft-w: 400;
		--form-w: 100%;
		--form-h: var(--fom-h);
		--form-pd-x: var(--fom-pad);

		/* Focus */
		--form-focus-bd-c: var(--fom-fcs-brd-c);

		/* Disabled */
		--form-dis-bg-c: var(--dis-bg);
		--form-dis-bd-r: var(--dis-bdr);
		--form-dis-ft-c: var(--fom-ph);
	}
/* Default */
[class*="form-txt"] {
		background: var(--form-bg-c);
		border: var(--form-bd-w) var(--form-bd-s) var(--form-bd-c);
		border-radius: var(--form-bd-r);
		width: var(--form-w);
		height: var(--form-h);
		padding: 0 var(--form-pd-x);
		font-size: var(--form-ft-s);
		font-weight: var(--form-ft-w);
		color: var(--form-ft-c);
	}
[class*="form-txt"] .part-wrap {
		height: var(--form-h);
	}
/* Focus */
[class*="form-txt"]:has(input:focus) {
		border-color: var(--form-focus-bd-c);
	}
/* Hover */
[class*="form-txt"]:hover {
		border-color: var(--form-focus-bd-c);
	}
/* Disabled */
[class*="form-txt"]:has(input:disabled) {
		background-color: var(--form-dis-bg-c);
		border-color: var(--form-dis-bd-r);
		color: var(--form-dis-ft-c);
	}
/* Icon */
[class*="form-txt"] .part-icon {
		flex: 0 0 var(--form-h);
		width: var(--form-h);
		height: calc(var(--form-h) - (var(--form-bd-w) * 2));
	}
[class*="form-txt"] .part-icon:after {
		width: var(--form-icon-w);
		height: var(--form-icon-h);
	}
/* Form - Text - Mobile */
@media all and (max-width: 720px) {
	/* Initialize */
		[class*="form-txt"] {
			--m-form-bg-c: var(--form-bg-c);
			--m-form-bd-s: var(--form-bd-s);
			--m-form-bd-w: var(--form-bd-w);
			--m-form-bd-c: var(--form-bd-c);
			--m-form-bd-r: var(--form-bd-r);
			--m-form-ft-c: var(--form-ft-c);
			--m-form-ft-s: var(--form-ft-s);
			--m-form-ft-w: var(--form-ft-w);
			--m-form-w: var(--form-w);
			--m-form-h: var(--form-h);
			--m-form-pd-x: var(--form-pd-x);

			/* Focus */
			--m-form-focus-bd-c: var(--form-focus-bd-c);

			/* Disabled */
			--m-form-dis-bg-c: var(--form-dis-bg-c);
			--m-form-dis-bd-r: var(--form-dis-bd-r);
			--m-form-dis-ft-c: var(--form-dis-ft-c);
		}

	/* Default */
		[class*="form-txt"] {
			background: var(--m-form-bg-c);
			border: var(--m-form-bd-w) var(--m-form-bd-s) var(--m-form-bd-c);
			border-radius: var(--m-form-bd-r);
			width: var(--m-form-w);
			height: var(--m-form-h);
			padding: 0 var(--m-form-pd-x);
			font-size: var(--m-form-ft-s);
			font-weight: var(--m-form-ft-w);
			color: var(--m-form-ft-c);
		}

	/* Focus */
		[class*="form-txt"]:has(input:focus) {
			border-color: var(--m-form-focus-bd-c);
		}

	/* Disabled */
		[class*="form-txt"]:has(input:disabled) {
			background-color: var(--m-form-dis-bg-c);
			border-color: var(--m-form-dis-bd-r);
			color: var(--m-form-dis-ft-c);
		}

	/* Icon */
		.form-icon-btn {
			flex: 0 0 var(--m-form-h);
			width: var(--m-form-h);
			height: var(--m-form-h);
		}
}
/* Form - Combobox - Default */
/* Default */
[class*="form-sel"] { flex-shrink: 0; }
[class*="form-sel"] .part-btn { display: flex; place-items: center; place-content: space-between; width: 100%; }
/* Icon */
[class*="form-sel"] [class*="part-icon"] { display: flex; place-items: center; place-content: center; }
[class*="form-sel"] [class*="part-icon"]:after { content: ""; background-image: var(--ic-c);  background-size: var(--bg-sz); transition: rotate var(--trans-dft); }
[class*="form-sel"] .part-icon:after { background-position: var(--bp-150) var(--bp-select); }
[class*="form-sel"] .part-icon-up:after { background-position: var(--bp-150) var(--bp-select); rotate: 180deg; }
[class*="form-sel"] .part-icon-down:after { background-position: var(--bp-150) var(--bp-select); }
[class*="form-sel"] .part-icon-check:after { background-position: var(--bp-200) var(--bp-select); }
[class*="form-sel"] .part-btn[data-state="open"] .part-icon:after { rotate: 180deg; }
/* Focus */
[class*="form-sel"] .part-btn[data-state="open"] { transition: border-color var(--trans-dft), border-radius var(--trans-dft); }
/* Disabled */
[class*="form-sel"].form-disabled .part-btn { pointer-events: none; cursor: auto; }
[class*="form-sel"].form-disabled [class*="part-icon"] { opacity: 0.5; }
/* List */
[class*="form-sel"] .part-bottom { max-width: 100%; }
[class*="form-sel"] .part-bottom > * { background-color: white; width: 100%; min-width: auto !important;}
[class*="form-sel"] .part-list { overflow-y: auto; }
[class*="form-sel"] .part-item,
	[class*="form-sel"] .part-item-label { display: flex; place-items: center; }
[class*="form-sel"] .part-item-label { font-weight: 700; }
[class*="form-sel"] .part-item-text { width: 100%; text-align: left; }
/* Form - Combobox - Variable */
/* Initialize */
[class*="form-sel"] {
		--form-bd-c: var(--fom-bdr-c);
		--form-bd-s: solid;
		--form-bd-r: var(--fom-br);
		--form-bd-w: 1px;
		--form-bg-c: var(--fom-bg);
		--form-ft-c: var(--fom-fc);
		--form-ft-s: var(--fom-fs);
		--form-gap-x: 8px;
		--form-w: 100%;
		--form-h: var(--fom-h);
		--form-pd-x: var(--fom-pad);
		--form-pd-l: var(--fom-pad);
		--form-pd-r: var(--fom-pad);
		--form-ph-c: var(--fom-ph);

		--form-icon-w: 12px;
		--form-icon-h: 7px;

		--form-focus-bd-c: var(--fom-fcs-brd-c);
		--form-focus-bg-c: var(--fom-fcs-bg-c);
		--form-focus-ft-c: var(--fom-fcs-ft-c);

		--form-over-bg-c: var(--moc);
		--form-over-ft-c: white;

		--form-dis-bd-c: var(--dis-bdr);
		--form-dis-bg-c: var(--dis-bg);
		--form-dis-ft-c: var(--fom-ph);

		--form-list-max: var(--fom-dropitem);
		--form-list-max-h: calc(var(--form-h) * var(--form-list-max));
	}
/* Default */
[class*="form-sel"] {
		background-color: var(--form-bg-c);
		width: var(--form-w);
		height: var(--form-h);
		font-size: var(--form-ft-s);
		color:var(--form-ft-c);
	}
[class*="form-sel"] > .part-btn {
		border: var(--form-bd-w) var(--form-bd-s) var(--form-bd-c);
		border-radius: var(--form-bd-r);
		padding-inline: var(--form-pd-l) var(--form-pd-r);
	}
/* Filter */
[class*="form-sel"] .part-search {
		padding: var(--form-pd-x);
	}
/* Placeholder */
[class*="form-sel"] .part-placeholder {
		color: var(--form-ph-c);
	}
[class*="form-sel"].form-filled .part-placeholder {
		color: var(--form-ft-c);
	}
/* Icon */
[class*="form-sel"] .part-icon-up,
	[class*="form-sel"] .part-icon-down {
		height: var(--form-h);
	}
[class*="form-sel"] [class*="part-icon"]:after {
		width: var(--form-icon-w);
		height: var(--form-icon-h);
	}
/* Open */
[class*="form-sel"] .part-btn[data-state="open"] {
		border-color:var(--form-focus-bd-c);
		border-radius:var(--form-bd-r) var(--form-bd-r) 0 0;
	}
/* Disabled */
[class*="form-sel"].form-disabled .part-btn {
		background: var(--form-dis-bg-c);
		border-color: var(--form-dis-bd-c);
		color: var(--form-dis-ft-c);
	}
/* List */
[class*="form-sel"] .part-list-wrap {
		border: var(--form-bd-w) var(--form-bd-s) var(--form-focus-bd-c);
		border-radius:0 0 var(--form-bd-r) var(--form-bd-r);
		margin-top: calc(var(--form-bd-w) * -1);
	}
[class*="form-sel"] .part-list {
		max-height: var(--form-list-max-h);
	}
[class*="form-sel"] .part-item-label {
		height: var(--form-h);
		padding-inline: var(--form-pd-l) var(--form-pd-r);
	}
[class*="form-sel"] .part-item {
		column-gap: var(--form-gap-x);
		min-height: var(--form-h);
		padding-inline: var(--form-pd-l) var(--form-pd-r);
	}
/* List - :hover, Active */
[class*="form-sel"] .part-item:hover,
	[class*="form-sel"] .part-item[data-state="checked"] {
		background-color: var(--form-over-bg-c);
		color: var(--form-over-ft-c);
	}
/* Form - Combobox - Mobile */
@media all and (max-width:720px) {
	/* Initialize */
		[class*="form-sel"] {
			--m-form-bd-c: var(--form-bd-c);
			--m-form-bd-s: var(--form-bd-s);
			--m-form-bd-r: var(--form-bd-r);
			--m-form-bd-w: var(--form-bd-w);
			--m-form-bg-c: var(--form-bg-c);
			--m-form-ft-c: var(--form-ft-c);
			--m-form-ft-s: var(--form-ft-s);
			--m-form-gap-x: var(--form-gap-x);
			--m-form-w: var(--form-w);
			--m-form-h: var(--form-h);
			--m-form-pd-x: var(--form-pd-x);
			--m-form-pd-l: var(--form-pd-l);
			--m-form-pd-r: var(--form-pd-r);
			--m-form-ph-c: var(--form-ph-c);

			--m-form-icon-w: var(--form-icon-w);
			--m-form-icon-h: var(--form-icon-h);

			--m-form-focus-bd-c: var(--form-focus-bd-c);
			--m-form-focus-bg-c: var(--form-focus-bg-c);
			--m-form-focus-ft-c: var(--form-focus-ft-c);

			--m-form-over-bg-c: var(--form-over-bg-c);
			--m-form-over-ft-c: var(--form-over-ft-c);

			--m-form-dis-bd-c: var(--form-dis-bd-c);
			--m-form-dis-bg-c: var(--form-dis-bg-c);
			--m-form-dis-ft-c: var(--form-dis-ft-c);

			--m-form-list-max: var(--form-list-max);
			--m-form-list-max-h: calc(var(--form-h) * var(--m-form-list-max));
		}

	/* Default */
		[class*="form-sel"] {
			background-color: var(--m-form-bg-c);
			width: var(--m-form-w);
			height: var(--m-form-h);
			font-size: var(--m-form-ft-s);
			color:var(--m-form-ft-c);
		}

		[class*="form-sel"] > .part-btn {
			border: var(--m-form-bd-w) var(--m-form-bd-s) var(--m-form-bd-c);
			border-radius: var(--m-form-bd-r);
			padding-inline: var(--m-form-pd-l) var(--m-form-pd-r);
		}

	/* Filter */
		[class*="form-sel"] .part-search {
			padding: var(--m-form-pd-x);
		}

	/* Placeholder */
		[class*="form-sel"] .part-placeholder {
			color: var(--m-form-ph-c);
		}

		[class*="form-sel"].form-filled .part-placeholder {
			color: var(--m-form-ft-c);
		}

	/* Icon */
		[class*="form-sel"] .part-icon-up,
		[class*="form-sel"] .part-icon-down {
			height: var(--m-form-h);
		}

		[class*="form-sel"] [class*="part-icon"]:after {
			width: var(--m-form-icon-w);
			height: var(--m-form-icon-h);
		}

	/* Open */
		[class*="form-sel"] .part-btn[data-state="open"] {
			border-color:var(--m-form-focus-bd-c);
			border-radius:var(--m-form-bd-r) var(--m-form-bd-r) 0 0;
		}

	/* Disabled */
		[class*="form-sel"].form-disabled .part-btn {
			background: var(--m-form-dis-bg-c);
			border-color: var(--m-form-dis-bd-c);
			color: var(--m-form-dis-ft-c);
		}

	/* List */
		[class*="form-sel"] .part-list-wrap {
			border: var(--m-form-bd-w) var(--m-form-bd-s) var(--m-form-focus-bd-c);
			border-radius:0 0 var(--m-form-bd-r) var(--m-form-bd-r);
			margin-top: calc(var(--m-form-bd-w) * -1);
		}

		[class*="form-sel"] .part-list {
			max-height: var(--m-form-list-max-h);
		}

		[class*="form-sel"] .part-item-label {
			height: var(--m-form-h);
			padding-inline: var(--m-form-pd-l) var(--m-form-pd-r);
		}

		[class*="form-sel"] .part-item {
			column-gap: var(--m-form-gap-x);
			min-height: var(--m-form-h);
			padding-inline: var(--m-form-pd-l) var(--m-form-pd-r);
		}

	/* List - :hover, Active */
		[class*="form-sel"] .part-item:hover,
		[class*="form-sel"] .part-item[data-state="checked"] {
			background-color: var(--m-form-over-bg-c);
			color: var(--m-form-over-ft-c);
		}
}
/* Form - Selector - Default */
/* Default */
[class*="form-slt"] { position:relative; display: inline-block; place-items: flex-start; word-break: break-all; }
[class*="form-slt"] input { position: absolute; left: 0; top: 0; width: 0; height: 0; z-index: -1; }
[class*="form-slt"] .part-slt-txt { display: flex; }
/* Icon */
[class*="form-slt"] .part-icon { flex-shrink: 0; position: relative; display: flex; place-items: center; }
[class*="form-slt"] .part-icon:before,
	[class*="form-slt"] .part-icon:after { content: ""; }
[class*="form-slt"] .part-icon:before { position: absolute; left: 0; top: 50%; translate: 0 -50%; transition: border-color var(--trans-dft); }
[class*="form-slt"] .part-icon:after { position: relative; transition: border-color var(--trans-dft); z-index: 1; }
/* Disabled */
[class*="form-slt"] input:disabled + .part-slt-txt { cursor: default; user-sltect: none; }
/* Button */
[class*="form-slt-btn"] .part-slt-txt { place-content: center; place-items: center; background-color: white; user-sltect: none; }
[class*="form-slt-btn"] .part-icon:before { display: none; }
[class*="form-slt-btn"] .part-slt-txt:hover { transition: background-color var(--trans-dft), border-color var(--trans-dft); }
[class*="form-slt-btn"] input:disabled + .part-slt-txt { pointer-events: none; }
/* Check Box */
[class*="form-slt-chk"] .part-icon { place-content: center; }
[class*="form-slt-chk"] .part-icon:after { background-image:var(--ic-c); background-size: var(--bg-sz); background-position:var(--bp-150) var(--bp-50); opacity: 0; }
[class*="form-slt-chk"] input:checked + .part-slt-txt .part-icon:after { opacity: 1; }
/* Radio */
[class*="form-slt-rdo"] .part-icon { place-content: center; }
/* Rating */
[class*="form-slt-rt"] { display: flex; width: max-content; direction: rtl; user-select: none; }
[class*="form-slt-rt"] .part-icon:before { background-image: var(--ic-c); background-size: var(--bg-sz); background-position: var(--bp-150) 0; }
[class*="form-slt-rt"] .part-slt-txt:first-of-type { padding-right: 0; }
[class*="form-slt-rt"] input:checked ~ .part-slt-txt .part-icon:before,
	[class*="form-slt-rt"] input:not(:disabled) + .part-slt-txt:hover .part-icon:before,
	[class*="form-slt-rt"] input:not(:disabled) + .part-slt-txt:hover ~ .part-slt-txt .part-icon:before { background-position: var(--bp-200) 0; transition: none; }
[class*="form-slt-rt"] input:disabled + .part-slt-txt .part-icon:before { opacity: 0.5; }
/* Switch */
[class*="form-slt-swh"] .part-icon:after { right: 0; transition: right var(--trans-dft);}
[class*="form-slt-swh"] input:checked + .part-slt-txt .part-icon:after { transition: right var(--trans-dft); }
/* Form - Selector - Variable */
/* Initialize */
[class*="form-slt"] {
		--form-bg-c: var(--fom-bg);
		--form-bd-c: var(--fom-bdr-c);
		--form-bd-s: solid;
		--form-bd-w: 1px;
		--form-ft-s: var(--fom-fs);
		--form-gap-x: 10px;
		--form-txt-lh: calc(var(--init-line-height) * 1em);

		--form-fcs-bd-c: var(--moc);

		--form-chk-bg-c: var(--mc);
		--form-chk-bd-c: var(--mc);

		--form-dis-ft-c: var(--dis-c);
		--form-dis-bg-c: var(--dis-bg);
		--form-dis-bd-c: var(--dis-bdr);
	}
[class*="form-slt-btn"] {
		--form-bd-r: var(--fom-br);
		--form-h: var(--fom-h);
		--form-pd-x: var(--fom-pad);
		--form-ft-c: var(--mc);

		--form-chk-ft-c: white;
	}
[class*="form-slt-chk"] {
		--form-bd-r: 4px;
		--form-chk-w: 12px;
		--form-chk-h: 10px;
		--form-w: 20px;
		--form-h: 20px;
	}
[class*="form-slt-rdo"] {
		--form-bd-r: 50%;
		--form-chk-bg-c: var(--mc);
		--form-chk-w: calc(var(--form-w) - var(--form-pd-x));
		--form-chk-h: calc(var(--form-h) - var(--form-pd-x));
		--form-chk-r: 50%;
		--form-pd-x: 8px;
		--form-w: 20px;
		--form-h: var(--form-w);
	}
[class*="form-slt-swh"] {
		--form-bd-c: var(--mc);
		--form-bd-r: var(--form-h);
		--form-chk-w: calc(var(--form-h) - var(--form-pd-x));
		--form-chk-h: calc(var(--form-h) - var(--form-pd-x));
		--form-chk-r: 50%;
		--form-chk-point-bg-c: var(--moc);
		--form-flex-d: row-reverse;
		--form-pd-x: 8px;
		--form-w: 40px;
		--form-h: 20px;
	}
[class*="form-slt-rt"] {
		--form-chk-bg-c: transparent;
		--form-dis-bg-c: transparent;
		--form-w: 20px;
		--form-h: 20px;
		--form-gap-x: 4px;
	}
/* Default */
[class*="form-slt"] {
		font-size: var(--form-ft-s);
		font-weight: var(--form-ft-w);
		line-height: var(--form-txt-lh);
		color: var(--form-ft-c);
	}
[class*="form-slt"] .part-slt-txt {
		column-gap: var(--form-gap-x);
		flex-direction: var(--form-flex-d);
		min-height: var(--form-h);
	}
[class*="form-slt"] .part-icon {
		width: var(--form-w);
		height: var(--form-txt-lh);
	}
[class*="form-slt"] .part-icon:before {
		background-color: var(--form-bg-c);
		border-color: var(--form-bd-c);
	}
[class*="form-slt"] .part-icon:after {
		border-radius: var(--form-bd-r);
		width: var(--form-chk-w);
		height: var(--form-chk-h);
	}
/* Focus */
[class*="form-slt"] input:focus + .part-slt-txt .part-icon:before,
	[class*="form-slt"] input:focus:checked + .part-slt-txt .part-icon:before {
		border-color: var(--form-fcs-bd-c);
	}
/* Checked */
[class*="form-slt"] input:checked + .part-slt-txt {
		color: var(--form-chk-ft-c);
	}
[class*="form-slt"] input:checked + .part-slt-txt .part-icon:before {
		background-color: var(--form-chk-bg-c);
		border-color: var(--form-chk-bd-c);
	}
/* Disabled */
[class*="form-slt"] input:disabled + .part-slt-txt {
		color: var(--form-dis-ft-c);
	}
[class*="form-slt"] input:disabled + .part-slt-txt .part-icon:before,
	[class*="form-slt"] input:checked:disabled + .part-slt-txt .part-icon:before {
		background-color: var(--form-dis-bg-c);
		border-color:var(--form-dis-bd-c);
	}
/* Button */
[class*="form-slt-btn"] {
		line-height: var(--form-txt-lh);
	}
[class*="form-slt-btn"] .part-slt-txt {
		border: var(--form-bd-w) var(--form-bd-s) var(--form-bd-c);
		border-radius: var(--form-bd-r);
		padding-inline: var(--form-pd-x);
		padding-block: var(--form-pd-y);
	}
[class*="form-slt-btn"] .part-slt-txt:hover,
	[class*="form-slt-btn"] input:focus + .part-slt-txt,
	[class*="form-slt-btn"] input:checked:focus + .part-slt-txt,
	[class*="form-slt-btn"] input:checked:hover + .part-slt-txt {
		border-color: var(--form-fcs-bd-c);
	}
[class*="form-slt-btn"] input:checked + .part-slt-txt {
		background-color: var(--form-chk-bg-c);
		border-color: var(--form-chk-bd-c);
	}
[class*="form-slt-btn"] input:disabled + .part-slt-txt {
		background: var(--form-dis-bg-c);
		border-color:var(--form-dis-bd-c);
		color: var(--form-dis-bd-c);
	}
[class*="form-slt-btn"] input:checked:disabled + .part-slt-txt {
		color: var(--form-dis-ft-c);
	}
/* Checkbox, Radio, Switch */
[class*="form-slt-chk"] .part-slt-txt,
	[class*="form-slt-rdo"] .part-slt-txt,
	[class*="form-slt-swh"] .part-slt-txt {
		column-gap: var(--form-gap-x);
	}
[class*="form-slt-chk"] .part-icon,
	[class*="form-slt-rdo"] .part-icon,
	[class*="form-slt-swh"] .part-icon {
		min-height: var(--form-h);
	}
[class*="form-slt-chk"] .part-icon:before,
	[class*="form-slt-rdo"] .part-icon:before,
	[class*="form-slt-swh"] .part-icon:before {
		background-color: var(--form-bg-c);
		border: var(--form-bd-w) var(--form-bd-s) var(--form-bd-c);
		border-radius: var(--form-bd-r);
		width: var(--form-w);
		height: var(--form-h);
	}
/* Radio */
[class*="form-slt-rdo"] input:checked + .part-slt-txt .part-icon:before {
		background-color: var(--form-bg-c);
		border-color: var(--form-chk-bd-c);
	}
[class*="form-slt-rdo"] input:checked + .part-slt-txt .part-icon:after {
		background-color: var(--form-chk-bg-c);
		border-color: var(--form-chk-bd-c);
	}
[class*="form-slt-rdo"] input:checked:disabled + .part-slt-txt .part-icon:after {
		background-color: var(--form-dis-bd-c);
	}
/* Rating */
[class*="form-slt-rt"] .part-icon:before {
		width: var(--form-w);
		height: var(--form-h);
	}
[class*="form-slt-rt"] .part-slt-txt {
		padding-right: var(--form-gap-x);
	}
/* Switch */
[class*="form-slt-swh"] .part-icon {
		padding: 0 calc(var(--form-pd-x) / 2);
	}
[class*="form-slt-swh"] .part-icon:before {
		background: var(--form-bg-c);
		border-color:var(--form-bd-c);
		border-radius: var(--form-bd-r);
		height: var(--form-h);
	}
[class*="form-slt-swh"] .part-icon:after {
		background-color: var(--form-chk-bg-c);
		border-color: var(--form-chk-bd-c);
	}
[class*="form-slt-swh"] input:checked + .part-slt-txt .part-icon:before {
		background-color: var(--form-chk-bg-c);
		border-color: var(--form-chk-bd-c);
	}
[class*="form-slt-swh"] input:checked + .part-slt-txt .part-icon:after {
		background-color: var(--form-chk-point-bg-c);
		right: calc(-100% + var(--form-chk-w));
	}
[class*="form-slt-swh"] input:disabled + .part-slt-txt .part-icon:after {
		background-color: var(--form-dis-bd-c);
	}
/* Form - Selector - Mobile */
@media all and (max-width: 720px) {
	/* Initialize */
		[class*="form-slt"] {
			--m-form-bd-c: var(--form-bd-c);
			--m-form-bd-r: var(--form-bd-r);
			--m-form-bd-s: var(--form-bd-s);
			--m-form-bd-w: var(--form-bd-w);
			--m-form-bg-c: var(--form-bg-c);
			--m-form-flex-d: var(--form-flex-d);
			--m-form-ft-c: var(--form-ft-c);
			--m-form-ft-s: var(--form-ft-s);
			--m-form-ft-w: var(--form-ft-w);
			--m-form-gap-x: 2.78vw;
			--m-form-pd-x: var(--form-pd-x);
			--m-form-pd-y: var(--form-pd-y);
			--m-form-txt-lh: var(--form-txt-lh);
			--m-form-w: var(--form-w);
			--m-form-h: var(--form-h);

			--m-form-fcs-bd-c: var(--form-fcs-bd-c);

			--m-form-chk-bg-c: var(--form-chk-bg-c);
			--m-form-chk-point-bg-c: var(--form-chk-point-bg-c);
			--m-form-chk-bd-c: var(--form-chk-bd-c);
			--m-form-chk-ft-c: var(--form-chk-ft-c);
			--m-form-chk-w: var(--form-chk-w);
			--m-form-chk-h: var(--form-chk-h);

			--m-form-dis-ft-c: var(--form-dis-ft-c);
			--m-form-dis-bg-c: var(--form-dis-bg-c);
			--m-form-dis-bd-c: var(--form-dis-bd-c);
		}

	/* Default */
		[class*="form-slt"] {
			font-size: var(--m-form-ft-s);
			font-weight: var(--m-form-ft-w);
			line-height: var(--m-form-txt-lh);
			color: var(--m-form-ft-c);
		}

		[class*="form-slt"] .part-slt-txt {
			column-gap: var(--m-form-gap-x);
			flex-direction: var(--m-form-flex-d);
			min-height: var(--m-form-h);
		}

		[class*="form-slt"] .part-icon {
			width: var(--m-form-w);
			height: var(--m-form-txt-lh);
		}

		[class*="form-slt"] .part-icon:before {
			background-color: var(--m-form-bg-c);
			border-color: var(--m-form-bd-c);
		}

		[class*="form-slt"] .part-icon:after {
			border-radius: var(--m-form-bd-r);
			width: var(--m-form-chk-w);
			height: var(--m-form-chk-h);
		}

	/* Focus */
		[class*="form-slt"] input:focus + .part-slt-txt .part-icon:before,
		[class*="form-slt"] input:focus:checked + .part-slt-txt .part-icon:before {
			border-color: var(--m-form-fcs-bd-c);
		}

	/* Checked */
		[class*="form-slt"] input:checked + .part-slt-txt {
			color: var(--m-form-chk-ft-c);
		}

		[class*="form-slt"] input:checked + .part-slt-txt .part-icon:before {
			background-color: var(--m-form-chk-bg-c);
			border-color: var(--m-form-chk-bd-c);
		}

	/* Disabled */
		[class*="form-slt"] input:disabled + .part-slt-txt {
			color: var(--m-form-dis-ft-c);
		}

		[class*="form-slt"] input:disabled + .part-slt-txt .part-icon:before,
		[class*="form-slt"] input:checked:disabled + .part-slt-txt .part-icon:before {
			background-color: var(--m-form-dis-bg-c);
			border-color:var(--m-form-dis-bd-c);
		}

	/* Button */
		[class*="form-slt-btn"] {
			line-height: var(--m-form-txt-lh);
		}

		[class*="form-slt-btn"] .part-slt-txt {
			border: var(--m-form-bd-w) var(--m-form-bd-s) var(--m-form-bd-c);
			border-radius: var(--m-form-bd-r);
			padding-inline: var(--m-form-pd-x);
			padding-block: var(--m-form-pd-y);
		}

		[class*="form-slt-btn"] .part-slt-txt:hover,
		[class*="form-slt-btn"] input:focus + .part-slt-txt,
		[class*="form-slt-btn"] input:checked:focus + .part-slt-txt,
		[class*="form-slt-btn"] input:checked:hover + .part-slt-txt {
			border-color: var(--m-form-fcs-bd-c);
		}

		[class*="form-slt-btn"] input:checked + .part-slt-txt {
			background-color: var(--m-form-chk-bg-c);
			border-color: var(--m-form-chk-bd-c);
		}

		[class*="form-slt-btn"] input:disabled + .part-slt-txt {
			background: var(--m-form-dis-bg-c);
			border-color:var(--m-form-dis-bd-c);
			color: var(--m-form-dis-bd-c);
		}

		[class*="form-slt-btn"] input:checked:disabled + .part-slt-txt {
			color: var(--m-form-dis-ft-c);
		}

	/* Checkbox, Radio, Switch */
		[class*="form-slt-chk"] .part-slt-txt,
		[class*="form-slt-rdo"] .part-slt-txt,
		[class*="form-slt-swh"] .part-slt-txt {
			column-gap: var(--m-form-gap-x);
		}

		[class*="form-slt-chk"] .part-icon,
		[class*="form-slt-rdo"] .part-icon,
		[class*="form-slt-swh"] .part-icon {
			min-height: var(--m-form-h);
		}

		[class*="form-slt-chk"] .part-icon:before,
		[class*="form-slt-rdo"] .part-icon:before,
		[class*="form-slt-swh"] .part-icon:before {
			background-color: var(--m-form-bg-c);
			border: var(--m-form-bd-w) var(--m-form-bd-s) var(--m-form-bd-c);
			border-radius: var(--m-form-bd-r);
			width: var(--m-form-w);
			height: var(--m-form-h);
		}

	/* Radio */
		[class*="form-slt-rdo"] input:checked + .part-slt-txt .part-icon:before {
			background-color: var(--m-form-bg-c);
			border-color: var(--m-form-chk-bd-c);
		}

		[class*="form-slt-rdo"] input:checked + .part-slt-txt .part-icon:after {
			background-color: var(--m-form-chk-bg-c);
			border-color: var(--m-form-chk-bd-c);
		}

		[class*="form-slt-rdo"] input:checked:disabled + .part-slt-txt .part-icon:after {
			background-color: var(--m-form-dis-bd-c);
		}

	/* Rating */
		[class*="form-slt-rt"] .part-icon:before {
			width: var(--m-form-w);
			height: var(--m-form-h);
		}

		[class*="form-slt-rt"] .part-slt-txt {
			padding-right: var(--m-form-gap-x);
		}

	/* Switch */
		[class*="form-slt-swh"] .part-icon {
			padding: 0 calc(var(--m-form-pd-x) / 2);
		}

		[class*="form-slt-swh"] .part-icon:before {
			background: var(--m-form-bg-c);
			border-color:var(--m-form-bd-c);
			border-radius: var(--m-form-bd-r);
			height: var(--m-form-h);
		}

		[class*="form-slt-swh"] .part-icon:after {
			background-color: var(--m-form-chk-bg-c);
			border-color: var(--m-form-chk-bd-c);
		}

		[class*="form-slt-swh"] input:checked + .part-slt-txt .part-icon:before {
			background-color: var(--m-form-chk-bg-c);
			border-color: var(--m-form-chk-bd-c);
		}

		[class*="form-slt-swh"] input:checked + .part-slt-txt .part-icon:after {
			background-color: var(--m-form-chk-point-bg-c);
			right: calc(-100% + var(--m-form-chk-w));
		}

		[class*="form-slt-swh"] input:disabled + .part-slt-txt .part-icon:after {
			background-color: var(--m-form-dis-bd-c);
		}
}
/* Form - Picker - Default */
/* Color */
.p-colorpicker { display: inline-block; position: relative; }
.p-colorpicker-dragging { cursor: pointer; }
.p-colorpicker-preview { width: var(--p-colorpicker-preview-width); height: var(--p-colorpicker-preview-height); padding: 0; border: 0 none; border-radius: var(--p-colorpicker-preview-border-radius); transition: background var(--p-colorpicker-transition-duration), color var(--p-colorpicker-transition-duration), border-color var(--p-colorpicker-transition-duration), outline-color var(--p-colorpicker-transition-duration), box-shadow var(--p-colorpicker-transition-duration); outline-color: transparent; cursor: pointer; }
.p-colorpicker-preview:disabled { cursor: default; }
.p-colorpicker-preview:enabled:focus-visible { border-color: var(--p-colorpicker-preview-focus-border-color); box-shadow: var(--p-colorpicker-preview-focus-ring-shadow); outline: var(--p-colorpicker-preview-focus-ring-width) var(--p-colorpicker-preview-focus-ring-style) var(--p-colorpicker-preview-focus-ring-color); outline-offset: var(--p-colorpicker-preview-focus-ring-offset); }
.p-colorpicker-panel { background: #222; border: 1px solid #222; border-radius: 4px; width: 193px; height: 166px; position: absolute; top: 0; left: 0; }
.p-colorpicker-panel-inline { position: static; }
.p-colorpicker-content { position: relative; }
.p-colorpicker-color-selector { width: 150px; height: 150px; position: absolute; inset-block-start: 8px; inset-inline-start: 8px; }
.p-colorpicker-color-background { width: 100%; height: 100%; background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); }
.p-colorpicker-color-handle { position: absolute; inset-block-start: 0px; inset-inline-start: 150px; border-radius: 100%; width: 10px; height: 10px; border-width: 1px; border-style: solid; margin: -5px 0 0 -5px; cursor: pointer; opacity: 0.85; border-color: var(--p-colorpicker-handle-color); }
.p-colorpicker-hue { width: 17px; height: 150px; position: absolute; inset-block-start: 8px; inset-inline-start: 167px; opacity: 0.85; background: linear-gradient(0deg, red 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red); }
.p-colorpicker-hue-handle { position: absolute; inset-block-start: 150px; inset-inline-start: 0px; background-color: rgba(0, 0, 0, 0.5); width: 21px; height: 10px; border-width: 2px; border-style: solid; opacity: 0.85; cursor: pointer; border-color: var(--p-colorpicker-handle-color); margin-inline-start: -2px; margin-block-start: -5px; }
/* Date Picker */
[class*="form-txt-date"] { height: auto; padding: 0; }
[class*="form-txt-date"] .part-icon:after { content: ""; background-image: var(--ic-c); background-position: var(--bp-300) var(--bp-input); background-size: var(--bg-sz); }
[class*="form-txt-date"] .part-wrap + * { min-width: auto !important; width: 100%; }
[class*="form-txt-date"] .part-wrap[data-state="open"] + * { z-index: 1 !important; }
/* File */
/*[class*="form-file"] { position: relative; }
	[class*="form-file"] input[type="file"] { position: absolute; left: -100em; }*/
/* Range */
[class*="form-range"] { border: 0; }
[class*="form-range"][disabled] { background: none; }
[class*="form-range"] input[type="range"]::-webkit-slider-runnable-track { transition: background-color var(--trans-dft); }
[class*="form-range"] input[type="range"]::-webkit-slider-thumb { transition: background-color var(--trans-dft); }
[class*="form-range"] input[type="range"]:disabled::-webkit-slider-runnable-track { transition: background-color var(--trans-dft); }
[class*="form-range"] input[type="range"]:disabled::-webkit-slider-thumb { transition: background-color var(--trans-dft); }
/* Form - Picker - Variable */
/* Initialize */
[class*="form-color"] {
		--form-bd-s: solid;
		--form-bd-w: 1px;
		--form-bd-c: var(--fom-bdr-c);
		--form-bd-r: var(--fom-br);
		--form-h: var(--fom-h);
		--form-dis-bg-c: var(--dis-bg);
	}
[class*="form-txt-date"] {
		--form-h: var(--fom-h);
		--form-pad-x: var(--fom-pad);
		--form-icon-w: 18px;
		--form-icon-h: 20px;
	}
[class*="form-txt-date"] [class*="calendar-type"] { margin-top: var(--form-bd-w); }
[class*="form-range"] {
		--form-rg-bg-c: var(--mc);
		--form-rg-size: var(--fom-rg-h);
		--form-rg-icon-bg-c: var(--moc);
		--form-rg-icon-size: var(--fom-rg-thb-sz);

		--form-dis-bg-c: var(--dis-bg);
		--form-dis-bd-r: var(--dis-bdr);
	}
/* Color */
[class*="form-color"] input {
		border: var(--form-bd-w) var(--form-bd-s) var(--form-bd-c);
		border-radius: var(--form-bd-r);
		width: var(--form-h);
		height: var(--form-h);
	}
[class*="form-color"] .p-colorpicker-preview:disabled {
		background-color: var(--form-dis-bg-c) !important;
	}
/* Datepicker */
[class*="form-txt-date"] {
		min-height: var(--form-h);
	}
[class*="form-txt-date"] input {
		padding-inline: var(--form-pad-x);
	}
/* Range */
[class*="form-range"] input[type="range"]::-webkit-slider-runnable-track {
		background: var(--form-rg-bg-c);
		height: var(--form-rg-size);
	}
[class*="form-range"] input[type="range"]::-webkit-slider-thumb {
		background: var(--form-rg-icon-bg-c);
		width: var(--form-rg-icon-size);
		height: var(--form-rg-icon-size);
		transform: translate(0, calc(-50% + calc(var(--form-rg-size) / 2)));
	}
[class*="form-range"] input[type="range"]:disabled::-webkit-slider-runnable-track {
		background: var(--form-dis-bg-c);
	}
[class*="form-range"] input[type="range"]:disabled::-webkit-slider-thumb {
		background: var(--form-dis-bd-r);
	}
/* Form - Picker - Mobile */
@media all and (max-width: 720px) {
	/* Initialize */
		[class*="form-color"] {
			--m-form-bd-s: solid;
			--m-form-bd-w: 1px;
			--m-form-bd-c: var(--fom-bdr-c);
			--m-form-bd-r: var(--fom-br);
			--m-form-h: var(--form-h);
			--m-form-dis-bg-c: var(--form-dis-bg-c);
		}

		[class*="form-txt-date"] {
			--m-form-h: var(--form-h);
			--m-form-pad-x: var(--form-pad-x);
			--m-form-icon-w: 3.33vw;
			--m-form-icon-h: 3.89vw;
		}

		[class*="form-txt-date"] [class*="calendar-type"] { margin-top: var(--m-form-bd-w); }

		.p-datepicker-panel {
			--m-form-pad-x: var(--form-pad-x);
		}

		[class*="form-range"] {
			--m-form-rg-bg-c: var(--form-rg-bg-c);
			--m-form-rg-size: var(--form-rg-size);
			--m-form-rg-icon-bg-c: var(--form-rg-icon-bg-c);
			--m-form-rg-icon-size: var(--form-rg-icon-size);

			--m-form-dis-bg-c: var(--form-dis-bg-c);
			--m-form-dis-bd-r: var(--form-dis-bd-r);
		}

	/* Color */
		[class*="form-color"] input {
			border: var(--m-form-bd-w) var(--m-form-bd-s) var(--m-form-bd-c);
			border-radius: var(--m-form-bd-r);
			width: var(--m-form-h);
			height: var(--m-form-h);
		}

		[class*="form-color"] .p-colorpicker-preview:disabled {
			background-color: var(--m-form-dis-bg-c) !important;
		}

	/* Datepicker */
		[class*="form-txt-date"] {
			min-height: var(--m-form-h);
		}

		[class*="form-txt-date"] input {
			padding-inline: var(--m-form-pad-x);
		}

		[class*="form-txt-date"] .p-datepicker-dropdown {
			flex: 0 0 var(--m-form-h);
		}

		[class*="form-txt-date"] .p-datepicker-dropdown:after {
			width: var(--m-form-icon-w); height: var(--m-form-icon-h);
		}

	/* Range */
		[class*="form-range"] input[type="range"]::-webkit-slider-runnable-track {
			background: var(--m-form-rg-bg-c);
			height: var(--m-form-rg-size);
		}

		[class*="form-range"] input[type="range"]::-webkit-slider-thumb {
			background: var(--m-form-rg-icon-bg-c);
			width: var(--m-form-rg-icon-size);
			height: var(--m-form-rg-icon-size);
			transform: translate(0, calc(-50% + calc(var(--m-form-rg-size) / 2)));
		}

		[class*="form-range"] input[type="range"]:disabled::-webkit-slider-runnable-track {
			background: var(--m-form-dis-bg-c);
		}

		[class*="form-range"] input[type="range"]:disabled::-webkit-slider-thumb {
			background: var(--m-form-dis-bd-r);
		}
}
/* Form - Textarea - Default */
/* Default */
[class*="form-tarea"] {display: flex; font-weight: 400; transition: border-color .3s ease; }
[class*="form-tarea"]:hover {transition: border-color .3s ease;}
[class*="form-tarea"] textarea { border: 0; width: 100%; resize: none; }
/* Disabled */
[class*="form-tarea"].form-disabled {pointer-events: none; cursor: auto;}
/* Resize */
[class*="form-tarea"].form-tarea-resize textarea { resize: both; }
/* Form - Textarea - Variable */
/* Initialize */
[class*="form-tarea"] {
		--form-bg-c: var(--fom-bg);
		--form-bd-s: solid;
		--form-bd-w: 1px;
		--form-bd-c: var(--fom-bdr-c);
		--form-bd-r: var(--fom-br);
		--form-ft-c: var(--fom-fc);
		--form-ft-s: var(--fom-fs);
		--form-w: 100%;
		--form-h: var(--fom-ta-h);
		--form-pd-x: var(--fom-pad);
		--form-pd-y: var(--fom-pad);

		--form-focus-bd-c: var(--fom-fcs-brd-c);

		--form-dis-bg-c: var(--dis-bg);
		--form-dis-bd-c: var(--dis-bdr);
		--form-dis-ft-c: var(--fom-ph);
	}
/* Default */
[class*="form-tarea"] {
		background-color: var(--form-bg-c);
		border: var(--form-bd-w) var(--form-bd-s) var(--form-bd-c);
		border-radius: var(--form-bd-r);
		width: var(--form-w);
		min-height: var(--form-h);
		padding: var(--form-pd-y) var(--form-pd-x);
		font-size: var(--form-ft-s);
		color: var(--form-ft-c);
	}
[class*="form-tarea"] textarea {
		min-height: calc(var(--form-h, var(--fom-ta-h)) - (var(--form-pd-x) * 2));
	}
/* Focus */
[class*="form-tarea"]:has(textarea:focus) {
		border-color: var(--form-focus-bd-c);
	}
/* Hover */
[class*="form-tarea"]:hover {
		border-color: var(--form-focus-bd-c);
	}
/* Disabled */
[class*="form-tarea"].form-disabled {
		background-color: var(--form-dis-bg-c);
		border-color: var(--form-dis-bd-c);
		color: var(--form-dis-ft-c);
	}
/* Form - Textarea - Mobile */
@media all and (max-width: 720px) {
	/* Initialize */
		[class*="form-tarea"] {
			--m-form-bg-c: var(--form-bg-c);
			--m-form-bd-s: var(--form-bd-s);
			--m-form-bd-w: var(--form-bd-w);
			--m-form-bd-c: var(--form-bd-c);
			--m-form-bd-r: var(--form-bd-r);
			--m-form-ft-c: var(--form-ft-c);
			--m-form-ft-s: var(--form-ft-s);
			--m-form-w: var(--form-w);
			--m-form-h: var(--fom-ta-h);
			--m-form-pd-x: var(--form-pd-x);
			--m-form-pd-y: var(--form-pd-y);
			--m-form-txt-lh: var(--form-txt-lh);

			--m-form-focus-bd-c: var(--form-focus-bd-c);

			--m-form-dis-bg-c: var(--form-dis-bg-c);
			--m-form-dis-bd-c: var(--form-dis-bd-c);
			--m-form-dis-ft-c: var(--form-dis-ft-c);
		}

	/* Default */
		[class*="form-tarea"] {
			background-color: var(--m-form-bg-c);
			border: var(--m-form-bd-w) var(--m-form-bd-s) var(--m-form-bd-c);
			border-radius: var(--m-form-bd-r);
			width: var(--m-form-w);
			min-height: var(--m-form-h);
			padding: var(--m-form-pd-y) var(--m-form-pd-x);
			font-size: var(--m-form-ft-s);
			line-height: var(--m-form-txt-lh);
			color: var(--m-form-ft-c);
		}

		[class*="form-tarea"] textarea {
			min-height: calc(var(--m-form-h, var(--m-fom-ta-h)) - (var(--m-form-pd-x) * 2));
		}

		[class*="form-tarea"]:hover {
			border-color: var(--m-form-focus-bd-c);
		}

		[class*="form-tarea"].form-disabled {
			background-color: var(--m-form-dis-bg-c);
			border-color: var(--m-form-dis-bd-c);
			color: var(--m-form-dis-ft-c);
		}
}
/* Graph */
/* Graph */
/* Horizontal */
[class*="grp-type-h"] {
			background-color: var(--grp-back-bg-c, #e4e4e4);
			border-radius: var(--grp-bd-r, var(--grp-h, 12px));
			height: var(--grp-h, 12px);
		}
[class*="grp-type-h"] .grp-inner {
			background-color: var(--grp-bg-c, var(--mc));
			border-radius: var(--grp-bd-r, var(--grp-h, 12px));
			width: var(--grp-w, 20%);
			height: 100%;
		}
@media all and (max-width: 720px) {
	/* Graph */
		/* Horizontal */
			[class*="grp-type-h"] {
				background-color: var(--m-grp-back-bg-c, var(--grp-back-bg-c, #e4e4e4));
				border-radius: var(--m-grp-bd-r, var(--grp-bd-r, var(--grp-h, 3.33vw)));
				height: var(--m-grp-h, var(--grp-h, 3.33vw));
			}

			[class*="grp-type-h"] .grp-inner {
				background-color: var(--m-grp-back-bg-c, var(--grp-back-bg-c, var(--mc)));
				border-radius: var(--m-grp-bd-r, var(--grp-bd-r, var(--grp-h, 3.33vw)));
				width: var(--m-grp-w, var(--grp-w, 20%));
			}
}
[class*="ic-"] {
	--bp-pos-x: 0;
	--bp-pos-y: 0;
}
/* Default */
[class*="bi-"], [class*="ic-"] { position: relative; display: inline-flex; place-content: center; place-items: center; font-size: 0; cursor: inherit; }
[class*="bi-"]:before,
	[class*="ic-"]:before,
	[class*="bi-"]:after,
	[class*="ic-"]:after { content:""; background-size: var(--bg-sz); background-position: var(--bp-pos-x) var(--bp-pos-y); }
/* Background Image */
[class*="bi-"]:before,
	[class*="bi-"]:after { background-image: var(--bg-img); }
/* Icon */
[class*="ic-"]:before,
	[class*="ic-"]:after { background-image:var(--ic); }
/* Layout - Default */
/* Center */
[class*="layout-center"] { place-items: center; }
[class*="layout-center"] > * { flex-shrink: 0; margin: auto; }
/* Flex */
[class*="layout-flex"] > * { flex-shrink: 0; }
/* Inner */
[class*="layout-inner-max"] { max-width: 100%; }
/* Layout - Variable */
/* Initialize */
[class*="layout-"] {
		--lay-dp: block;
	}
[class*="layout-center"] {
		--lay-ovf: auto;
		--lay-dp: flex;
		--lay-w: 100%;
		--lay-h: 100dvh;
	}
[class*="layout-flex"] {
		--lay-dp: flex;
	}
[class*="layout-grid"] {
		--lay-dp: grid;
	}
[class*="layout-inner"] {
		--lay-dp: block;
		--lay-w: var(--init-layout-width);
		--lay-mg-x: auto;
		--lay-pd-x: var(--init-layout-padding);
	}
/* Default */
[class*="layout-"] {
		overflow: var(--lay-ovf);
		display: var(--lay-dp);
		width: var(--lay-w);
		height: var(--lay-h);
		margin-inline: var(--lay-mg-x);
		padding-inline: var(--lay-pd-x);
	}
/* Layout - Mobile */
@media all and (max-width: 720px) {
	/* Initialize */
	[class*="layout-center"] {
		--m-lay-ovf: var(--lay-ovf);
		--m-lay-dp: var(--lay-dp);
		--m-lay-w: var(--lay-w);
		--m-lay-h: var(--lay-h);
	}

	[class*="layout-flex"] {
		--m-lay-dp: var(--lay-dp);
	}

	[class*="layout-grid"] {
		--m-lay-dp: var(--lay-dp);
	}

	[class*="layout-inner"] {
		--m-lay-dp: var(--lay-dp);
		--m-lay-w: 100%;
		--m-lay-mg-x: var(--lay-mg-x);
		--m-lay-pd-x: var(--init-layout-padding);
	}

	[class*="layout-"] {
		overflow: var(--m-lay-ovf);
		display: var(--m-lay-dp);
		width: var(--m-lay-w);
		height: var(--m-lay-h);
		margin-inline: var(--m-lay-mg-x);
		padding-inline: var(--m-lay-pd-x);
	}
}
/* Marker - Default */
/* Default */
[class*="mark-"] { grid-auto-rows: max-content; grid-auto-flow: column; grid-auto-columns: minmax(0, max-content); }
[class*="mark-"] > * { display: flex; place-items: flex-start; word-break: break-all; }
[class*="mark-"].mark-direction { grid-auto-flow: row; grid-auto-columns: 1fr; }
[class*="mark-"].mark-direction > * { width: 100%; }
/* Marker */
[class*="mark-"] > * > .part-marker,
[class*="mark-"] > * { display: flex; place-items: center; }
[class*="mark-"] > * > .part-marker:before,
[class*="mark-"] > *:before { content:""; }
[class*="mark-"] > .part-no-marker > .part-marker { display:none; }
/* Type */
[class*="mark-h-bar"] > * { flex-direction: column; }
[class*="mark-v-bar"] > *:first-child:before,
[class*="mark-arrow"] > *:first-child:before { content: none; }
[class*="mark-num"] { counter-reset: item-num; }
[class*="mark-num"] > * { counter-increment: item-num; }
[class*="mark-num"] > * .part-marker:before { place-items: center; place-content: center; white-space: nowrap; text-align: center; }
/* Content */
[class*="mark-"] > * > .part-content { width: 100%; }
/* Skip First */
[class*="mark-"].mark-skip-first > *:first-child::before { display: none; }
/* Direction */
[class*="mark-h-bar"].mark-direction > * { place-items: flex-start; }
/* Marker - Variable */
/* Initialize */
[class*="mark-"] {
	--mark-dp: grid;
	--mark-bg-c: black;
	--mark-ft-s: var(--init-font-size);
	--mark-txt-lh: calc(var(--init-line-height) * 1em);
	--mark-item-gap-a: var(--mark-gap-a);
	--mark-item-gap-x: var(--mark-gap-x);
	--mark-item-gap-y: var(--mark-gap-y);
}
[class*="mark-v-bar"] {
	--mark-w: 1px;
	--mark-h: 10px;
}
[class*="mark-h-bar"] {
	--mark-w: 100%;
	--mark-h: 1px;
}
[class*="mark-cir"] {
	--mark-bd-r: 50%;
	--mark-w: 10px;
	--mark-h: 10px;
}
[class*="mark-squ"] {
	--mark-w: 10px;
	--mark-h: 10px;
}
[class*="mark-hyp"] {
	--mark-w: 6px;
	--mark-h: 1px;
}
[class*="mark-num"] {
	--mark-bg-c: transparent;
	--mark-suffix: '.'
}
[class*="mark-arrow"] {
	--mark-w: 4px;
	--mark-h: 4px;
	--mark-rotate: 135deg;
}
[class*="mark-slash"] {
	--mark-w: 1px;
	--mark-h: 10px;
	--mark-rotate: 135deg;
}
[class*="mark-dia"] {
	--mark-w: 10px;
	--mark-h: 10px;
	--mark-rotate: 45deg;
}
/* Default */
[class*="mark-"] {
	display: var(--mark-dp);
	column-gap: var(--mark-gap-x, var(--mark-gap-a));
	row-gap: var(--mark-gap-y, var(--mark-gap-a));
	grid-template-columns: repeat(var(--mark-grid-t-col), 1fr);
	font-size: var(--mark-ft-s);
	line-height: var(--mark-txt-lh);
	color: var(--mark-ft-c);
}
[class*="mark-"] > * {
	column-gap: var(--mark-item-gap-x, var(--mark-item-gap-a));
	row-gap: var(--mark-item-gap-y, var(--mark-item-gap-a));
}
/* Marker */
[class*="mark-"] > * > .part-marker,
[class*="mark-"] > *:before {
	width: var(--mark-w);
	height: var(--mark-h);
}
[class*="mark-"] > * > .part-marker:before,
[class*="mark-"] > *:before {
	background-color: var(--mark-bg-c);
	border-radius: var(--mark-bd-r);
	width: var(--mark-w);
	height: var(--mark-h);
	rotate: var(--mark-rotate);
}
/* Type */
[class*="mark-h-bar"] > * > .part-marker {
	width: var(--mark-w);
	height: var(--mark-h);
}
[class*="mark-num"] > * > .part-marker:before {
	content: counter(item-num) var(--mark-suffix);
	color: var(--mark-c, var(--mark-ft-c));
}
[class*="mark-arrow"] > * > .part-marker:before,
[class*="mark-arrow"] > *:before {
	background: transparent;
	border-left: 1px solid var(--mark-bg-c);
	border-top: 1px solid var(--mark-bg-c);
}
/* Marker - Mobile */
@media all and (max-width: 768px) {
	/* Initialize */
		[class*="mark-"] {
			--m-mark-dp: var(--mark-dp);
			--m-mark-bd-r: var(--mark-bd-r);
			--m-mark-bg-c: var(--mark-bg-c);
			--m-mark-c: var(--mark-c);
			--m-mark-ft-c: var(--mark-ft-c);
			--m-mark-ft-s: var(--mark-ft-s);
			--m-mark-gap-a: var(--mark-gap-a);
			--m-mark-gap-x: var(--mark-gap-x);
			--m-mark-gap-y: var(--mark-gap-y);
			--m-mark-grid-t-col: var(--mark-grid-t-col);
			--m-mark-item-gap-a: var(--m-mark-gap-a);
			--m-mark-item-gap-x: var(--m-mark-gap-x);
			--m-mark-item-gap-y: var(--m-mark-gap-y);
			--m-mark-rotate: var(--mark-rotate);
			--m-mark-txt-lh: var(--mark-txt-lh);
			--m-mark-suffix: var(--mark-suffix);
			--m-mark-w: var(--mark-w);
			--m-mark-h: var(--mark-h);
		}

		[class*="mark-"] > * {
			--m-mark-bg-c: var(--mark-bg-c);
		}

		[class*="mark-v-bar"] {
			--mark-w: 1px;
			--mark-h: 2.5vw;
		}

		[class*="mark-h-bar"] {
			--mark-w: 100%;
			--mark-h: 1px;
		}

		[class*="mark-cir"] {
			--mark-bd-r: 50%;
			--mark-w: 2.5vw;
			--mark-h: 2.5vw;
		}

		[class*="mark-squ"] {
			--mark-w: 2.5vw;
			--mark-h: 2.5vw;
		}

		[class*="mark-hyp"] {
			--mark-w: 1.5vw;
			--mark-h: 1px;
		}

		[class*="mark-num"] {
			--mark-bg-c: transparent;
			--mark-suffix: '.'
		}

		[class*="mark-arrow"] {
			--mark-w: 1.5vw;
			--mark-h: 1.5vw;
			--mark-rotate: 135deg;
		}

		[class*="mark-slash"] {
			--mark-w: 1px;
			--mark-h: 2.5vw;
			--mark-rotate: 135deg;
		}

		[class*="mark-dia"] {
			--mark-w: 2.5vw;
			--mark-h: 2.5vw;
			--mark-rotate: 45deg;
		}

	/* Default */
		[class*="mark-"] {
			display: var(--m-mark-dp);
			column-gap: var(--m-mark-gap-x, var(--m-mark-gap-a));
			row-gap: var(--m-mark-gap-y, var(--m-mark-gap-a));
			grid-template-columns: repeat(var(--m-mark-grid-t-col), 1fr);
			font-size: var(--m-mark-ft-s);
			line-height: var(--m-mark-txt-lh);
			color: var(--m-mark-ft-c);
		}

		[class*="mark-"] > * {
			column-gap: var(--m-mark-item-gap-x, var(--m-mark-item-gap-a));
			row-gap: var(--m-mark-item-gap-y, var(--m-mark-item-gap-a));
		}

	/* Marker */
		[class*="mark-"] > * > .part-marker {
			width: var(--m-mark-w);
			height: var(--m-mark-h);
		}

		[class*="mark-"] > * > .part-marker:before,
		[class*="mark-"] > *:before {
			background-color: var(--m-mark-bg-c);
			border-radius: var(--m-mark-bd-r);
			width: var(--m-mark-w);
			height: var(--m-mark-h);
			rotate: var(--m-mark-rotate);
		}

	/* Type */
		[class*="mark-h-bar"] > * > .part-marker {
			width: var(--m-mark-w);
			height: var(--m-mark-h);
		}

		[class*="mark-num"] > * > .part-marker:before {
			content: counter(item-num) var(--m-mark-suffix);
			color: var(--m-mark-c, var(--m-mark-ft-c));
		}

		[class*="mark-arrow"] > * > .part-marker:before,
		[class*="mark-arrow"] > *:before {
			background: transparent;
			border-left: 1px solid var(--mark-bg-c);
			border-top: 1px solid var(--mark-bg-c);
		}
}
/* No Data */
.no-data { display: flex; flex-direction: column; place-items: center; place-content: center; height: var(--h, 100%); text-align: center;}
@media all and (max-width:720px) {
	.no-data { height: var(--m-h, var(--h, 100%)); }
}
/* Pagination - Default */
[class*="page-type"] { display: flex; place-content: center; }
[class*="page-type"] button { white-space: nowrap; }
[class*="page-type"] button,
[class*="page-type"] .page-elps { display: flex; place-items: center; place-content:center; }
[class*="page-type"] .page-ctrl { display: flex; place-content: center; }
[class*="page-type"] .page-first:before,
[class*="page-type"] .page-last:after,
[class*="page-type"] .page-prev:before,
[class*="page-type"] .page-next:after { content: ''; background-image:var(--ic-c); background-size:var(--bg-sz); flex-shrink: 0; }
[class*="page-type"] .page-first:before,
[class*="page-type"] .page-last:after { background-position: var(--bp-150) var(--bp-paging); width:11px; height:10px;}
[class*="page-type"] .page-prev:before,
[class*="page-type"] .page-next:after { background-position: var(--bp-200) var(--bp-paging); width:7px; height:10px;}
[class*="page-type"] .page-last:after,
[class*="page-type"] .page-next:after {transform:rotate(180deg);}
/* Pagination - Variable */
[class*="page-type"] {
	--page-btn-bg-c: transparent;
	--page-btn-bd-s: solid;
	--page-btn-bd-c: transparent;
	--page-btn-bd-w: 1px;
	--page-btn-bd-r: 4px;
	--page-btn-w: 36px;
	--page-btn-h: 36px;
	--page-btn-ft-c: #666;
	--page-btn-gap-x: 4px;

	--page-wrap-gap-x: 30px;

	--page-btn-over-bg-c: #ececfa;
	--page-btn-over-ft-c: var(--mc);
}
[class*="page-type"] {
	column-gap: var(--page-wrap-gap-x);
}
[class*="page-type"] button {
	background-color: var(--page-btn-bg-c);
	border: var(--page-btn-bd-w) var(--page-btn-bd-s) var(--page-btn-bd-c);
	border-radius: var(--page-btn-bd-r);
	width: var(--page-btn-w);
	height: var(--page-btn-h);
	color: var(--page-btn-ft-c);
}
[class*="page-type"] button:hover,
[class*="page-type"] button[data-selected="true"] {
	background: var(--page-btn-over-bg-c);
	color: var(--page-btn-over-ft-c);
}
[class*="page-type"] .page-elps {
	width: var(--page-btn-w);
	height: var(--page-btn-h);
}
[class*="page-type"] .page-ctrl {
	column-gap: var(--page-btn-gap-x);
}
/* Pagination - Mobile */
@media all and (max-width: 720px) {
	[class*="page-type"] {
		--m-page-btn-bg-c: var(--page-btn-bg-c);
		--m-page-btn-bd-s: var(--page-btn-bd-s);
		--m-page-btn-bd-c: var(--page-btn-bd-c);
		--m-page-btn-bd-w: var(--page-btn-bd-w);
		--m-page-btn-bd-r: var(--page-btn-bd-r);
		--m-page-btn-w: var(--page-btn-w);
		--m-page-btn-h: var(--page-btn-h);
		--m-page-btn-ft-c: var(--page-btn-ft-c);
		--m-page-btn-gap-x: var(--page-btn-gap-x);

		--m-page-wrap-gap-x: var(--page-wrap-gap-x);

		--m-page-btn-over-bg-c: var(--page-btn-over-bg-c);
		--m-page-btn-over-ft-c: var(--page-btn-over-ft-c);
	}

	[class*="page-type"] {
		column-gap: var(--m-page-wrap-gap-x);
	}

	[class*="page-type"] button {
		background-color: var(--m-page-btn-bg-c);
		border: var(--m-page-btn-bd-w) var(--m-page-btn-bd-s) var(--m-page-btn-bd-c);
		border-radius: var(--m-page-btn-bd-r);
		width: var(--m-page-btn-w);
		height: var(--m-page-btn-h);
		color: var(--m-page-btn-ft-c);
	}

	[class*="page-type"] button:hover,
	[class*="page-type"] button[data-selected="true"] {
		background: var(--m-page-btn-over-bg-c);
		color: var(--m-page-btn-over-ft-c);
	}

	[class*="page-type"] .page-elps {
		width: var(--m-page-btn-w);
		height: var(--m-page-btn-h);
	}

	[class*="page-type"] .page-ctrl {
		column-gap: var(--m-page-btn-gap-x);
	}
}
/* Popover - Default */
/* Default */
[class*="popover-type"] { max-width: 100dvw; }
/* Arrow */
[class*="popover-type"] .part-arrow:before { content: ''; display: block; background-image: var(--ic-c); background-position: var(--bp-150) var(--bp-tooltip); background-size: var(--bg-sz); width: 18px; height: 14px; }
/* Close */
[class*="popover-type"] .part-close { position: absolute; right: 0; top: 0; height: auto; }
[class*="popover-type"] .part-close:before { content: ''; display: block; background-image: var(--ic-c); background-position: var(--bp-200) var(--bp-tooltip); background-size: var(--bg-sz); width: 14px; height: 14px; }
/* Popover - Variable */
/* Empty */
/* Popover - Mobile */
@media all and (max-width: 720px) {
}
/* Popup - Default */
/* Wrap */
[class*="pop-type"] .part-wrap { overflow: hidden; position:fixed; left:50%; top:50%; background-color: white; translate: -50% -50%; }
[class*="pop-type"] .part-wrap > * { flex-shrink: 0; }
/* Header */
[class*="pop-type"] .part-head { position: sticky; left: 0; top: 0; display: flex; place-content: space-between; place-items: center; }
[class*="pop-type"] .part-head .part-title { flex: 1; text-wrap: wrap; }
/*[class*="pop-type"] .part-head-actions { display: flex; place-items: center; }
	[class*="pop-type"] .part-head-actions:first-child { position: absolute; right: 0; top: 0; }*/
/* Footer */
[class*="pop-type"] .part-foot { display: flex; place-content: center; place-items: center; }
[class*="pop-type"] .part-foot [class*="btn-type"] { height: auto; }
/* Content */
[class*="pop-type"] .part-cont { flex: 1; }
[class*="pop-type"] .part-cont { overflow-x: hidden; overflow-y: auto; }
[class*="pop-type"] .part-cont > *:first-child { margin-top: 0; }
/* Backdrop */
[class*="pop-type"] .part-overlay { display: none; position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, .5); width: 100dvw; height: 100dvh; }
[class*="pop-type"] .part-overlay[data-aria-hidden] { display: block; }
/* Close */
[class*="pop-type"] .part-close { position: absolute; right: 0; top: 0; display: flex; place-items: center; place-content: center; text-indent: -1000em; }
[class*="pop-type"] .part-close:before { content: ""; background-image: var(--ic-c); background-position: var(--bp-150) var(--bp-popup); background-size: var(--bg-sz); }
[class*="pop-type"]:not([data-head]) .part-close:before { background-position: var(--bp-200) var(--bp-popup); }
/* Popup - Variable */
/* Initialize */
[class*="pop-type"] {
		/* Wrap */
		--pop-bd-c: var(--mc);
		--pop-bd-w: 0;
		--pop-bd-s: solid;
		--pop-bd-r: var(--pop-br);

		/* Header */
		--pop-head-bg-c: var(--mc);
		--pop-head-h: var(--pop-hh);
		--pop-head-pd-l: var(--pop-pad);
		--pop-head-ft-c: white;
		--pop-head-ft-s: 20px;

		/* Footer */
		--pop-foot-gap: 12px;
		--pop-foot-h: var(--pop-fh);

		/* Content */
		--pop-cont-pd-x: var(--pop-pad);

		/* Close */
		--pop-close-w: 20px;
		--pop-close-h: 20px;
	}
/* Wrap */
[class*="pop-type"] .part-wrap {
		border: var(--pop-bd-w) var(--pop-bd-s) var(--pop-bd-c);
		border-radius: var(--pop-bd-r);
		width: var(--pop-w);
		max-height: var(--pop-max-h);
	}
/* Header */
[class*="pop-type"] .part-head {
		background: var(--pop-head-bg-c);
		min-height: var(--pop-head-h);
		padding: 0 0 0 var(--pop-head-pd-l);
	}
[class*="pop-type"] .part-head .part-title {
		color: var(--pop-head-ft-c);
		font-size: var(--pop-head-ft-s);
	}
/* Footer */
[class*="pop-type"] .part-foot {
		gap: var(--pop-foot-gap);
		height: var(--pop-foot-h, var(--pop-fh));
		padding-inline: var(--pop-foot-pd-x);
	}
/* Content */
[class*="pop-type"] .part-cont {
		max-height: calc(var(--pop-max-h) - var(--pop-head-h) - var(--pop-foot-h));
		padding: var(--pop-cont-pd-y, var(--pop-cont-top-pad)) var(--pop-cont-pd-x) var(--pop-cont-pd-y, var(--pop-cont-bot-pad));
		font-size: var(--pop-cont-ft-s);
		color: var(--pop-cont-ft-c);
	}
/* Close */
[class*="pop-type"] .part-close {
		flex: 0 0 var(--pop-head-h);
		width: var(--pop-head-h);
		height: var(--pop-head-h);
	}
[class*="pop-type"] .part-close:before {
		width: var(--pop-close-w);
		height: var(--pop-close-h);
	}
/* Popup - Mobile */
@media all and (max-width: 720px) {
	/* Initialize */
		[class*="pop-type"] {
			/* Wrap */
			--m-pop-bd-c: var(--pop-bd-c);
			--m-pop-bd-w: var(--pop-bd-w);
			--m-pop-bd-s: var(--pop-bd-s);
			--m-pop-bd-r: var(--pop-bd-r);
			--m-pop-w: var(--pop-w);
			--m-pop-max-h: var(--pop-max-h);

			/* Header */
			--m-pop-head-bg-c: var(--pop-head-bg-c);
			--m-pop-head-h: var(--pop-head-h);
			--m-pop-head-pd-l: var(--pop-head-pd-l);
			--m-pop-head-ft-c: var(--pop-head-ft-c);
			--m-pop-head-ft-s: 2.78vw;

			/* Footer */
			--m-pop-foot-gap: 1.67vw;
			--m-pop-foot-h: var(--pop-foot-h);
			--m-pop-foot-pd-x: var(--pop-foot-pd-x);

			/* Content */
			--m-pop-cont-ft-c: var(--pop-cont-ft-c);
			--m-pop-cont-ft-s: var(--pop-cont-ft-s);
			--m-pop-cont-pd-x: var(--pop-cont-pd-x);
			--m-pop-cont-pd-y: var(--pop-cont-pd-y);

			/* Close */
			--m-pop-close-w: 4.2vw;
			--m-pop-close-h: 4.2vw;
		}

	/* Wrap */
		[class*="pop-type"] .part-wrap {
			border: 1px solid var(--m-pop-bd-c);
			border-radius: var(--m-pop-bd-r);
			width: var(--m-pop-w);
			max-height: var(--m-pop-max-h);
		}

	/* Header */
		[class*="pop-type"] .part-head {
			background: var(--m-pop-head-bg-c);
			min-height: var(--m-pop-head-h);
			padding: 0 0 0 var(--m-pop-head-pd-l);
		}
		[class*="pop-type"] .part-head .pop-title {
			color: var(--m-pop-head-ft-c);
			font-size: var(--m-pop-head-ft-s);
		}

	/* Footer */
		[class*="pop-type"] .part-foot {
			gap: var(--m-pop-foot-gap);
			height: var(--m-pop-foot-h, var(--m-pop-fh));
			padding-inline: var(--m-pop-foot-pd-x);
		}

	/* Content */
		[class*="pop-type"] .part-cont [class*="pop-cont"] {
			max-height: calc(var(--m-pop-max-h) - var(--m-pop-head-h) - var(--m-pop-foot-h));
			padding: var(--m-pop-cont-pd-y, var(--m-pop-cont-top-pad)) var(--m-pop-cont-pd-x) var(--m-pop-cont-pd-y, var(--m-pop-cont-bot-pad));
			font-size: var(--m-pop-cont-ft-s);
			color: var(--m-pop-cont-ft-c);
		}

	/* Close */
		[class*="pop-type"] .part-close {
			flex: 0 0 var(--m-pop-head-h);
			width: var(--m-pop-head-h);
			height: var(--m-pop-head-h);
		}

		[class*="pop-type"] .part-close:before {
			width: var(--m-pop-close-w);
			height: var(--m-pop-close-h);
		}

}
/* Scroll */
[data-scroll] { overflow: auto; }
[data-scroll] > * { flex-wrap: nowrap; word-break: keep-all; }
[data-scroll="y"],
	[data-scroll="yh"] { overflow-x: hidden; overflow-y: auto; height: var(--h, 100%); }
[data-scroll="x"],
	[data-scroll="xh"] { overflow-x: auto; overflow-y: hidden; width: var(--w, 100%); white-space: nowrap; }
[data-scroll="h"] { width: var(--w, 100%); height: var(--h, 100%); }
[data-scroll="h"]::-webkit-scrollbar,
	[data-scroll="xh"]::-webkit-scrollbar,
	[data-scroll="yh"]::-webkit-scrollbar { width: 0; height: 0; border-radius: 0; }
[data-scroll="h"]::-webkit-scrollbar-thumb,
	[data-scroll="xh"]::-webkit-scrollbar-thumb,
	[data-scroll="yh"]::-webkit-scrollbar-thumb { width: 0; border-radius: 0; }
[data-scroll="h"]::-webkit-scrollbar-track,
	[data-scroll="xh"]::-webkit-scrollbar-track,
	[data-scroll="yh"]::-webkit-scrollbar-track { border-radius: 0; }
@media all and (max-width: 720px) {
	/* Scroll */
		[data-scroll="y"],
		[data-scroll="yh"] { height: var(--m-h, var(--h, 100%)); }
		[data-scroll="x"],
		[data-scroll="xh"] { width: var(--m-w, var(--w, 100%)); }
		[data-scroll="h"] { width: var(--m-w, var(--w, 100%)); height: var(--m-h, var(--h, 100%)); }
}
/* Swiper */
/* Default */
[class*="swiper-type"] { position: relative; }
[class*="swiper-type"] .swiper { width: 100%; height: 100%; }
[class*="swiper-type"] .swiper,
		[class*="swiper-type"] .swiper-thumbs { overflow: hidden; max-height: 100dvh; }
[class*="swiper-type"] .swiper-wrapper { flex-wrap: nowrap; }
[class*="swiper-type"] .swiper.swiper-grid { max-width: none; max-height: none; }
[class*="swiper-type"] .swiper-slide { overflow: hidden; height: auto; }
/* Navigation */
[class*="swiper-type"] .swiper-nav-wrap { display: flex; place-content: space-between; position: absolute; left: 0; top: 50%; width: 100%; height: 0; font-size: 0; translate: 0 -50%; z-index: 1; }
[class*="swiper-type"] .swiper-nav-wrap > * { position: static; margin: 0; translate: 0 -50%; }
[class*="swiper-type"] .swiper-nav-wrap > *:after { background-image: var(--ic-c); background-size: var(--bg-sz); }
[class*="swiper-type"] .swiper-nav-wrap > .swiper-button-next:after { rotate: 180deg; }
/**/
/*
			[class*="swiper-type"] .swiper-button-disabled { opacity: 0.5; }*/
/* Pagenation */
/*[class*="swiper-type"] .swiper-pagination { display: flex; justify-content: center; gap: 4px; position: absolute; z-index: 1; }
			[class*="swiper-type"] .swiper-pagination-vertical { flex-direction: column; left: auto; }
			[class*="swiper-type"] .swiper-pagination .swiper-pagination-bullet { opacity: 0.5; position: static; display: inline-block; margin: 0; }
			[class*="swiper-type"] .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
			[class*="swiper-type"] .swiper-pagination-bullets-dynamic { display: block; }*/
/* Scrollbar */
/*[class*="swiper-type"] .swiper-scrollbar-vertical { left: auto; }*/
/* ETC */
/*[class*="swiper-type"] .swiper-cube { overflow: visible; }
			[class*="swiper-type"] .swiper-cube .swiper-slide { overflow: visible; }*/
/* Variation */
[class*="swiper-type"] { width: var(--swiper-w, 100%); height: var(--swiper-h, auto); }
/* Temp */
/* Tabs - Default */
/* Wrap */
[class*="tab-wrap"] { display: flex; flex-direction: column; }
/* Menu */
[class*="tab-menu"] { overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; display: flex; position: relative; place-items: center; flex-wrap: wrap; }
[class*="tab-menu"] > * > * { display: flex; flex-shrink: 0; place-items: center; width: 100%; text-align: center; white-space: nowrap; }
/* Menu Scroll */
[class*="tab-wrap"].tab-scroll-menu [class*="tab-menu"] { flex-wrap: nowrap; }
/* Equal Menu */
[class*="tab-wrap"].tab-equal [class*="tab-menu"] > * { flex: 1; }
/* Content */
[class*="tab-wrap"] [class*="tab-cont"] > * { display: none; }
[class*="tab-wrap"] [class*="tab-cont"] > *.active { display: block; }
/* Tabs - Variable */
/* Initialize */
[class*="tab-cont"] {
	/* Contents */
	--tab-cont-pd-x: var(--tab-cont-pd-a);
	--tab-cont-pd-y: var(--tab-cont-pd-a);
}
[class*="tab-menu"] {
	/* Menu */
	--tab-bd-c: black;
	--tab-menu-bd-b-c: black;
	--tab-menu-bd-b-s: solid;
	--tab-menu-bd-b-w: 0;
	--tab-menu-gap-a: 0;
	--tab-menu-gap-x: var(--tab-menu-gap-a);
	--tab-menu-gap-y: var(--tab-menu-gap-a);

	/* Menu Over */
	--tab-btn-over-bg-c: var(--mc);
	--tab-btn-over-ft-c: white;
	--tab-btn-active-bg-c: var(--tab-btn-over-bg-c);
	--tab-btn-active-ft-c: var(--tab-btn-over-ft-c);
}
/* Menu */
[class*="tab-menu"] {
	border-bottom: var(--tab-menu-bd-b-w) var(--tab-menu-bd-b-s) var(--tab-menu-bd-b-c);
	column-gap: var(--tab-menu-gap-x);
	row-gap: var(--tab-menu-gap-y);
}
/* Button */
[class*="tab-menu"] > * > * {
	background-color: var(--tab-btn-bg-c);
	border-radius: var(--tab-btn-bd-r);
	height: var(--tab-btn-h);
	padding-inline:var(--tab-btn-pd-x);
	font-size: var(--tab-btn-ft-s);
	font-weight: var(--tab-btn-ft-w);
	color: var(--tab-btn-ft-c);
}
/* Menu Over */
/* [class*="tab-menu"] > * > *:hover {
	background-color: var(--tab-btn-over-bg-c);
	color: var(--tab-btn-over-ft-c);
} */
/* Menu Active */
[class*="tab-menu"] > *[data-state="active"] > *,
[class*="tab-menu"] > *.active > * {
	background-color: var(--tab-btn-active-bg-c);
	color: var(--tab-btn-active-ft-c);
}
/* Contents */
[class*="tab-wrap"] [class*="tab-cont"] {
	padding-inline: var(--tab-cont-pd-x);
	padding-block: var(--tab-cont-pd-y);
}
/* Tabs - Mobile */
@media all and (max-width: 768px) {
	/* Initialize */
	[class*="tab-cont"] {
		/* Contents */
		--m-tab-cont-pd-a: var(--tab-cont-pd-a);
		--m-tab-cont-pd-x: var(--tab-cont-pd-x, var(--m-tab-cont-pd-a));
		--m-tab-cont-pd-y: var(--tab-cont-pd-y, var(--m-tab-cont-pd-a));
	}

	[class*="tab-menu"] {
		/* Menu */
		--m-tab-bd-c: var(--tab-bd-c);
		--m-tab-menu-bd-b-c: var(--tab-menu-bd-b-c);
		--m-tab-menu-bd-b-s: var(--tab-menu-bd-b-s);
		--m-tab-menu-bd-b-w: var(--tab-menu-bd-b-w);
		--m-tab-menu-gap-a: var(--tab-menu-gap-a);
		--m-tab-menu-gap-x: var(--tab-menu-gap-x, var(--m-tab-menu-gap-a));
		--m-tab-menu-gap-y: var(--tab-menu-gap-y, var(--m-tab-menu-gap-a));

		/* Button */
		--m-tab-btn-bg-c: var(--tab-btn-bg-c);
		--m-tab-btn-bd-r: var(--tab-btn-bd-r);
		--m-tab-btn-h: var(--tab-btn-h);
		--m-tab-btn-pd-x: var(--tab-btn-pd-x);
		--m-tab-btn-ft-s: var(--tab-btn-ft-s);
		--m-tab-btn-ft-w: var(--tab-btn-ft-w);
		--m-tab-btn-ft-c: var(--tab-btn-ft-c);

		/* Menu Over */
		--m-tab-btn-over-bg-c: var(--tab-btn-over-bg-c);
		--m-tab-btn-over-ft-c: var(--tab-btn-over-ft-c);
		--m-tab-btn-active-bg-c: var(--m-tab-btn-over-bg-c);
		--m-tab-btn-active-ft-c: var(--m-tab-btn-over-ft-c);
	}

/* Menu */
	[class*="tab-menu"] {
		border-bottom: var(--m-tab-menu-bd-b-w) var(--m-tab-menu-bd-b-s) var(--m-tab-menu-bd-b-c);
		column-gap: var(--m-tab-menu-gap-x);
		row-gap: var(--m-tab-menu-gap-y);
	}

/* Button */
	[class*="tab-menu"] > * > * {
		background-color: var(--m-tab-btn-bg-c);
		border-radius: var(--m-tab-btn-bd-r);
		height: var(--m-tab-btn-h);
		padding-inline:var(--m-tab-btn-pd-x);
		font-size: var(--m-tab-btn-ft-s);
		font-weight: var(--m-tab-btn-ft-w);
		color: var(--m-tab-btn-ft-c);
	}

/* Menu Over */
	/* [class*="tab-menu"] > * > *:hover {
		background-color: var(--m-tab-btn-over-bg-c);
		color: var(--m-tab-btn-over-ft-c);
	} */

/* Menu Active */
	[class*="tab-menu"] > *[data-state="active"] > *,
	[class*="tab-menu"] > *.active > * {
		background-color: var(--m-tab-btn-active-bg-c);
		color: var(--m-tab-btn-active-ft-c);
	}

/* Contents */
	[class*="tab-wrap"] [class*="tab-cont"] {
		padding-inline: var(--m-tab-cont-pd-x);
		padding-block: var(--m-tab-cont-pd-y);
	}
}
/* Thumb - Default */
/* Default */
[class*="thumb-type"] { position: relative; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; background-position: center; background-repeat: no-repeat; background-size: 50% auto; }
[class*="thumb-type"] > *:is(img, video) { width: 100%; height: 100%; }
[class*="thumb-type"] video { object-fit: cover; }
[class*="thumb-type"]:before,
	[class*="thumb-type"]:after { content: ""; }
[class*="thumb-type"] > *:not(img, video) { position: absolute; }
[class*="thumb-type"] .thumb-lt { left: 0; top: 0; }
[class*="thumb-type"] .thumb-rt { right: 0; top: 0; }
[class*="thumb-type"] .thumb-lb { left: 0; bottom: 0; }
[class*="thumb-type"] .thumb-rb { right: 0; bottom: 0; }
[class*="thumb-type"] .thumb-c { left: 50%; top: 50%; width: 100%; text-align: center; transform: translate(-50%, -50%); }
.thumb-type-center > *:is(img, video) { width: auto; height: auto; max-width: 100%; max-height: 100%; }
.thumb-type-origin { overflow: hidden; }
.thumb-type-origin > *:is(img, video) { width: auto; height: auto; pointer-events: none; max-inline-size: none; max-block-size: none; }
/* Notice */
/*
		[class*="thumb-type"] overflow: hidden 금지
	*/
/* Thumb - Variable */
/* Initialize */
[class*="thumb-type"] {
		--thumb-ratio: 4 / 3;
		--thumb-bg-c: var(--thmb-bg);
		--thumb-w: 100%;
		--thumb-pd-x: var(--thumb-pd-a);
		--thumb-pd-y: var(--thumb-pd-a);
	}
/* Variation */
[class*="thumb-type"] {
		aspect-ratio: var(--thumb-ratio);
		background-color: var(--thumb-bg-c);
		border-radius: var(--thumb-bd-r);
		width: var(--thumb-w);
		height: var(--thumb-h);
	}
[class*="thumb-type"] > *:is(img, video) {
		border-radius: var(--thumb-bd-r);
	}
[class*="thumb-type"] > *:not(img, video) {
		padding-inline: var(--thumb-pd-x);
		padding-block: var(--thumb-pd-y);
	}
/* Thumb - Mobile */
@media all and (max-width: 720px) {
	/* Initialize */
		[class*="thumb-type"] {
			--m-thumb-ratio: var(--thumb-ratio);
			--m-thumb-bg-c: var(--thumb-bg-c);
			--m-thumb-bd-r: var(--thumb-bd-r);
			--m-thumb-w: var(--thumb-w);
			--m-thumb-h: var(--thumb-h);
			--m-thumb-pd-a: var(--thumb-pd-a);
			--m-thumb-pd-x: var(--m-thumb-pd-a);
			--m-thumb-pd-y: var(--m-thumb-pd-a);
		}

	/* Variation */
		[class*="thumb-type"] {
			aspect-ratio: var(--m-thumb-ratio);
			background-color: var(--m-thumb-bg-c);
			border-radius: var(--m-thumb-bd-r);
			width: var(--m-thumb-w);
			height: var(--m-thumb-h);
		}
		[class*="thumb-type"] > *:not(img, video) {
			padding-inline: var(--m-thumb-pd-x);
			padding-block: var(--m-thumb-pd-y);
		}
}
/* Toast */
/* Default */
[class*="toast-type"] { translate: -50% 0; text-align: center; }
/* Variation */
[class*="toast-type"] .p-toast-message {
			background-color: var(--toast-bg-c);
			border-radius: var(--toast-bd-r);
			width: var(--toast-w);
			padding: var(--toast-pd-t, var(--toast-pd-y, var(--toast-pd-a, 0)))
				var(--toast-pd-r, var(--toast-pd-x, var(--toast-pd-a, 0)))
				var(--toast-pd-b, var(--toast-pd-y, var(--toast-pd-a, 0)))
				var(--toast-pd-l, var(--toast-pd-x, var(--toast-pd-a, 0)));
			font-size: var(--toast-ft-s);
			color: var(--toast-ft-c);
		}
@media all and (max-width: 720px) {
	/* Default */
		[class*="toast-type"] { --toast-w: 100dvw; --toast-pd-x: 5vw; left: 0 !important; translate: 0; }
		[class*="toast-type"] .p-toast-message {
			background-color: var(--m-toast-bg-c, var(--toast-bg-c));
			border-radius: var(--m-toast-bd-r, var(--toast-bd-r));
			width: var(--m-toast-w, var(--toast-w));
			padding: var(--m-toast-pd-t, var(--m-toast-pd-y, var(--m-toast-pd-a, var(--toast-pd-t, var(--toast-pd-y, var(--toast-pd-a, 0))))))
				var(--m-toast-pd-r, var(--m-toast-pd-x, var(--m-toast-pd-a, var(--toast-pd-r, var(--toast-pd-x, var(--toast-pd-a, 0))))))
				var(--m-toast-pd-b, var(--m-toast-pd-y, var(--m-toast-pd-a, var(--toast-pd-b, var(--toast-pd-y, var(--toast-pd-a, 0))))))
				var(--m-toast-pd-l, var(--m-toast-pd-x, var(--m-toast-pd-a, var(--toast-pd-l, var(--toast-pd-x, var(--toast-pd-a, 0))))));
			font-size: var(--m-toast-ft-s, var(--toast-ft-s));
			color: var(--m-toast-ft-c, var(--toast-ft-c));
		}
}
/* Tooltip */
/* Default */
[class*="t-tip"] { position: absolute; cursor: pointer; }
[class*="t-tip"] .p-tooltip-arrow { position: absolute; }
[class*="t-tip"] .p-tooltip-arrow:before { content: ""; position: absolute; background-image: var(--ic-c); background-size: var(--bg-sz); background-position: var(--bp-150) var(--bp-600); }
/* Left */
[class*="t-tip"].p-tooltip-left .p-tooltip-arrow { rotate: 90deg; }
/* Right */
[class*="t-tip"].p-tooltip-right .p-tooltip-arrow { rotate: -90deg; }
/* Variation */
/* Wrap */
[class*="t-tip"] {
				background-color: var(--tip-bg-c, white);
				border: var(--tip-bd-w, 0) solid var(--tip-bd-c);
				border-radius: var(--tip-bd-r, 0);
				box-shadow: 0 0 var(--tip-sha-size) rgba(0, 0, 0, var(--tip-sha-opa));
				padding: var(--tip-pd-t, var(--tip-pd-y, var(--tip-pd)))
					var(--tip-pd-r, var(--tip-pd-x, var(--tip-pd)))
					var(--tip-pd-b, var(--tip-pd-y, var(--tip-pd)))
					var(--tip-pd-l, var(--tip-pd-x, var(--tip-pd)));
				font-size: var(--tip-ft-s);
			}
/* Arrow */
[class*="t-tip"] .p-tooltip-arrow { width: var(--tip-arrow-w); height: var(--tip-arrow-h); }
[class*="t-tip"] .p-tooltip-arrow:before { background-color: transparent; width: var(--tip-arrow-w); height: var(--tip-arrow-h); }
/* Left */
[class*="t-tip"].p-tooltip-left { margin-left: calc(var(--tip-gap, 20px) * -1); }
[class*="t-tip"].p-tooltip-left .p-tooltip-arrow { translate: var(--tip-arrow-h) -50%; }
/* Right */
[class*="t-tip"].p-tooltip-right { margin-left: var(--tip-gap, 20px); }
[class*="t-tip"].p-tooltip-right .p-tooltip-arrow { translate: calc(var(--tip-arrow-h) * -1) -50%; }
/* Bottom */
[class*="t-tip"].p-tooltip-bottom { margin-top: var(--tip-gap, 20px); }
[class*="t-tip"].p-tooltip-bottom .p-tooltip-arrow { translate: -50% calc(var(--tip-arrow-h) * -1); }
@media all and (max-width: 720px) {
	/* Wrap */
		[class*="t-tip"] {
			position: fixed;
			left: 50% !important;
			top: 50% !important;
			background-color: var(--m-tip-bg-c, var(--tip-bg-c, white));
			border: var(--m-tip-bd-w, var(--tip-bd-w, 0)) solid var(--m-tip-bd-c, var(--tip-bd-c));
			border-radius: var(--m-tip-bd-r, var(--tip-bd-r, 0));
			box-shadow: 0 0 var(--m-tip-sha-size, var(--tip-sha-size)) rgba(0, 0, 0, var(--m-tip-sha-opa, var(--tip-sha-opa)));
			width: calc(100dvw - (var(--m-init-layout-padding) + var(--m-init-layout-padding))) !important;
			padding: var(--m-tip-pd-t, var(--m-tip-pd-y, var(--m-tip-pd-a, var(--tip-pd-t, var(--tip-pd-y, var(--tip-pd-a, 0))))))
				var(--m-tip-pd-r, var(--m-tip-pd-x, var(--m-tip-pd-a, var(--tip-pd-r, var(--tip-pd-x, var(--tip-pd-a, 0))))))
				var(--m-tip-pd-b, var(--m-tip-pd-y, var(--m-tip-pd-a, var(--tip-pd-b, var(--tip-pd-y, var(--tip-pd-a, 0))))))
				var(--m-tip-pd-l, var(--m-tip-pd-x, var(--m-tip-pd-a, var(--tip-pd-l, var(--tip-pd-x, var(--tip-pd-a, 0))))));
			font-size: var(--m-tip-ft-s, var(--tip-ft-s));
			translate: -50% -50% !important;
		}

	[class*="t-tip"] .p-tooltip-arrow { display: none; }
}
/* Tree Menu */
[class*="tree-inner"] { display: flex; flex-direction: column; }
[class*="tree-inner"] summary { display: flex; flex-wrap: nowrap; gap: 4px; align-items: center; padding: 0 0 0 18px; }
[class*="tree-inner"].tree-sub-item > summary { padding: 0; }
[class*="tree-inner"] button { text-align: left; }
[class*="tree-inner"] .tree-arrow { display: flex; justify-content: center; width: 14px; height: 14px; }
[class*="tree-inner"] .tree-arrow:before { content: ""; background-image: var(--ic-c); background-size: var(--bg-sz); background-position: var(--bp-150) var(--bp-500); width: 8px; height: 14px; transition: transform .3s ease; }
[class*="tree-inner"] [class*="tree-inner"],
	[class*="tree-inner"] > * { padding-left: 18px; }
[class*="tree-inner"][open] > summary > .tree-arrow:before { transform: rotate(90deg); transition: transform .3s ease; }
/* @import "test.css"; */
#app,
.structure-wrap,
.structure-inner { height: 100dvh; }
.structure-inner { overflow-y: auto; display: flex; flex-direction: column; }
/* Header */
.h-wrap { display: flex; place-items: center; position: sticky; left: 0; top: 0; background: white; flex: 0 0 var(--init-header-height); z-index: 10; }
.h-logo { width: 12.78vw; }
.h-sub { position: sticky; left: 0; top: 0; display: flex; place-items: center; background: var(--mc); flex: 0 0 var(--init-header-height); z-index: 10; }
.h-sub .h-title { font-size: 4.17vw; color: white; }
/* Footer */
.f-wrap { display: grid; grid-template-columns: repeat(4, 1fr); position: sticky; left: 0; bottom: 0; flex: 0 0 var(--init-footer-height); background: white; border-top: 1px solid #e2e2e2; padding: 4.58vw 0; font-size: 2.78vw; z-index: 10;}
.f-wrap a { position: relative; display: flex; gap: 1.67vw; flex-direction: column; place-items: center; place-content: flex-end; color: #333; }
.f-wrap > *.active { color: #ff6500;}
.f-wrap > *.active:before { content:""; position: absolute; left: 50%; top: 50%; width: 14vw; height: 14vw; background-color: #ffedec; border-radius: 50%; translate: -50% -50%; z-index:-1; }
.f-wrap > *.active .ic-home:before { --bp-pos-x: var(--bp-250)}
.f-wrap > *.active .ic-hamburger:before { --bp-pos-x: var(--bp-300)}
.f-wrap > *.active .ic-zoom:before { --bp-pos-x: var(--bp-350)}
.f-wrap > *.active .ic-people:before { --bp-pos-x: var(--bp-400)}
/* .f-wrap a:before { content:""; position: absolute; left: 50%; top: 50%; background: #ffedec; border-radius: 50%; width: 13.89vw; height: 13.89vw; translate: -50% -50%; z-index: -1; } */
/* Panel */
/* .layer-wrap { position: fixed; left:0; top: 0; background:white; width: 100vw; height:100vh; padding:var(--init-layout-padding); z-index:10;  transform: translateX(-100%); transition: translate .3s ease;  translate: -100% 0;} */
/* .layer-wrap.active { translate: 0 0; transition: translate .3s ease;  } */
.layer-wrap {
    position: fixed;
    left: 0;
    top: 0;
    background: white;
    width: 100vw;
    height: 100vh;
    /* padding: var(--init-layout-padding); */
    z-index: 50;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }
.layer-wrap.active {
    transform: translateX(0);
  }
#container { flex: 1; padding-block: var(--init-layout-padding); transform: translateX(0);}
/* Temp */
* { box-sizing: border-box !important; }
body { color: black; }
a { color: inherit; }
q { color: var(--mc); }
q:before, q:after { display: none; }
.foot { width: 100%; }
.channelHeader { position: sticky !important; left: 0 !important; top: 0 !important; }
/* Board View */
.brd-info-wrap { display: flex; gap: 4.17vw; font-size: 3.61vw; }
.brd-info-item { display: flex; gap: 1.39vw; place-items: center; }
.brd-view { padding-top: 5vw; }
.brd-view img { height: auto !important; max-width: 100% !important; }
.brd-view-cont { border-top: 1px solid #e2e2e2; margin-top: 3.89vw; padding-block: 8.33vw; color: black;}
.brd-view-cont * { color: black; }
.brd-view-cont img { height: auto !important; max-width: 100% !important; }
.brd-view-cont table {
		width: 100% !important;
		max-width: 100%;
		margin: 0 !important;
		border-collapse: collapse;
	}
.brd-view-cont table th *,
	.brd-view-cont table td * {
		white-space: normal !important;
		word-break: break-word !important;
	}
.brd-view-cont table td { padding: 2px; }
.brd-view-cont strong { font-weight: bold; }
.brd-view-cont iframe {
		max-width: 100% !important;
		height: auto; 
		display: block;
	}
.brd-view-cont span { position: relative !important; }
.brd-reply { display: grid; gap: 2vw; }
.brd-reply > * + * { border-top: 1px solid black; margin-top: 4.17vw; padding-top: 4.17vw; }
.brd-reply .brd-reply {padding-left: 7vw;}
.brd-reply .brd-reply > * { border-top: 1px solid black; padding-top: 4.17vw; }
/* Box */
.box-type-01 {
		--box-bg-c: white;
		--box-bd-w: 0;
		--box-bd-r: 1.11vw;
		--box-pd-y: 4.17vw;
	}
/* Button */
[class*="btn-type"] {
		--btn-pd-x: 5.56vw;
	}
.btn-type-gry {
		--btn-bg-c: #aaa;
		--btn-over-bg-c: #aaa;
	}
.btn-sz-01 {
		--btn-bd-r: 1.11vw;
		--btn-ft-s: 3.61vw;
		--btn-h: 8.61vw;
	}
/* Chip */
[class*="chip-type-01"] {
		--chip-bg-c: white;
		--chip-bd-c: white;
		--chip-h: 4.72vw;
		--chip-ft-s: 2.78vw;
		--chip-bd-r: 1.11vw;
	}
.chip-type-01-org { --chip-ft-c: var(--mc); }
.chip-type-01-org-02 { --chip-bg-c: var(--mc); --chip-ft-c: white; }
/* Divider */
.divider { height: 3.33vw; }
/* Form */
[class*="form-txt"] input { appearance: none; border: 0; }
.form-txt-01 {
		--form-bd-c: black;
		padding-right: 0;
	}
/* Icon */
.ic-back:before { --bp-pos-x: var(--bp-650); width: 3.06vw; height: 5.28vw; }
.ic-eye:before { --bp-pos-x: var(--bp-450); width: 4.44vw; height: 2.92vw; }
.ic-fire:before { --bp-pos-x: var(--bp-500); width: 3.06vw; height: 3.61vw; }
.ic-fire.is-active::before {
		--bp-pos-x: -20.87vw; --bp-pos-y: -13.90vw; width: 3.06vw; height: 3.61vw; 
	  }
.ic-hamburger:before { width: 5.56vw; height: 4.86vw; }
.ic-home:before { --bp-pos-x: var(--bp-150); width: 6.25vw; height: 6.67vw; }
.ic-kakao:before { --bp-pos-x: var(--bp-600); width: 5vw; height: 5vw; }
.ic-main-quick-menu-01:before { --bp-pos-y: var(--bp-900); width: 7.33vw; height: 7.49vw; }
.ic-main-quick-menu-02:before { --bp-pos-x: var(--bp-400); --bp-pos-y: var(--bp-900); width: 8.64vw; height: 9vw; }
.ic-main-quick-menu-03:before { --bp-pos-x: var(--bp-200); --bp-pos-y: var(--bp-900); width: 8.67vw; height: 9.1vw; }
.ic-main-quick-menu-04:before { --bp-pos-x: var(--bp-300); --bp-pos-y: var(--bp-900); width: 8.64vw; height: 8.5vw; }
.ic-people:before { --bp-pos-x: var(--bp-200); width: 5.28vw; height: 5.97vw; }
.ic-share:before { --bp-pos-x: var(--bp-550); width: 3.33vw; height: 3.61vw; }
.ic-zoom:before { --bp-pos-x: var(--bp-100); width: 4.72vw; height: 4.72vw; }
/* 대메뉴 */
.ic-top-menu-1:before { --bp-pos-x: var(--bp-200); --bp-pos-y: var(--bp-100); width: 6.9vw; height: 5.7vw; margin-right: 2vw; }
.ic-top-menu-2:before { --bp-pos-x: var(--bp-250); --bp-pos-y: var(--bp-100); width: 6.9vw; height: 6.5vw; margin-right: 2vw; }
.ic-top-menu-6:before { --bp-pos-x: var(--bp-300); --bp-pos-y: var(--bp-100); width: 6.9vw; height: 6.2vw; margin-right: 2vw; }
.ic-top-menu-5:before { --bp-pos-x: var(--bp-350); --bp-pos-y: var(--bp-100); width: 6.9vw; height: 6.7vw; margin-right: 2vw; }
.ic-top-menu-3:before { --bp-pos-x: var(--bp-400); --bp-pos-y: var(--bp-100); width: 6.9vw; height: 7.4vw; margin-right: 2vw; }
.ic-top-menu-4:before { --bp-pos-x: var(--bp-450); --bp-pos-y: var(--bp-100); width: 6.9vw; height: 7.6vw; margin-right: 2vw; }
/* 중메뉴 */
.ic-menu-08:before { --bp-pos-y: var(--bp-50); width: 3.33vw; height: 3.06vw; }
.ic-menu-09:before { --bp-pos-x: var(--bp-50); --bp-pos-y: var(--bp-50); width: 3.75vw; height: 3.75vw; }
.ic-menu-11:before { --bp-pos-x: var(--bp-100); --bp-pos-y: var(--bp-50); width: 2.78vw; height: 3.61vw; }
.ic-menu-99:before { --bp-pos-x: var(--bp-150); --bp-pos-y: var(--bp-50); width: 3.89vw; height: 3.89vw; }
.ic-menu-22:before { --bp-pos-x: var(--bp-200); --bp-pos-y: var(--bp-50); width: 3.75vw; height: 3.89vw; }
.ic-menu-23:before { --bp-pos-x: var(--bp-250); --bp-pos-y: var(--bp-50); width: 3.89vw; height: 3.61vw; }
.ic-menu-24:before { --bp-pos-x: var(--bp-300); --bp-pos-y: var(--bp-50); width: 3.61vw; height: 3.19vw; }
.ic-menu-32:before { --bp-pos-x: var(--bp-350); --bp-pos-y: var(--bp-50); width: 3.06vw; height: 4.03vw; }
.ic-menu-33:before { --bp-pos-x: var(--bp-400); --bp-pos-y: var(--bp-50); width: 3.47vw; height: 3.61vw; }
.ic-menu-34:before { --bp-pos-x: var(--bp-450); --bp-pos-y: var(--bp-50); width: 3.89vw; height: 3.75vw; }
.ic-menu-90:before { --bp-pos-x: var(--bp-500); --bp-pos-y: var(--bp-50); width: 3.61vw; height: 3.61vw; }
.ic-menu-91:before { --bp-pos-x: var(--bp-550); --bp-pos-y: var(--bp-50); width: 4.17vw; height: 3.89vw; }
.ic-menu-92:before { --bp-pos-x: var(--bp-600); --bp-pos-y: var(--bp-50); width: 3.06vw; height: 3.61vw; }
.ic-menu-93:before { --bp-pos-x: var(--bp-650); --bp-pos-y: var(--bp-50); width: 3.89vw; height: 3.33vw; }
.ic-menu-15:before { --bp-pos-x: var(--bp-700); --bp-pos-y: var(--bp-50); width: 3.61vw; height: 3.89vw; }
.ic-menu-16:before { --bp-pos-x: var(--bp-750); --bp-pos-y: var(--bp-50); width: 3.61vw; height: 3.47vw; }
.ic-menu-20:before { --bp-pos-x: var(--bp-800); --bp-pos-y: var(--bp-50); width: 3.89vw; height: 3.33vw; }
.ic-menu-17:before { --bp-pos-x: var(--bp-850); --bp-pos-y: var(--bp-50); width: 3.06vw; height: 2.92vw; }
.ic-menu-18:before { --bp-pos-x: var(--bp-900); --bp-pos-y: var(--bp-50); width: 3.61vw; height: 3.61vw; }
.ic-menu-01:before { --bp-pos-x: var(--bp-950); --bp-pos-y: var(--bp-40); width: 3.61vw; height: 2.78vw; }
.ic-menu-03:before { --bp-pos-x: var(--bp-100); --bp-pos-y: var(--bp-100); width: 3.61vw; height: 3.33vw; }
.ic-menu-04:before { --bp-pos-y: var(--bp-100); width: 4.58vw; height: 3.89vw; }
.ic-menu-07:before { --bp-pos-x: var(--bp-50); --bp-pos-y: var(--bp-100); width: 3.61vw; height: 3.33vw; }
.ic-r-arr-01:before { --bp-pos-x: var(--bp-50); width: 1.67vw; height: 2.78vw;}
.ic-youtube:before {  --bp-pos-x: var(--bp-500); --bp-pos-y: var(--bp-100); width: 6.9vw; height: 3.6vw;}
.ic-hanwha:before  {  --bp-pos-x: var(--bp-550); --bp-pos-y: var(--bp-100); width: 7.7vw; height: 6vw; }
/* Link */
.lnk-more { font-size: 3.89vw; color: black; }
/* List */
.lst-type-01 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.78vw; font-size: 4.17vw; color: black; }
.lst-type-02 { font-size: 4.17vw; }
.lst-type-02 > * { border-bottom: 1px solid #e2e2e2; padding: 3.75vw 0; }
.lst-type-02 a { color: black; }
.lst-type-03 { display: grid; gap: 3.33vw; }
.lst-type-03 .lst-tit { font-size: 3.89vw; color: black; }
.lst-type-03 .lst-cont { font-size: 3.5vw; color: black; }
[class*="lst-tag"] { display: flex; flex-wrap: wrap; }
.lst-tag-01 { gap: 2.22vw; }
.lst-tag-01 a { display: flex; place-items: center; place-content: center; border: 1px solid #ccc; border-radius: 8.89vw; height: 8.89vw; padding: 0 3.89vw; font-size: 3.33vw; color: black; }
/* Marker */
.mark-v-bar-01 {
		--mark-ft-s: 3.61vw;
		--mark-bg-c: #c7c7c7;
		--mark-ft-c: #999;
	}
.mark-v-bar-01 > * { place-content: center; }
.mark-v-bar-01 .part-content { text-align: center; color: #999; }
/* Swiper */
[class*="swiper-pagination-style"] { display: flex; place-content: center; gap: 2.22vw; }
.swiper-pagination-style-01 .swiper-pagination-bullet {
		--swiper-pagination-bullet-size: 1.67vw;
		--swiper-pagination-bullet-inactive-color: black;
		--swiper-pagination-color: black;
	}
/* Tab */
.tab-menu-01 {
		--tab-btn-bg-c: white;
		--tab-btn-bd-r: 9.72vw;
		--tab-btn-ft-c: #999;
		--tab-btn-ft-s: 3.89vw;
		--tab-btn-pd-x: 5.83vw;
		--tab-btn-h: 9.72vw;

		--tab-btn-over-bg-c: black;
		--tab-btn-over-ft-c: white;

		--tab-menu-gap-x: 1.39vw;
	}
.tab-menu-02 {
		--tab-btn-h: 11.11vw;
		--tab-btn-pd-x: 2.78vw;
		--tab-btn-ft-s: 4.17vw;
		--tab-btn-ft-c: #fbcfbd;

		background-color: var(--mc);
		padding: 0 var(--tab-btn-pd-x);
	}
.tab-menu-03 {
		--tab-btn-h: 11.11vw;
		--tab-btn-ft-s: 3.89vw;

		--tab-btn-over-bg-c: white;
		--tab-btn-over-ft-c: black;
	}
.tab-menu-03 > * {
		flex: 0 0 25vw;
	}
.tab-menu-03 > *:before {flex: 0 0 1px;}
.tab-menu-03 > * > * {
		place-content: center;
	}
.tab-menu-04 {
		--tab-btn-bg-c: white;
		--tab-btn-ft-c: #999;
		--tab-btn-ft-s: 3.89vw;
		--tab-btn-pd-x: 4vw;
		--tab-btn-h: 12vw;

		--tab-btn-over-bg-c: white;
		--tab-btn-over-ft-c: black;

		border-bottom: 1px solid #999;
	}
.tab-menu-04 > * { position: relative; }
.tab-menu-04 > *.active:before { content:""; position: absolute; left:50%; bottom: 0; width: 90%; height: 0.42vw; background: black; translate: -50% 0; }
/* Thumb */
.thumb-type-01 {
		--thumb-pd-a: 1.67vw;
		--thumb-bd-r: 1.11vw;
	}
.thumb-type-02 {
		--thumb-pd-a: 4.44vw;
	}
.thumb-type-03 {
		--thumb-ratio: 1/1;
		--thumb-w: 23.33vw;
		--thumb-bd-r: 50%;		
	}
/* Title */
.title-01 { font-size: 5vw; font-weight: 700; }
.title-02 { font-size: 6.5vw; font-weight: 700; }
.title-03 { font-size: 5.56vw; font-weight: 500; }
.title-04 { font-size: 4.44vw; font-weight: 700; }
/* Page */
.main-top-swiper .swiper-slide { position: relative; overflow: hidden; border-radius: 1.11vw; height: 63.06vw; }
.main-top-swiper .swiper-pagination { width: 13.89vw; left: auto; right: 10.56vw; bottom: 14.72vw; background: rgba(0, 0, 0, 0.4); border-radius: 5.56vw; font-size: 3.33vw; text-align: center; }
.main-top-swiper .main-top-swiper-title { display: flex; place-items: center; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 12.64vw; padding: 0 4.44vw; font-size: 4.17vw; color: white;}
.main-quick-menu { display: grid; grid-template-columns: repeat(4, 1fr); place-content: space-between; margin-top: 8.33vw; font-size: 3.89vw; text-align: center; }
.main-quick-menu a { display: flex; flex-direction: column; place-items: center; gap: 2.22vw; color: black; }
.main-quick-menu [class*="ic-main-quick-menu"] { background: #f5f5f5; border-radius: 1.11vw; width: 14.72vw; height: 14.72vw; }
.main-week-swiper .main-week-slide { overflow: hidden; border-radius: 1.11vw; height:}
.main-week-swiper .main-week-cont { background: white; height: 21vw; padding: 4.17vw; font-size: 4.17vw; color: black; }
/* Menu */
.menu-title { font-size: 6.5vw; font-weight: 800; }
.menu-lst { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6.07vw; margin-top: 6.67vw; font-size: 4.17vw; }
.menu-lst a { display: flex; gap: 2.78vw; color: black; }
.menu-lst [class*="ic-"]:before { width: 6vw; height: 6vw; }
/* Login */
.wrap--login { display: flex; place-items: center; }
.loginBox--center { position: static !important; }
.reply-util { width: 100%; margin-top: 1.5vw; place-content: flex-end;}
.contentArea__slide {margin-top: 5vw;}
@media all and (min-width: 721px) {
	/*#app { width: 1140px; margin: 0 auto !important; }*/
	/* #container {padding: 0 36px;} */

/* Header */
	.h-wrap { overflow: hidden; flex: 0 0 var(--init-header-height); }
	.h-logo { width: 92px; }
	.h-sub { flex: 0 0 var(--init-header-height); }
	.h-sub .h-title { font-size: 30px; }

/* Footer */
	.f-wrap { overflow: hidden;  flex: 0 0 var(--init-footer-height); padding: 33px 0; font-size: 20px; }
	.f-wrap a { gap: 12px; }
	.f-wrap > *.active:before { width: 101px; height: 101px; }

/* Board View */
	.brd-info-wrap { gap: 30px; font-size: 26px; }
	.brd-info-item { gap: 10px; }
	.brd-view { padding-top: 36px; }
	.brd-view-cont { margin-top: 28px; padding-block: 60px;}
	.brd-reply { gap: 14.4px; }
	.brd-reply > * + * { margin-top: 30px; padding-top: 30px; }
	.brd-reply .brd-reply {padding-left: 50px;}
	.brd-reply .brd-reply > * { padding-top: 30px; }
	.brd-view-cont table {
		width: auto !important;
		max-width: none;
		margin: initial !important;
		border-collapse: separate;
	}
	.brd-view-cont table th *,
	.brd-view-cont table td * {
		white-space: inherit !important;
		word-break: normal !important;
	}
	.brd-view-cont table td { padding: revert; }
	.brd-view-cont iframe {
		max-width: none !important;
		height: auto;
		display: inline-block;
	}
	.brd-view-cont span { position: static !important; }

/* Box */
	.box-type-01 {
		--box-bd-r: 8px;
		--box-pd-y: 30px;
	}

/* Button */
	[class*="btn-type"] {
		--btn-pd-x: 40px;
	}

	.btn-sz-01 {
		--btn-bd-r: 8px;
		--btn-ft-s: 26px;
		--btn-h: 62px;
	}

/* Chip */
	[class*="chip-type-01"] {
		--chip-h: 34px;
		--chip-ft-s: 20px;
		--chip-bd-r: 8px;
	}

/* Divider */
	.divider { height: 24px; }

/* Icon */
	.ic-back:before { width: 22px; height: 38px; }
	.ic-eye:before { width: 32px; height: 21px; }
	.ic-fire:before { width: 22px; height: 26px; }
	.ic-fire.is-active::before {
		--bp-pos-x: -150.26px; --bp-pos-y: -100.08px; width: 22px; height: 26px;
	}
	.ic-hamburger:before { width: 40px; height: 35px; }
	.ic-home:before { width: 45px; height: 48px; }
	.ic-kakao:before { width: 36px; height: 36px; }

	.ic-main-quick-menu-01:before { width: 52.78px; height: 53.93px; }
	.ic-main-quick-menu-02:before { width: 62.42px; height: 64.8px; }
	.ic-main-quick-menu-03:before { width: 62.42px; height: 65.52px; }
	.ic-main-quick-menu-04:before { width: 62.21px; height: 61.2px; }
	.ic-people:before { width: 38px; height: 43px; }
	.ic-share:before { width: 24px; height: 26px; }
	.ic-zoom:before { width: 34px; height: 34px; }

/* 대메뉴 */
	.ic-top-menu-1:before { --bp-pos-x: var(--bp-200); --bp-pos-y: var(--bp-100); width: 49.68px; height: 41.04px; margin-right: 14.4px; }
	.ic-top-menu-2:before { --bp-pos-x: var(--bp-250); --bp-pos-y: var(--bp-100); width: 49.68px; height: 46.8px; margin-right: 14.4px; }
	.ic-top-menu-6:before { --bp-pos-x: var(--bp-300); --bp-pos-y: var(--bp-100); width: 49.68px; height: 44.64px; margin-right: 14.4px; }
	.ic-top-menu-5:before { --bp-pos-x: var(--bp-350); --bp-pos-y: var(--bp-100); width: 49.68px; height: 48.24px; margin-right: 14.4px; }
	.ic-top-menu-3:before { --bp-pos-x: var(--bp-400); --bp-pos-y: var(--bp-100); width: 49.68px; height: 53.28px; margin-right: 14.4px; }
	.ic-top-menu-4:before { --bp-pos-x: var(--bp-450); --bp-pos-y: var(--bp-100); width: 49.68px; height: 54.72px; margin-right: 14.4px; }

/* 중메뉴 */
	.ic-menu-08:before { width: 24px; height: 22px; }
	.ic-menu-09:before { width: 27px; height: 27px; }
	.ic-menu-11:before { width: 20px; height: 26px; }
	.ic-menu-99:before { width: 28px; height: 28px; }

	.ic-menu-22:before { width: 27px; height: 28px; }
	.ic-menu-23:before { width: 28px; height: 26px; }
	.ic-menu-24:before { width: 26px; height: 23px; }

	.ic-menu-32:before { width: 22px; height: 29px; }
	.ic-menu-33:before { width: 25px; height: 26px; }
	.ic-menu-34:before { width: 28px; height: 27px; }

	.ic-menu-90:before { width: 26px; height: 26px; }
	.ic-menu-91:before { width: 30px; height: 28px; }
	.ic-menu-92:before { width: 22px; height: 26px; }
	.ic-menu-93:before { width: 28px; height: 24px; }

	.ic-menu-15:before { width: 26px; height: 28px; }
	.ic-menu-16:before { width: 26px; height: 25px; }
	.ic-menu-20:before { width: 28px; height: 24px; }
	.ic-menu-17:before { width: 22px; height: 21px; }
	.ic-menu-18:before { width: 26px; height: 26px; }

	.ic-menu-01:before { width: 26px; height: 20px; }
	.ic-menu-03:before { width: 26px; height: 24px; }
	.ic-menu-04:before { width: 33px; height: 28px; }
	.ic-menu-07:before { width: 26px; height: 24px; }

	.ic-r-arr-01:before { width: 12px; height: 20px;}

	.ic-youtube:before { width: 49.68px; height: 25.92px;}
	.ic-hanwha:before  { width: 55.44px; height: 43.2px; }

/* Link */
	.lnk-more { font-size: 28px; }

/* List */
	.lst-type-01 { gap: 20px; font-size: 30px; }
	.lst-type-02 { font-size: 30px; }
	.lst-type-02 > * { padding: 27px 0; }
	.lst-type-03 { gap: 24px; }
	.lst-type-03 .lst-tit { font-size: 28px; }
	.lst-type-03 .lst-cont { font-size: 25px; }

	.lst-tag-01 { gap: 16px; }
	.lst-tag-01 a { border-radius: 64px; height: 64px; padding: 0 28px; font-size: 24px; }

/* Marker */
	.mark-v-bar-01 {
		--mark-ft-s: 26px;
	}

/* Swiper */
	[class*="swiper-pagination-style"] { gap: 16px; }

	.swiper-pagination-style-01 .swiper-pagination-bullet {
		--swiper-pagination-bullet-size: 12px;
	}

/* Tab */
	[class*="tab-wrap"].tab-scroll-menu [class*="tab-menu"] {
		flex-wrap: wrap;
	}

	.tab-menu-01 {
		--tab-btn-bd-r: 70px;
		--tab-btn-ft-s: 28px;
		--tab-btn-pd-x: 42px;
		--tab-btn-h: 70px;

		--tab-menu-gap-x: 10px;
	}

	.tab-menu-02 {
		--tab-btn-h: 80px;
		--tab-btn-pd-x: 20px;
		--tab-btn-ft-s: 30px;

		padding: 0 var(--tab-btn-pd-x);
	}

	.tab-menu-03 {
		--tab-btn-h: 80px;
		--tab-btn-ft-s: 28px;
	}

	.tab-menu-03 > * {
		flex: 0 0 180px;
	}

	.tab-menu-04 {
		--tab-btn-ft-s: 28px;
		--tab-btn-pd-x: 29px;
		--tab-btn-h: 86px;
	}

	.tab-menu-04 > *.active:before { width: 90%; height: 3px; }
	.tab-menu-04 > * > * { display: inline-block; }

/* Thumb */
	.thumb-type-01 {
		--thumb-pd-a: 12px;
		--thumb-bd-r: 8px;
	}

	.thumb-type-02 {
		--thumb-pd-a: 32px;
	}

	.thumb-type-03 {
		--thumb-w: 168px;	
	}

/* Title */
	.title-01 { font-size: 36px; }
	.title-02 { font-size: 46.8px;}
	.title-03 { font-size: 40px; }
	.title-04 { font-size: 32px; }

/* Page */
	.main-top-swiper .swiper-slide { border-radius: 8px; height: auto; }
	.main-top-swiper .swiper-pagination { width: 100px; right: 150px; bottom: 106px; border-radius: 40px; font-size: 24px; }
	.main-top-swiper .main-top-swiper-title { height: 91px; padding: 0 32px; font-size: 30px;}
	.main-quick-menu { margin-top: 60px; font-size: 28px; }
	.main-quick-menu a { gap: 16px; }
	.main-quick-menu [class*="ic-main-quick-menu"] { border-radius: 8px; width: 106px; height: 106px; }

	.main-week-swiper .main-week-slide { border-radius: 8px; }
	.main-week-swiper .main-week-cont { height: 151px; padding: 30px; font-size: 30px; }

/* Menu */
	.menu-title { font-size: 46.8px; }
	.menu-lst { gap: 43.7px; margin-top: 48px; font-size: 30px; }
	.menu-lst a { gap: 20px; }
	.menu-lst [class*="ic-"]:before { width: 43.2px; height: 43.2px; }

	.contentArea__slide {margin-top: 36px;}

/* Login */
	.loginBox--center { position: absolute !important; }

}
/* @import "mobile.css";
@import "print.css";
@import "dev.css";
@import "./work/workspace.css"; */
:root {
  --danger: rgb(230, 41, 100);
  --dark: rgb(40, 50, 82);
  --info: rgb(3, 152, 226);
  --link: rgb(72, 95, 199);
  --primary: rgb(255, 102, 51);
  --success: rgb(6, 214, 158);
  --warning: rgb(250, 173, 66);
  --white: rgb(255, 255, 255);
}
:root {
  --danger--color-invert: rgb(255, 255, 255);
  --danger--dark-color: rgb(210, 25, 83);
  --danger--light-color: rgb(253, 237, 242);
  --dark--800--lighten: rgb(53, 67, 109);
  --dark--color-invert: rgb(255, 255, 255);
  --info--color-invert: rgb(255, 255, 255);
  --info--dark-color: rgb(3, 135, 201);
  --info--light-color: rgb(235, 248, 255);
  --link--color-invert: rgb(255, 255, 255);
  --link--dark-color: rgb(56, 79, 184);
  --link--light-color: rgb(239, 241, 250);
  --primary--color-invert: rgb(255, 255, 255);
  --primary--dark-color: rgb(199, 50, 0);
  --primary--light-color: rgb(255, 240, 235);
  --success--color-invert: rgb(255, 255, 255);
  --success--dark-color: rgb(4, 144, 106);
  --success--light-color: rgb(235, 254, 249);
  --warning--color-invert: rgba(0, 0, 0, 0.7);
  --warning--dark-color: rgb(144, 85, 4);
  --warning--light-color: rgb(255, 246, 235);
  --white--800--lighten: rgb(255, 255, 255);
}
/**
 * This mixin create CSS variables with distinct HSL layers.
 */
:root {
  --body-color: #f9f9f9;
  --title-grey: #a9abac;
  --background-grey: #f0f0f0;
  --medium-grey: #ddd;
  --light-grey: #eee;
  --white: #fff;
  --border: hsl(0deg 0% 86%);
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --placeload-dark-nuance-from: rgb(255 255 255 / 15%);
  --placeload-dark-nuance-to: rgb(255 255 255 / 24%);
  --sidebar-h: 217;
  --sidebar-s: 26%;
  --sidebar-l: 27%;
  --sidebar: hsl(var(--sidebar-h) var(--sidebar-s) var(--sidebar-l));
  --primary-h: 15;
  --primary-s: 100%;
  --primary-l: 60%;
  --primary: hsl(var(--primary-h) var(--primary-s) var(--primary-l));
  --primary-grey-h: 0;
  --primary-grey-s: 0%;
  --primary-grey-l: 80%;
  --primary-grey: hsl(var(--primary-grey-h) var(--primary-grey-s) var(--primary-grey-l));
  --secondary-h: 222;
  --secondary-s: 82%;
  --secondary-l: 56%;
  --secondary: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l));
  --purple-h: 261;
  --purple-s: 32%;
  --purple-l: 55%;
  --purple: hsl(var(--purple-h) var(--purple-s) var(--purple-l));
  --blue-h: 198;
  --blue-s: 100%;
  --blue-l: 61%;
  --blue: hsl(var(--blue-h) var(--blue-s) var(--blue-l));
  --red-h: 345;
  --red-s: 94%;
  --red-l: 57%;
  --red: hsl(var(--red-h) var(--red-s) var(--red-l));
  --orange-h: 19;
  --orange-s: 100%;
  --orange-l: 75%;
  --orange: hsl(var(--orange-h) var(--orange-s) var(--orange-l));
  --yellow-h: 43;
  --yellow-s: 100%;
  --yellow-l: 72%;
  --yellow: hsl(var(--yellow-h) var(--yellow-s) var(--yellow-l));
  --green-h: 113;
  --green-s: 59%;
  --green-l: 71%;
  --green: hsl(var(--green-h) var(--green-s) var(--green-l));
  --pink-h: 344;
  --pink-s: 100%;
  --pink-l: 81%;
  --pink: hsl(var(--pink-h) var(--pink-s) var(--pink-l));
  --light-blue-h: 196;
  --light-blue-s: 84%;
  --light-blue-l: 71%;
  --light-blue: hsl(var(--light-blue-h) var(--light-blue-s) var(--light-blue-l));
  --lime-h: 168;
  --lime-s: 56%;
  --lime-l: 72%;
  --lime: hsl(var(--lime-h) var(--lime-s) var(--lime-l));
  --dark-h: 226;
  --dark-s: 34%;
  --dark-l: 24%;
  --dark: hsl(var(--dark-h) var(--dark-s) var(--dark-l));
  --link-h: 229;
  --link-s: 53%;
  --link-l: 53%;
  --link: hsl(var(--link-h) var(--link-s) var(--link-l));
  --info-h: 200;
  --info-s: 97%;
  --info-l: 45%;
  --info: hsl(var(--info-h) var(--info-s) var(--info-l));
  --success-h: 164;
  --success-s: 95%;
  --success-l: 43%;
  --success: hsl(var(--success-h) var(--success-s) var(--success-l));
  --warning-h: 35;
  --warning-s: 95%;
  --warning-l: 62%;
  --warning: hsl(var(--warning-h) var(--warning-s) var(--warning-l));
  --danger-h: 341;
  --danger-s: 79%;
  --danger-l: 53%;
  --danger: hsl(var(--danger-h) var(--danger-s) var(--danger-l));
  --smoke-white-h: 0;
  --smoke-white-s: 0%;
  --smoke-white-l: 99%;
  --smoke-white: hsl(var(--smoke-white-h) var(--smoke-white-s) var(--smoke-white-l));
  --placeholder-h: 0;
  --placeholder-s: 0%;
  --placeholder-l: 81%;
  --placeholder: hsl(var(--placeholder-h) var(--placeholder-s) var(--placeholder-l));
  --muted-grey-h: 0;
  --muted-grey-s: 0%;
  --muted-grey-l: 60%;
  --muted-grey: hsl(var(--muted-grey-h) var(--muted-grey-s) var(--muted-grey-l));
  --fade-grey-h: 0;
  --fade-grey-s: 0%;
  --fade-grey-l: 93%;
  --fade-grey: hsl(var(--fade-grey-h) var(--fade-grey-s) var(--fade-grey-l));
  --widget-grey-h: 228;
  --widget-grey-s: 33%;
  --widget-grey-l: 97%;
  --widget-grey: hsl(var(--widget-grey-h) var(--widget-grey-s) var(--widget-grey-l));
  --dark-dark-text-h: 240;
  --dark-dark-text-s: 6%;
  --dark-dark-text-l: 68%;
  --dark-dark-text: hsl(var(--dark-dark-text-h) var(--dark-dark-text-s) var(--dark-dark-text-l));
  --dark-text-h: 228;
  --dark-text-s: 29%;
  --dark-text-l: 17%;
  --dark-text: hsl(var(--dark-text-h) var(--dark-text-s) var(--dark-text-l));
  --light-text-h: 232;
  --light-text-s: 14%;
  --light-text-l: 68%;
  --light-text: hsl(var(--light-text-h) var(--light-text-s) var(--light-text-l));
  --dark-sidebar-h: 240;
  --dark-sidebar-s: 4%;
  --dark-sidebar-l: 14%;
  --dark-sidebar: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) var(--dark-sidebar-l));
  --landing-xxx-h: 225;
  --landing-xxx-s: 25%;
  --landing-xxx-l: 6%;
  --landing-xxx: hsl(var(--landing-xxx-h) var(--landing-xxx-s) var(--landing-xxx-l));
  --landing-yyy-h: 230;
  --landing-yyy-s: 26%;
  --landing-yyy-l: 13%;
  --landing-yyy: hsl(var(--landing-yyy-h) var(--landing-yyy-s) var(--landing-yyy-l));
}
.is-dark {
  --background-grey: var(--dark-sidebar-light-5);
  --border: var(--dark-sidebar-light-12);
  --dark-text-h: 232;
  --dark-text-s: 14%;
  --dark-text-l: 68%;
  --dark-text: hsl(var(--dark-text-h) var(--dark-text-s) var(--dark-text-l));
  --red-h: 324;
  --red-s: 100%;
  --red-l: 63%;
  --red: hsl(var(--red-h) var(--red-s) var(--red-l));
}
:root {
  /**
   * primary
   */
  --primary-dark-1: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 1%)
  );
  --primary-dark-2: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 2%)
  );
  --primary-dark-3: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 3%)
  );
  --primary-dark-4: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 4%)
  );
  --primary-dark-5: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 5%)
  );
  --primary-dark-6: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 6%)
  );
  --primary-dark-7: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 7%)
  );
  --primary-dark-8: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 8%)
  );
  --primary-dark-9: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 9%)
  );
  --primary-dark-10: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 10%)
  );
  --primary-dark-11: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 11%)
  );
  --primary-dark-12: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 12%)
  );
  --primary-dark-13: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 13%)
  );
  --primary-dark-14: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 14%)
  );
  --primary-dark-15: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 15%)
  );
  --primary-dark-16: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 16%)
  );
  --primary-dark-18: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 18%)
  );
  --primary-dark-20: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 20%)
  );
  --primary-dark-22: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 22%)
  );
  --primary-dark-24: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 24%)
  );
  --primary-dark-26: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 26%)
  );
  --primary-dark-28: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 28%)
  );
  --primary-dark-30: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 30%)
  );
  --primary-dark-35: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 35%)
  );
  --primary-dark-40: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 40%)
  );
  --primary-dark-42: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 42%)
  );
  --primary-dark-45: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 45%)
  );
  --primary-dark-48: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 48%)
  );
  --primary-dark-50: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 50%)
  );
  --primary-dark-60: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 60%)
  );
  --primary-dark-70: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 70%)
  );
  --primary-dark-80: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 80%)
  );
  --primary-dark-90: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 90%)
  );
  --primary-light-1: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 1%)
  );
  --primary-light-2: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 2%)
  );
  --primary-light-3: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 3%)
  );
  --primary-light-4: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 4%)
  );
  --primary-light-5: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 5%)
  );
  --primary-light-6: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 6%)
  );
  --primary-light-7: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 7%)
  );
  --primary-light-8: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 8%)
  );
  --primary-light-9: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 9%)
  );
  --primary-light-10: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 10%)
  );
  --primary-light-11: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 11%)
  );
  --primary-light-12: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 12%)
  );
  --primary-light-13: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 13%)
  );
  --primary-light-14: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 14%)
  );
  --primary-light-15: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 15%)
  );
  --primary-light-16: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 16%)
  );
  --primary-light-18: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 18%)
  );
  --primary-light-20: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 20%)
  );
  --primary-light-22: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 22%)
  );
  --primary-light-24: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 24%)
  );
  --primary-light-26: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 26%)
  );
  --primary-light-28: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 28%)
  );
  --primary-light-30: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 30%)
  );
  --primary-light-35: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 35%)
  );
  --primary-light-40: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 40%)
  );
  --primary-light-42: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 42%)
  );
  --primary-light-45: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 45%)
  );
  --primary-light-48: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 48%)
  );
  --primary-light-50: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 50%)
  );
  --primary-light-60: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 60%)
  );
  --primary-light-70: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 70%)
  );
  --primary-light-80: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 80%)
  );
  --primary-light-90: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 90%)
  );
  /**
   * secondary colors
   */
  --secondary-light-1: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 1%)
  );
  --secondary-light-2: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 2%)
  );
  --secondary-light-3: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 3%)
  );
  --secondary-light-4: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 4%)
  );
  --secondary-light-5: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 5%)
  );
  --secondary-light-6: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 6%)
  );
  --secondary-light-7: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 7%)
  );
  --secondary-light-8: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 8%)
  );
  --secondary-light-9: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 9%)
  );
  --secondary-light-10: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 10%)
  );
  --secondary-light-11: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 11%)
  );
  --secondary-light-12: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 12%)
  );
  --secondary-light-13: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 13%)
  );
  --secondary-light-14: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 14%)
  );
  --secondary-light-15: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 15%)
  );
  --secondary-light-16: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 16%)
  );
  --secondary-light-18: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 18%)
  );
  --secondary-light-20: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 20%)
  );
  --secondary-light-22: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 22%)
  );
  --secondary-light-24: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 24%)
  );
  --secondary-light-26: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 26%)
  );
  --secondary-light-28: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 28%)
  );
  --secondary-light-30: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 30%)
  );
  --secondary-light-35: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 35%)
  );
  --secondary-light-40: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 40%)
  );
  --secondary-light-42: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 42%)
  );
  --secondary-light-45: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 45%)
  );
  --secondary-light-48: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 48%)
  );
  --secondary-light-50: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 50%)
  );
  --secondary-light-60: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 60%)
  );
  --secondary-light-70: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 70%)
  );
  --secondary-light-80: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 80%)
  );
  --secondary-light-90: hsl(
    var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) + 90%)
  );
  /**
   * primary-grey colors
   */
  --primary-grey-dark-4: hsl(
    var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 4%)
  );
  --primary-grey-dark-5: hsl(
    var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 5%)
  );
  --primary-grey-dark-8: hsl(
    var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 8%)
  );
  --primary-grey-dark-10: hsl(
    var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 10%)
  );
  --primary-grey-dark-15: hsl(
    var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 15%)
  );
  --primary-grey-dark-20: hsl(
    var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 20%)
  );
  --primary-grey-dark-30: hsl(
    var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 30%)
  );
  --primary-grey-dark-35: hsl(
    var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 35%)
  );
  --primary-grey-dark-40: hsl(
    var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) - 40%)
  );
  --primary-grey-light-2: hsl(
    var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) + 2%)
  );
  --primary-grey-light-3: hsl(
    var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) + 3%)
  );
  --primary-grey-light-5: hsl(
    var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) + 5%)
  );
  --primary-grey-light-6: hsl(
    var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) + 6%)
  );
  --primary-grey-light-10: hsl(
    var(--primary-grey-h) var(--primary-grey-s) calc(var(--primary-grey-l) + 10%)
  );
  /**
   * danger colors
   */
  --danger-light-20: hsl(
    var(--danger-h) var(--danger-s) calc(var(--danger-l) + 20%)
  );
  --danger-light-24: hsl(
    var(--danger-h) var(--danger-s) calc(var(--danger-l) + 24%)
  );
  --danger-light-36: hsl(
    var(--danger-h) var(--danger-s) calc(var(--danger-l) + 36%)
  );
  --danger-light-40: hsl(
    var(--danger-h) var(--danger-s) calc(var(--danger-l) + 40%)
  );
  /**
   * warning colors
   */
  --warning-light-20: hsl(
    var(--warning-h) var(--warning-s) calc(var(--warning-l) + 20%)
  );
  --warning-light-24: hsl(
    var(--warning-h) var(--warning-s) calc(var(--warning-l) + 24%)
  );
  --warning-light-32: hsl(
    var(--warning-h) var(--warning-s) calc(var(--warning-l) + 32%)
  );
  /**
   * info colors
   */
  --info-shadow-from: hsl(var(--info-h) var(--info-s) var(--info-l) / 42%);
  --info-shadow-to: hsl(var(--info-h) var(--info-s) var(--info-l) / 20%);
  --info-light-20: hsl(
    var(--info-h) var(--info-s) calc(var(--info-l) + 20%)
  );
  --info-light-24: hsl(
    var(--info-h) var(--info-s) calc(var(--info-l) + 24%)
  );
  --info-light-45: hsl(
    var(--info-h) var(--info-s) calc(var(--info-l) + 45%)
  );
  /**
   * success colors
   */
  --success-light-20: hsl(
    var(--success-h) var(--success-s) calc(var(--success-l) + 20%)
  );
  --success-light-24: hsl(
    var(--success-h) var(--success-s) calc(var(--success-l) + 24%)
  );
  --success-light-40: hsl(
    var(--success-h) var(--success-s) calc(var(--success-l) + 40%)
  );
  --success-light-45: hsl(
    var(--success-h) var(--success-s) calc(var(--success-l) + 45%)
  );
  --success-light-48: hsl(
    var(--success-h) var(--success-s) calc(var(--success-l) + 48%)
  );
  /**
   * purple colors
   */
  --purple-light-36: hsl(
    var(--purple-h) var(--purple-s) calc(var(--purple-l) + 36%)
  );
  --purple-light-38: hsl(
    var(--purple-h) var(--purple-s) calc(var(--purple-l) + 38%)
  );
  /**
   * lime
   */
  --lime-dark-1: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 1%)
  );
  --lime-dark-2: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 2%)
  );
  --lime-dark-3: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 3%)
  );
  --lime-dark-4: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 4%)
  );
  --lime-dark-5: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 5%)
  );
  --lime-dark-6: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 6%)
  );
  --lime-dark-7: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 7%)
  );
  --lime-dark-8: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 8%)
  );
  --lime-dark-9: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 9%)
  );
  --lime-dark-10: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 10%)
  );
  --lime-dark-11: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 11%)
  );
  --lime-dark-12: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 12%)
  );
  --lime-dark-13: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 13%)
  );
  --lime-dark-14: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 14%)
  );
  --lime-dark-15: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 15%)
  );
  --lime-dark-16: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 16%)
  );
  --lime-dark-18: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 18%)
  );
  --lime-dark-20: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 20%)
  );
  --lime-dark-22: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 22%)
  );
  --lime-dark-24: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 24%)
  );
  --lime-dark-26: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 26%)
  );
  --lime-dark-28: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 28%)
  );
  --lime-dark-30: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 30%)
  );
  --lime-dark-35: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 35%)
  );
  --lime-dark-40: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 40%)
  );
  --lime-dark-42: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 42%)
  );
  --lime-dark-45: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 45%)
  );
  --lime-dark-48: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 48%)
  );
  --lime-dark-50: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 50%)
  );
  --lime-dark-60: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 60%)
  );
  --lime-dark-70: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 70%)
  );
  --lime-dark-80: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 80%)
  );
  --lime-dark-90: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 90%)
  );
  --lime-light-1: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 1%)
  );
  --lime-light-2: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 2%)
  );
  --lime-light-3: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 3%)
  );
  --lime-light-4: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 4%)
  );
  --lime-light-5: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 5%)
  );
  --lime-light-6: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 6%)
  );
  --lime-light-7: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 7%)
  );
  --lime-light-8: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 8%)
  );
  --lime-light-9: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 9%)
  );
  --lime-light-10: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 10%)
  );
  --lime-light-11: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 11%)
  );
  --lime-light-12: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 12%)
  );
  --lime-light-13: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 13%)
  );
  --lime-light-14: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 14%)
  );
  --lime-light-15: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 15%)
  );
  --lime-light-16: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 16%)
  );
  --lime-light-18: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 18%)
  );
  --lime-light-20: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 20%)
  );
  --lime-light-22: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 22%)
  );
  --lime-light-24: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 24%)
  );
  --lime-light-26: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 26%)
  );
  --lime-light-28: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 28%)
  );
  --lime-light-30: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 30%)
  );
  --lime-light-35: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 35%)
  );
  --lime-light-40: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 40%)
  );
  --lime-light-42: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 42%)
  );
  --lime-light-45: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 45%)
  );
  --lime-light-48: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 48%)
  );
  --lime-light-50: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 50%)
  );
  --lime-light-60: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 60%)
  );
  --lime-light-70: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 70%)
  );
  --lime-light-80: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 80%)
  );
  --lime-light-90: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 90%)
  );
  /**
   * blue colors
   */
  --blue-light-32: hsl(
    var(--blue-h) var(--blue-s) calc(var(--blue-l) + 32%)
  );
  --blue-light-34: hsl(
    var(--blue-h) var(--blue-s) calc(var(--blue-l) + 34%)
  );
  /**
   * red colors
   */
  --red-light-38: hsl(var(--red-h) var(--red-s) calc(var(--red-l) + 38%));
  /**
   * orange colors
   */
  --orange-light-18: hsl(
    var(--orange-h) var(--orange-s) calc(var(--orange-l) + 18%)
  );
  --orange-light-20: hsl(
    var(--orange-h) var(--orange-s) calc(var(--orange-l) + 20%)
  );
  /**
   * yellow colors
   */
  --yellow-dark-8: hsl(
    var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 8%)
  );
  --yellow-light-22: hsl(
    var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 22%)
  );
  /**
   * green colors
   */
  --green-light-15: hsl(
    var(--green-h) var(--green-s) calc(var(--green-l) + 15%)
  );
  --green-light-22: hsl(
    var(--green-h) var(--green-s) calc(var(--green-l) + 22%)
  );
  --green-light-23: hsl(
    var(--green-h) var(--green-s) calc(var(--green-l) + 23%)
  );
  /**
   * smoke-white colors
   */
  --smoke-white-dark-2: hsl(
    var(--smoke-white-h) var(--smoke-white-s) calc(var(--smoke-white-l) - 2%)
  );
  --smoke-white-dark-8: hsl(
    var(--smoke-white-h) var(--smoke-white-s) calc(var(--smoke-white-l) - 8%)
  );
  --smoke-white-dark-10: hsl(
    var(--smoke-white-h) var(--smoke-white-s) calc(var(--smoke-white-l) - 10%)
  );
  --smoke-white-dark-16: hsl(
    var(--smoke-white-h) var(--smoke-white-s) calc(var(--smoke-white-l) - 16%)
  );
  --smoke-white-light-2: hsl(
    var(--smoke-white-h) var(--smoke-white-s) calc(var(--smoke-white-l) + 2%)
  );
  /**
   * placeholder colors
   */
  --placeholder-dark-8: hsl(
    var(--placeholder-h) var(--placeholder-s) calc(var(--placeholder-l) - 8%)
  );
  --placeholder-light-10: hsl(
    var(--placeholder-h) var(--placeholder-s) calc(var(--placeholder-l) + 10%)
  );
  --placeholder-light-16: hsl(
    var(--placeholder-h) var(--placeholder-s) calc(var(--placeholder-l) + 16%)
  );
  /**
   * sidebar colors
   */
  --sidebar-dark-7: hsl(
    var(--sidebar-h) var(--sidebar-s) calc(var(--sidebar-l) - 7%)
  );
  --sidebar-dark-12: hsl(
    var(--sidebar-h) var(--sidebar-s) calc(var(--sidebar-l) - 12%)
  );
  --sidebar-light-5: hsl(
    var(--sidebar-h) var(--sidebar-s) calc(var(--sidebar-l) + 5%)
  );
  /**
   * muted-grey colors
   */
  --muted-grey-dark-25: hsl(
    var(--muted-grey-h) var(--muted-grey-s) calc(var(--muted-grey-l) - 25%)
  );
  --muted-grey-light-14: hsl(
    var(--muted-grey-h) var(--muted-grey-s) calc(var(--muted-grey-l) + 14%)
  );
  --muted-grey-light-15: hsl(
    var(--muted-grey-h) var(--muted-grey-s) calc(var(--muted-grey-l) + 15%)
  );
  /**
   * fade-grey colors
   */
  --fade-grey-dark-2: hsl(
    var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 2%)
  );
  --fade-grey-dark-3: hsl(
    var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 3%)
  );
  --fade-grey-dark-4: hsl(
    var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 4%)
  );
  --fade-grey-dark-5: hsl(
    var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 5%)
  );
  --fade-grey-dark-6: hsl(
    var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 6%)
  );
  --fade-grey-dark-8: hsl(
    var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) - 8%)
  );
  --fade-grey-light-2: hsl(
    var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) + 2%)
  );
  --fade-grey-light-3: hsl(
    var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) + 3%)
  );
  --fade-grey-light-4: hsl(
    var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) + 4%)
  );
  --fade-grey-light-5: hsl(
    var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) + 5%)
  );
  --fade-grey-light-6: hsl(
    var(--fade-grey-h) var(--fade-grey-s) calc(var(--fade-grey-l) + 6%)
  );
  /**
   * widget-grey colors
   */
  --widget-grey-dark-1: hsl(
    var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 1%)
  );
  --widget-grey-dark-2: hsl(
    var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 2%)
  );
  --widget-grey-dark-3: hsl(
    var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 3%)
  );
  --widget-grey-dark-4: hsl(
    var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 4%)
  );
  --widget-grey-dark-8: hsl(
    var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 8%)
  );
  --widget-grey-dark-12: hsl(
    var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) - 12%)
  );
  --widget-grey-light-1: hsl(
    var(--widget-grey-h) var(--widget-grey-s) calc(var(--widget-grey-l) + 1%)
  );
  /**
   * dark-dark-text colors
   */
  --dark-dark-text-light-14: hsl(
    var(--dark-dark-text-h)
      var(--dark-dark-text-s)
      calc(var(--dark-dark-text-l) + 14%)
  );
  /**
   * dark-text colors
   */
  --dark-text-light-18: hsl(
    var(--dark-text-h) var(--dark-text-s) calc(var(--dark-text-l) + 18%)
  );
  --dark-text-light-25: hsl(
    var(--dark-text-h) var(--dark-text-s) calc(var(--dark-text-l) + 25%)
  );
  --dark-text-light-35: hsl(
    var(--dark-text-h) var(--dark-text-s) calc(var(--dark-text-l) + 35%)
  );
  /**
   * light-text colors
   */
  --light-text-dark-2: hsl(
    var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 2%)
  );
  --light-text-dark-4: hsl(
    var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 4%)
  );
  --light-text-dark-5: hsl(
    var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 5%)
  );
  --light-text-dark-6: hsl(
    var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 6%)
  );
  --light-text-dark-8: hsl(
    var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 8%)
  );
  --light-text-dark-10: hsl(
    var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 10%)
  );
  --light-text-dark-12: hsl(
    var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 12%)
  );
  --light-text-dark-20: hsl(
    var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 20%)
  );
  --light-text-dark-22: hsl(
    var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) - 22%)
  );
  --light-text-light-2: hsl(
    var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 2%)
  );
  --light-text-light-5: hsl(
    var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 5%)
  );
  --light-text-light-6: hsl(
    var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 6%)
  );
  --light-text-light-12: hsl(
    var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 12%)
  );
  --light-text-light-15: hsl(
    var(--light-text-h) var(--light-text-s) calc(var(--light-text-l) + 15%)
  );
  /**
   * dark-sidebar colors
   */
  --dark-sidebar-dark-2: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) - 2%)
  );
  --dark-sidebar-dark-3: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) - 3%)
  );
  --dark-sidebar-dark-4: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) - 4%)
  );
  --dark-sidebar-dark-5: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) - 5%)
  );
  --dark-sidebar-dark-6: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) - 6%)
  );
  --dark-sidebar-dark-10: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) - 10%)
  );
  --dark-sidebar-dark-12: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) - 12%)
  );
  --dark-sidebar-light-1: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 1%)
  );
  --dark-sidebar-light-2: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 2%)
  );
  --dark-sidebar-light-3: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 3%)
  );
  --dark-sidebar-light-4: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 4%)
  );
  --dark-sidebar-light-5: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 5%)
  );
  --dark-sidebar-light-6: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 6%)
  );
  --dark-sidebar-light-7: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 7%)
  );
  --dark-sidebar-light-8: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 8%)
  );
  --dark-sidebar-light-9: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 9%)
  );
  --dark-sidebar-light-10: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 10%)
  );
  --dark-sidebar-light-12: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 12%)
  );
  --dark-sidebar-light-14: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 14%)
  );
  --dark-sidebar-light-15: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 15%)
  );
  --dark-sidebar-light-16: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 16%)
  );
  --dark-sidebar-light-18: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 18%)
  );
  --dark-sidebar-light-20: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 20%)
  );
  --dark-sidebar-light-22: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 22%)
  );
  --dark-sidebar-light-25: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 25%)
  );
  --dark-sidebar-light-55: hsl(
    var(--dark-sidebar-h) var(--dark-sidebar-s) calc(var(--dark-sidebar-l) + 55%)
  );
  /**
   * landing-xxx colors
   */
  --landing-xxx-dark-2: hsl(
    var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) - 2%)
  );
  --landing-xxx-light-2: hsl(
    var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) + 2%)
  );
  --landing-xxx-light-4: hsl(
    var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) + 4%)
  );
  --landing-xxx-light-6: hsl(
    var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) + 6%)
  );
  --landing-xxx-light-8: hsl(
    var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) + 8%)
  );
  --landing-xxx-light-12: hsl(
    var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) + 12%)
  );
  --landing-xxx-light-14: hsl(
    var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) + 14%)
  );
  --landing-xxx-light-18: hsl(
    var(--landing-xxx-h) var(--landing-xxx-s) calc(var(--landing-xxx-l) + 18%)
  );
  /**
   * landing-yyy colors
   */
  --landing-yyy-dark-6: hsl(
    var(--landing-yyy-h) var(--landing-yyy-s) calc(var(--landing-yyy-l) - 6%)
  );
  --landing-yyy-dark-12: hsl(
    var(--landing-yyy-h) var(--landing-yyy-s) calc(var(--landing-yyy-l) - 12%)
  );
  --landing-yyy-light-2: hsl(
    var(--landing-yyy-h) var(--landing-yyy-s) calc(var(--landing-yyy-l) + 2%)
  );
  --landing-yyy-light-4: hsl(
    var(--landing-yyy-h) var(--landing-yyy-s) calc(var(--landing-yyy-l) + 4%)
  );
  --landing-yyy-light-6: hsl(
    var(--landing-yyy-h) var(--landing-yyy-s) calc(var(--landing-yyy-l) + 6%)
  );
  --landing-yyy-light-8: hsl(
    var(--landing-yyy-h) var(--landing-yyy-s) calc(var(--landing-yyy-l) + 8%)
  );
  --landing-yyy-light-18: hsl(
    var(--landing-yyy-h) var(--landing-yyy-s) calc(var(--landing-yyy-l) + 18%)
  );
}
:root {
  --hanwha-h: 24;
  --hanwha-s: 100%;
  --hanwha-l: 50%;
  --hanwha: hsl(var(--hanwha-h) var(--hanwha-s) var(--hanwha-l));
  --javascript-h: 53;
  --javascript-s: 93%;
  --javascript-l: 54%;
  --javascript: hsl(var(--javascript-h) var(--javascript-s) var(--javascript-l));
  --angular-h: 2;
  --angular-s: 82%;
  --angular-l: 48%;
  --angular: hsl(var(--angular-h) var(--angular-s) var(--angular-l));
  --reactjs-h: 189;
  --reactjs-s: 100%;
  --reactjs-l: 50%;
  --reactjs: hsl(var(--reactjs-h) var(--reactjs-s) var(--reactjs-l));
  --android-h: 74;
  --android-s: 55%;
  --android-l: 50%;
  --android: hsl(var(--android-h) var(--android-s) var(--android-l));
  --swift-h: 4;
  --swift-s: 86%;
  --swift-l: 56%;
  --swift: hsl(var(--swift-h) var(--swift-s) var(--swift-l));
  --vuejs-h: 152;
  --vuejs-s: 44%;
  --vuejs-l: 52%;
  --vuejs: hsl(var(--vuejs-h) var(--vuejs-s) var(--vuejs-l));
  --wordpress-h: 199;
  --wordpress-s: 65%;
  --wordpress-l: 37%;
  --wordpress: hsl(var(--wordpress-h) var(--wordpress-s) var(--wordpress-l));
  --csharp-h: 305;
  --csharp-s: 36%;
  --csharp-l: 45%;
  --csharp: hsl(var(--csharp-h) var(--csharp-s) var(--csharp-l));
  --nodejs-h: 103;
  --nodejs-s: 50%;
  --nodejs-l: 53%;
  --nodejs: hsl(var(--nodejs-h) var(--nodejs-s) var(--nodejs-l));
  --html-h: 18;
  --html-s: 88%;
  --html-l: 55%;
  --html: hsl(var(--html-h) var(--html-s) var(--html-l));
  --facebook-h: 221;
  --facebook-s: 44%;
  --facebook-l: 41%;
  --facebook: hsl(var(--facebook-h) var(--facebook-s) var(--facebook-l));
  --twitter-h: 194;
  --twitter-s: 100%;
  --twitter-l: 56%;
  --twitter: hsl(var(--twitter-h) var(--twitter-s) var(--twitter-l));
  --linkedin-h: 199;
  --linkedin-s: 100%;
  --linkedin-l: 36%;
  --linkedin: hsl(var(--linkedin-h) var(--linkedin-s) var(--linkedin-l));
  --tumblr-h: 214;
  --tumblr-s: 27%;
  --tumblr-l: 28%;
  --tumblr: hsl(var(--tumblr-h) var(--tumblr-s) var(--tumblr-l));
  --github-h: 0;
  --github-s: 0%;
  --github-l: 27%;
  --github: hsl(var(--github-h) var(--github-s) var(--github-l));
  --dribbble-h: 337;
  --dribbble-s: 79%;
  --dribbble-l: 61%;
  --dribbble: hsl(var(--dribbble-h) var(--dribbble-s) var(--dribbble-l));
  --google-plus-h: 7;
  --google-plus-s: 64%;
  --google-plus-l: 52%;
  --google-plus: hsl(var(--google-plus-h) var(--google-plus-s) var(--google-plus-l));
  --youtube-h: 358;
  --youtube-s: 79%;
  --youtube-l: 45%;
  --youtube: hsl(var(--youtube-h) var(--youtube-s) var(--youtube-l));
  --reddit-h: 16;
  --reddit-s: 100%;
  --reddit-l: 50%;
  --reddit: hsl(var(--reddit-h) var(--reddit-s) var(--reddit-l));
  --invision-h: 345;
  --invision-s: 100%;
  --invision-l: 60%;
  --invision: hsl(var(--invision-h) var(--invision-s) var(--invision-l));
  --amazon-h: 36;
  --amazon-s: 100%;
  --amazon-l: 50%;
  --amazon: hsl(var(--amazon-h) var(--amazon-s) var(--amazon-l));
  --instagram-h: 340;
  --instagram-s: 75%;
  --instagram-l: 54%;
  --instagram: hsl(var(--instagram-h) var(--instagram-s) var(--instagram-l));
}
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(
    var(--primary-h) var(--primary-s) var(--primary-l) / 42%
  );
  --primary-shadow-to: hsl(
    var(--primary-h) var(--primary-s) var(--primary-l) / 20%
  );
  --primary-box-shadow: 0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(
    var(--secondary-h) var(--secondary-s) var(--secondary-l) / 42%
  );
  --secondary-shadow-to: hsl(
    var(--secondary-h) var(--secondary-s) var(--secondary-l) / 20%
  );
  --secondary-box-shadow: 0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(
    var(--danger-h) var(--danger-s) var(--danger-l) / 42%
  );
  --danger-shadow-to: hsl(
    var(--danger-h) var(--danger-s) var(--danger-l) / 20%
  );
  --danger-box-shadow: 0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(
    var(--warning-h) var(--warning-s) var(--warning-l) / 42%
  );
  --warning-shadow-to: hsl(
    var(--warning-h) var(--warning-s) var(--warning-l) / 20%
  );
  --warning-box-shadow: 0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(
    var(--info-h) var(--info-s) var(--info-l) / 42%
  );
  --info-shadow-to: hsl(
    var(--info-h) var(--info-s) var(--info-l) / 20%
  );
  --info-box-shadow: 0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(
    var(--success-h) var(--success-s) var(--success-l) / 42%
  );
  --success-shadow-to: hsl(
    var(--success-h) var(--success-s) var(--success-l) / 20%
  );
  --success-box-shadow: 0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(
    var(--purple-h) var(--purple-s) var(--purple-l) / 42%
  );
  --purple-shadow-to: hsl(
    var(--purple-h) var(--purple-s) var(--purple-l) / 20%
  );
  --purple-box-shadow: 0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(
    var(--blue-h) var(--blue-s) var(--blue-l) / 42%
  );
  --blue-shadow-to: hsl(
    var(--blue-h) var(--blue-s) var(--blue-l) / 20%
  );
  --blue-box-shadow: 0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(
    var(--red-h) var(--red-s) var(--red-l) / 42%
  );
  --red-shadow-to: hsl(
    var(--red-h) var(--red-s) var(--red-l) / 20%
  );
  --red-box-shadow: 0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(
    var(--orange-h) var(--orange-s) var(--orange-l) / 42%
  );
  --orange-shadow-to: hsl(
    var(--orange-h) var(--orange-s) var(--orange-l) / 20%
  );
  --orange-box-shadow: 0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(
    var(--yellow-h) var(--yellow-s) var(--yellow-l) / 42%
  );
  --yellow-shadow-to: hsl(
    var(--yellow-h) var(--yellow-s) var(--yellow-l) / 20%
  );
  --yellow-box-shadow: 0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(
    var(--green-h) var(--green-s) var(--green-l) / 42%
  );
  --green-shadow-to: hsl(
    var(--green-h) var(--green-s) var(--green-l) / 20%
  );
  --green-box-shadow: 0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--green-shadow-to) !important;
  --github-shadow-from: hsl(
    var(--github-h) var(--github-s) var(--github-l) / 42%
  );
  --github-shadow-to: hsl(
    var(--github-h) var(--github-s) var(--github-l) / 20%
  );
  --github-box-shadow: 0 14px 26px -12px var(--github-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--github-shadow-to) !important;
  --invision-shadow-from: hsl(
    var(--invision-h) var(--invision-s) var(--invision-l) / 42%
  );
  --invision-shadow-to: hsl(
    var(--invision-h) var(--invision-s) var(--invision-l) / 20%
  );
  --invision-box-shadow: 0 14px 26px -12px var(--invision-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--invision-shadow-to) !important;
  --facebook-shadow-from: hsl(
    var(--facebook-h) var(--facebook-s) var(--facebook-l) / 42%
  );
  --facebook-shadow-to: hsl(
    var(--facebook-h) var(--facebook-s) var(--facebook-l) / 20%
  );
  --facebook-box-shadow: 0 14px 26px -12px var(--facebook-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--facebook-shadow-to) !important;
  --amazon-shadow-from: hsl(
    var(--amazon-h) var(--amazon-s) var(--amazon-l) / 42%
  );
  --amazon-shadow-to: hsl(
    var(--amazon-h) var(--amazon-s) var(--amazon-l) / 20%
  );
  --amazon-box-shadow: 0 14px 26px -12px var(--amazon-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--amazon-shadow-to) !important;
  --twitter-shadow-from: hsl(
    var(--twitter-h) var(--twitter-s) var(--twitter-l) / 42%
  );
  --twitter-shadow-to: hsl(
    var(--twitter-h) var(--twitter-s) var(--twitter-l) / 20%
  );
  --twitter-box-shadow: 0 14px 26px -12px var(--twitter-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--twitter-shadow-to) !important;
  --angular-shadow-from: hsl(
    var(--angular-h) var(--angular-s) var(--angular-l) / 42%
  );
  --angular-shadow-to: hsl(
    var(--angular-h) var(--angular-s) var(--angular-l) / 20%
  );
  --angular-box-shadow: 0 14px 26px -12px var(--angular-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--angular-shadow-to) !important;
  --linkedin-shadow-from: hsl(
    var(--linkedin-h) var(--linkedin-s) var(--linkedin-l) / 42%
  );
  --linkedin-shadow-to: hsl(
    var(--linkedin-h) var(--linkedin-s) var(--linkedin-l) / 20%
  );
  --linkedin-box-shadow: 0 14px 26px -12px var(--linkedin-shadow-from),
    0 4px 23px 0 var(--base-shadow), 0 8px 10px -5px var(--linkedin-shadow-to) !important;
}
:root {
  --radius-small: 6px;
  --radius: 12px;
  --radius-large: 18px;
  --radius-rounded: 9999px;
}
:root {
  --font: "Noto Sans KR", sans-serif;
  --font-monospace: "Nanum Gothic Coding", monospace;
  --font-size: 14px;
}
:root {
  --accessibility-focus-outline-style: dashed;
  --accessibility-focus-outline-offset: 3px;
  --accessibility-focus-outline-width: 1px;
  --accessibility-focus-outline-color: var(--fade-grey-dark-8);
}
.is-dark {
  --accessibility-focus-outline-color: var(--dark-sidebar-light-25);
}
/*! _variables.scss | Vuero | Css ninja 2020-2021 */
/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .file-cta,
.file-name, .select select, .textarea, .input, .button {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: var(--radius);
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 1px);
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: calc(0.5em - 1px);
  position: relative;
  vertical-align: top;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus, .file-cta:focus,
.file-name:focus, .select select:focus, .textarea:focus, .input:focus, .button:focus, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis, .is-focused.file-cta,
.is-focused.file-name, .select select.is-focused, .is-focused.textarea, .is-focused.input, .is-focused.button, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active, .file-cta:active,
.file-name:active, .select select:active, .textarea:active, .input:active, .button:active, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis, .is-active.file-cta,
.is-active.file-name, .select select.is-active, .is-active.textarea, .is-active.input, .is-active.button {
  outline: none;
}
[disabled].pagination-previous,
[disabled].pagination-next,
[disabled].pagination-link,
[disabled].pagination-ellipsis, [disabled].file-cta,
[disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].button, fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta,
fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .button {
  cursor: not-allowed;
}
.is-unselectable, .tabs, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .breadcrumb, .file, .button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
  border: 3px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em;
}
.tabs:not(:last-child), .pagination:not(:last-child), .message:not(:last-child), .level:not(:last-child), .breadcrumb:not(:last-child), .block:not(:last-child), .title:not(:last-child),
.subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .box:not(:last-child) {
  margin-bottom: 1.5rem;
}
.modal-close, .delete {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10, 10, 10, 0.2);
  border: none;
  border-radius: var(--radius-rounded);
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px;
}
.modal-close::before, .delete::before, .modal-close::after, .delete::after {
  background-color: var(--white);
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.modal-close::before, .delete::before {
  height: 2px;
  width: 50%;
}
.modal-close::after, .delete::after {
  height: 50%;
  width: 2px;
}
.modal-close:hover, .delete:hover, .modal-close:focus, .delete:focus {
  background-color: rgba(10, 10, 10, 0.3);
}
.modal-close:active, .delete:active {
  background-color: rgba(10, 10, 10, 0.4);
}
.is-small.modal-close, .is-small.delete {
  height: 16px;
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
  width: 16px;
}
.is-medium.modal-close, .is-medium.delete {
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
}
.is-large.modal-close, .is-large.delete {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
  width: 32px;
}
.control.is-loading::after, .select.is-loading::after, .loader, .button.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid #dbdbdb;
  border-radius: var(--radius-rounded);
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}
.hero-video, .is-overlay, .modal-background, .modal, .image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.navbar-burger {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
/* Bulma Base */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
ul {
  list-style: none;
}
button,
input,
select,
textarea {
  margin: 0;
}
html {
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
}
img,
video {
  height: auto;
  max-width: 100%;
}
iframe {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: inherit;
}
html {
  background-color: var(--white);
  font-size: var(--font-size);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
}
article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}
body,
button,
input,
optgroup,
select,
textarea {
  font-family: "Noto Sans KR", sans-serif;
}
code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
}
body {
  color: var(--body-color);
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}
a {
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
}
a strong {
  color: currentColor;
}
a:hover {
  color: #363636;
}
code {
  background-color: whitesmoke;
  color: #da1039;
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em;
}
hr {
  background-color: whitesmoke;
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0;
}
img {
  height: auto;
  max-width: 100%;
}
input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}
small {
  font-size: 0.875em;
}
span {
  font-style: inherit;
  font-weight: inherit;
}
strong {
  color: #363636;
  font-weight: 700;
}
fieldset {
  border: none;
}
pre {
  -webkit-overflow-scrolling: touch;
  background-color: whitesmoke;
  color: #4a4a4a;
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal;
}
pre code {
  background-color: transparent;
  color: currentColor;
  font-size: 1em;
  padding: 0;
}
table td,
table th {
  vertical-align: top;
}
table td:not([align]),
table th:not([align]) {
  text-align: inherit;
}
table th {
  color: #363636;
}
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/* Bulma Elements */
.box {
  background-color: var(--white);
  border-radius: var(--radius-large);
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  color: #4a4a4a;
  display: block;
  padding: 1.25rem;
}
a.box:hover, a.box:focus {
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px var(--link);
}
a.box:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px var(--link);
}
.button {
  background-color: var(--white);
  border-color: var(--border);
  border-width: 1px;
  color: #363636;
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: calc(0.5em - 1px);
  text-align: center;
  white-space: nowrap;
}
.button strong {
  color: inherit;
}
.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}
.button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.5em - 1px);
  margin-right: 0.25em;
}
.button .icon:last-child:not(:first-child) {
  margin-left: 0.25em;
  margin-right: calc(-0.5em - 1px);
}
.button .icon:first-child:last-child {
  margin-left: calc(-0.5em - 1px);
  margin-right: calc(-0.5em - 1px);
}
.button:hover, .button.is-hovered {
  border-color: #b5b5b5;
  color: #363636;
}
.button:focus, .button.is-focused {
  border-color: #485fc7;
  color: #363636;
}
.button:focus:not(:active), .button.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--link);
}
.button:active, .button.is-active {
  border-color: #4a4a4a;
  color: #363636;
}
.button.is-text {
  background-color: transparent;
  border-color: transparent;
  color: #4a4a4a;
  text-decoration: underline;
}
.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  background-color: whitesmoke;
  color: #363636;
}
.button.is-text:active, .button.is-text.is-active {
  background-color: #e8e8e8;
  color: #363636;
}
.button.is-text[disabled], fieldset[disabled] .button.is-text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.button.is-ghost {
  background: none;
  border-color: transparent;
  color: var(--link);
  text-decoration: none;
}
.button.is-ghost:hover, .button.is-ghost.is-hovered {
  color: var(--link);
  text-decoration: underline;
}
.button.is-white {
  background-color: var(--white);
  border-color: transparent;
  color: #0a0a0a;
}
.button.is-white:hover, .button.is-white.is-hovered {
  background-color: var(--white);
  border-color: transparent;
  color: #0a0a0a;
}
.button.is-white:focus, .button.is-white.is-focused {
  border-color: transparent;
  color: #0a0a0a;
}
.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--white);
}
.button.is-white:active, .button.is-white.is-active {
  background-color: var(--white);
  border-color: transparent;
  color: #0a0a0a;
}
.button.is-white[disabled], fieldset[disabled] .button.is-white {
  background-color: var(--white);
  border-color: transparent;
  box-shadow: none;
}
.button.is-white.is-inverted {
  background-color: #0a0a0a;
  color: var(--white);
}
.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
  background-color: black;
}
.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
  background-color: #0a0a0a;
  border-color: transparent;
  box-shadow: none;
  color: var(--white);
}
.button.is-white.is-loading::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-white.is-outlined {
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}
.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
  background-color: var(--white);
  border-color: var(--white);
  color: #0a0a0a;
}
.button.is-white.is-outlined.is-loading::after {
  border-color: transparent transparent var(--white) var(--white) !important;
}
.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
  background-color: transparent;
  border-color: var(--white);
  box-shadow: none;
  color: var(--white);
}
.button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  color: #0a0a0a;
}
.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
  background-color: #0a0a0a;
  color: var(--white);
}
.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--white) var(--white) !important;
}
.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  box-shadow: none;
  color: #0a0a0a;
}
.button.is-black {
  background-color: #0a0a0a;
  border-color: transparent;
  color: var(--white);
}
.button.is-black:hover, .button.is-black.is-hovered {
  background-color: #040404;
  border-color: transparent;
  color: var(--white);
}
.button.is-black:focus, .button.is-black.is-focused {
  border-color: transparent;
  color: var(--white);
}
.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.button.is-black:active, .button.is-black.is-active {
  background-color: black;
  border-color: transparent;
  color: var(--white);
}
.button.is-black[disabled], fieldset[disabled] .button.is-black {
  background-color: #0a0a0a;
  border-color: transparent;
  box-shadow: none;
}
.button.is-black.is-inverted {
  background-color: var(--white);
  color: #0a0a0a;
}
.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
  background-color: var(--white);
}
.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
  background-color: var(--white);
  border-color: transparent;
  box-shadow: none;
  color: #0a0a0a;
}
.button.is-black.is-loading::after {
  border-color: transparent transparent var(--white) var(--white) !important;
}
.button.is-black.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  color: #0a0a0a;
}
.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: var(--white);
}
.button.is-black.is-outlined.is-loading::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--white) var(--white) !important;
}
.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  box-shadow: none;
  color: #0a0a0a;
}
.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}
.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
  background-color: var(--white);
  color: #0a0a0a;
}
.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--white);
  box-shadow: none;
  color: var(--white);
}
.button.is-light {
  background-color: whitesmoke;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:hover, .button.is-light.is-hovered {
  background-color: #eeeeee;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus, .button.is-light.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.button.is-light:active, .button.is-light.is-active {
  background-color: #e8e8e8;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light[disabled], fieldset[disabled] .button.is-light {
  background-color: whitesmoke;
  border-color: transparent;
  box-shadow: none;
}
.button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: whitesmoke;
}
.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
  background-color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: whitesmoke;
}
.button.is-light.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined {
  background-color: transparent;
  border-color: whitesmoke;
  color: whitesmoke;
}
.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-outlined.is-loading::after {
  border-color: transparent transparent whitesmoke whitesmoke !important;
}
.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
  background-color: transparent;
  border-color: whitesmoke;
  box-shadow: none;
  color: whitesmoke;
}
.button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: whitesmoke;
}
.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent whitesmoke whitesmoke !important;
}
.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-dark {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.button.is-dark:hover, .button.is-dark.is-hovered {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.button.is-dark:focus, .button.is-dark.is-focused {
  border-color: transparent;
  color: var(--dark--color-invert);
}
.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--dark);
}
.button.is-dark:active, .button.is-dark.is-active {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.button.is-dark[disabled], fieldset[disabled] .button.is-dark {
  background-color: var(--dark);
  border-color: transparent;
  box-shadow: none;
}
.button.is-dark.is-inverted {
  background-color: var(--dark--color-invert);
  color: var(--dark);
}
.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
  background-color: var(--dark--color-invert);
}
.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
  background-color: var(--dark--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--dark);
}
.button.is-dark.is-loading::after {
  border-color: transparent transparent var(--dark--color-invert) var(--dark--color-invert) !important;
}
.button.is-dark.is-outlined {
  background-color: transparent;
  border-color: var(--dark);
  color: var(--dark);
}
.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
  background-color: var(--dark);
  border-color: var(--dark);
  color: var(--dark--color-invert);
}
.button.is-dark.is-outlined.is-loading::after {
  border-color: transparent transparent var(--dark) var(--dark) !important;
}
.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--dark--color-invert) var(--dark--color-invert) !important;
}
.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
  background-color: transparent;
  border-color: var(--dark);
  box-shadow: none;
  color: var(--dark);
}
.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--dark--color-invert);
  color: var(--dark--color-invert);
}
.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
  background-color: var(--dark--color-invert);
  color: var(--dark);
}
.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--dark) var(--dark) !important;
}
.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--dark--color-invert);
  box-shadow: none;
  color: var(--dark--color-invert);
}
.button.is-primary {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.button.is-primary:focus, .button.is-primary.is-focused {
  border-color: transparent;
  color: var(--primary--color-invert);
}
.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--primary);
}
.button.is-primary:active, .button.is-primary.is-active {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
  background-color: var(--primary);
  border-color: transparent;
  box-shadow: none;
}
.button.is-primary.is-inverted {
  background-color: var(--primary--color-invert);
  color: var(--primary);
}
.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
  background-color: var(--primary--color-invert);
}
.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
  background-color: var(--primary--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--primary);
}
.button.is-primary.is-loading::after {
  border-color: transparent transparent var(--primary--color-invert) var(--primary--color-invert) !important;
}
.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: var(--primary);
  color: var(--primary);
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--primary--color-invert);
}
.button.is-primary.is-outlined.is-loading::after {
  border-color: transparent transparent var(--primary) var(--primary) !important;
}
.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--primary--color-invert) var(--primary--color-invert) !important;
}
.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
  background-color: transparent;
  border-color: var(--primary);
  box-shadow: none;
  color: var(--primary);
}
.button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--primary--color-invert);
  color: var(--primary--color-invert);
}
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
  background-color: var(--primary--color-invert);
  color: var(--primary);
}
.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--primary) var(--primary) !important;
}
.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--primary--color-invert);
  box-shadow: none;
  color: var(--primary--color-invert);
}
.button.is-primary.is-light {
  background-color: var(--primary--light-color);
  color: var(--primary--dark-color);
}
.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
  background-color: var(--primary--light-color);
  border-color: transparent;
  color: var(--primary--dark-color);
}
.button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
  background-color: var(--primary--light-color);
  border-color: transparent;
  color: var(--primary--dark-color);
}
.button.is-link {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.button.is-link:hover, .button.is-link.is-hovered {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.button.is-link:focus, .button.is-link.is-focused {
  border-color: transparent;
  color: var(--link--color-invert);
}
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--link);
}
.button.is-link:active, .button.is-link.is-active {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.button.is-link[disabled], fieldset[disabled] .button.is-link {
  background-color: var(--link);
  border-color: transparent;
  box-shadow: none;
}
.button.is-link.is-inverted {
  background-color: var(--link--color-invert);
  color: var(--link);
}
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
  background-color: var(--link--color-invert);
}
.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
  background-color: var(--link--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--link);
}
.button.is-link.is-loading::after {
  border-color: transparent transparent var(--link--color-invert) var(--link--color-invert) !important;
}
.button.is-link.is-outlined {
  background-color: transparent;
  border-color: var(--link);
  color: var(--link);
}
.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
  background-color: var(--link);
  border-color: var(--link);
  color: var(--link--color-invert);
}
.button.is-link.is-outlined.is-loading::after {
  border-color: transparent transparent var(--link) var(--link) !important;
}
.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--link--color-invert) var(--link--color-invert) !important;
}
.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
  background-color: transparent;
  border-color: var(--link);
  box-shadow: none;
  color: var(--link);
}
.button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--link--color-invert);
  color: var(--link--color-invert);
}
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
  background-color: var(--link--color-invert);
  color: var(--link);
}
.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--link) var(--link) !important;
}
.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--link--color-invert);
  box-shadow: none;
  color: var(--link--color-invert);
}
.button.is-link.is-light {
  background-color: var(--link--light-color);
  color: var(--link--dark-color);
}
.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
  background-color: var(--link--light-color);
  border-color: transparent;
  color: var(--link--dark-color);
}
.button.is-link.is-light:active, .button.is-link.is-light.is-active {
  background-color: var(--link--light-color);
  border-color: transparent;
  color: var(--link--dark-color);
}
.button.is-info {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.button.is-info:hover, .button.is-info.is-hovered {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.button.is-info:focus, .button.is-info.is-focused {
  border-color: transparent;
  color: var(--info--color-invert);
}
.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--info);
}
.button.is-info:active, .button.is-info.is-active {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.button.is-info[disabled], fieldset[disabled] .button.is-info {
  background-color: var(--info);
  border-color: transparent;
  box-shadow: none;
}
.button.is-info.is-inverted {
  background-color: var(--info--color-invert);
  color: var(--info);
}
.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
  background-color: var(--info--color-invert);
}
.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
  background-color: var(--info--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--info);
}
.button.is-info.is-loading::after {
  border-color: transparent transparent var(--info--color-invert) var(--info--color-invert) !important;
}
.button.is-info.is-outlined {
  background-color: transparent;
  border-color: var(--info);
  color: var(--info);
}
.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
  background-color: var(--info);
  border-color: var(--info);
  color: var(--info--color-invert);
}
.button.is-info.is-outlined.is-loading::after {
  border-color: transparent transparent var(--info) var(--info) !important;
}
.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--info--color-invert) var(--info--color-invert) !important;
}
.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
  background-color: transparent;
  border-color: var(--info);
  box-shadow: none;
  color: var(--info);
}
.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--info--color-invert);
  color: var(--info--color-invert);
}
.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
  background-color: var(--info--color-invert);
  color: var(--info);
}
.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--info) var(--info) !important;
}
.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--info--color-invert);
  box-shadow: none;
  color: var(--info--color-invert);
}
.button.is-info.is-light {
  background-color: var(--info--light-color);
  color: var(--info--dark-color);
}
.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
  background-color: var(--info--light-color);
  border-color: transparent;
  color: var(--info--dark-color);
}
.button.is-info.is-light:active, .button.is-info.is-light.is-active {
  background-color: var(--info--light-color);
  border-color: transparent;
  color: var(--info--dark-color);
}
.button.is-success {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.button.is-success:hover, .button.is-success.is-hovered {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.button.is-success:focus, .button.is-success.is-focused {
  border-color: transparent;
  color: var(--success--color-invert);
}
.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--success);
}
.button.is-success:active, .button.is-success.is-active {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.button.is-success[disabled], fieldset[disabled] .button.is-success {
  background-color: var(--success);
  border-color: transparent;
  box-shadow: none;
}
.button.is-success.is-inverted {
  background-color: var(--success--color-invert);
  color: var(--success);
}
.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
  background-color: var(--success--color-invert);
}
.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
  background-color: var(--success--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--success);
}
.button.is-success.is-loading::after {
  border-color: transparent transparent var(--success--color-invert) var(--success--color-invert) !important;
}
.button.is-success.is-outlined {
  background-color: transparent;
  border-color: var(--success);
  color: var(--success);
}
.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
  background-color: var(--success);
  border-color: var(--success);
  color: var(--success--color-invert);
}
.button.is-success.is-outlined.is-loading::after {
  border-color: transparent transparent var(--success) var(--success) !important;
}
.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--success--color-invert) var(--success--color-invert) !important;
}
.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
  background-color: transparent;
  border-color: var(--success);
  box-shadow: none;
  color: var(--success);
}
.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--success--color-invert);
  color: var(--success--color-invert);
}
.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
  background-color: var(--success--color-invert);
  color: var(--success);
}
.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--success) var(--success) !important;
}
.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--success--color-invert);
  box-shadow: none;
  color: var(--success--color-invert);
}
.button.is-success.is-light {
  background-color: var(--success--light-color);
  color: var(--success--dark-color);
}
.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
  background-color: var(--success--light-color);
  border-color: transparent;
  color: var(--success--dark-color);
}
.button.is-success.is-light:active, .button.is-success.is-light.is-active {
  background-color: var(--success--light-color);
  border-color: transparent;
  color: var(--success--dark-color);
}
.button.is-warning {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.button.is-warning:hover, .button.is-warning.is-hovered {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.button.is-warning:focus, .button.is-warning.is-focused {
  border-color: transparent;
  color: var(--warning--color-invert);
}
.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--warning);
}
.button.is-warning:active, .button.is-warning.is-active {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.button.is-warning[disabled], fieldset[disabled] .button.is-warning {
  background-color: var(--warning);
  border-color: transparent;
  box-shadow: none;
}
.button.is-warning.is-inverted {
  background-color: var(--warning--color-invert);
  color: var(--warning);
}
.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
  background-color: var(--warning--color-invert);
}
.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
  background-color: var(--warning--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--warning);
}
.button.is-warning.is-loading::after {
  border-color: transparent transparent var(--warning--color-invert) var(--warning--color-invert) !important;
}
.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: var(--warning);
  color: var(--warning);
}
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
  background-color: var(--warning);
  border-color: var(--warning);
  color: var(--warning--color-invert);
}
.button.is-warning.is-outlined.is-loading::after {
  border-color: transparent transparent var(--warning) var(--warning) !important;
}
.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--warning--color-invert) var(--warning--color-invert) !important;
}
.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
  background-color: transparent;
  border-color: var(--warning);
  box-shadow: none;
  color: var(--warning);
}
.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--warning--color-invert);
  color: var(--warning--color-invert);
}
.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
  background-color: var(--warning--color-invert);
  color: var(--warning);
}
.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--warning) var(--warning) !important;
}
.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--warning--color-invert);
  box-shadow: none;
  color: var(--warning--color-invert);
}
.button.is-warning.is-light {
  background-color: var(--warning--light-color);
  color: var(--warning--dark-color);
}
.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
  background-color: var(--warning--light-color);
  border-color: transparent;
  color: var(--warning--dark-color);
}
.button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
  background-color: var(--warning--light-color);
  border-color: transparent;
  color: var(--warning--dark-color);
}
.button.is-danger {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.button.is-danger:hover, .button.is-danger.is-hovered {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.button.is-danger:focus, .button.is-danger.is-focused {
  border-color: transparent;
  color: var(--danger--color-invert);
}
.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--danger);
}
.button.is-danger:active, .button.is-danger.is-active {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.button.is-danger[disabled], fieldset[disabled] .button.is-danger {
  background-color: var(--danger);
  border-color: transparent;
  box-shadow: none;
}
.button.is-danger.is-inverted {
  background-color: var(--danger--color-invert);
  color: var(--danger);
}
.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
  background-color: var(--danger--color-invert);
}
.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
  background-color: var(--danger--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--danger);
}
.button.is-danger.is-loading::after {
  border-color: transparent transparent var(--danger--color-invert) var(--danger--color-invert) !important;
}
.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: var(--danger);
  color: var(--danger);
}
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
  background-color: var(--danger);
  border-color: var(--danger);
  color: var(--danger--color-invert);
}
.button.is-danger.is-outlined.is-loading::after {
  border-color: transparent transparent var(--danger) var(--danger) !important;
}
.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--danger--color-invert) var(--danger--color-invert) !important;
}
.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
  background-color: transparent;
  border-color: var(--danger);
  box-shadow: none;
  color: var(--danger);
}
.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--danger--color-invert);
  color: var(--danger--color-invert);
}
.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
  background-color: var(--danger--color-invert);
  color: var(--danger);
}
.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--danger) var(--danger) !important;
}
.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--danger--color-invert);
  box-shadow: none;
  color: var(--danger--color-invert);
}
.button.is-danger.is-light {
  background-color: var(--danger--light-color);
  color: var(--danger--dark-color);
}
.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
  background-color: var(--danger--light-color);
  border-color: transparent;
  color: var(--danger--dark-color);
}
.button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
  background-color: var(--danger--light-color);
  border-color: transparent;
  color: var(--danger--dark-color);
}
.button.is-small {
  font-size: 0.75rem;
}
.button.is-small:not(.is-rounded) {
  border-radius: var(--radius-small);
}
.button.is-normal {
  font-size: 1rem;
}
.button.is-medium {
  font-size: 1.25rem;
}
.button.is-large {
  font-size: 1.5rem;
}
.button[disabled], fieldset[disabled] .button {
  background-color: var(--white);
  border-color: var(--border);
  box-shadow: none;
  opacity: 0.5;
}
.button.is-fullwidth {
  display: flex;
  width: 100%;
}
.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.button.is-loading::after {
  position: absolute;
  left: calc(50% - (1em * 0.5));
  top: calc(50% - (1em * 0.5));
  position: absolute !important;
}
.button.is-static {
  background-color: whitesmoke;
  border-color: var(--border);
  color: #7a7a7a;
  box-shadow: none;
  pointer-events: none;
}
.button.is-rounded {
  border-radius: var(--radius-rounded);
  padding-left: calc(1em + 0.25em);
  padding-right: calc(1em + 0.25em);
}
.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.buttons .button {
  margin-bottom: 0.5rem;
}
.buttons .button:not(:last-child):not(.is-fullwidth) {
  margin-right: 0.5rem;
}
.buttons:last-child {
  margin-bottom: -0.5rem;
}
.buttons:not(:last-child) {
  margin-bottom: 1rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
  font-size: 0.75rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
  border-radius: var(--radius-small);
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
  font-size: 1.25rem;
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  font-size: 1.5rem;
}
.buttons.has-addons .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}
.buttons.has-addons .button:last-child {
  margin-right: 0;
}
.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  z-index: 2;
}
.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  z-index: 3;
}
.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  z-index: 4;
}
.buttons.has-addons .button.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.buttons.is-centered {
  justify-content: center;
}
.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.buttons.is-right {
  justify-content: flex-end;
}
.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
}
.container.is-fluid {
  max-width: none !important;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .container {
    max-width: 960px;
  }
}
@media screen and (max-width: 1215px) {
  .container.is-widescreen:not(.is-max-desktop) {
    max-width: 1152px;
  }
}
@media screen and (min-width: 1216px) {
  .container:not(.is-max-desktop) {
    max-width: 1152px;
  }
}
.content li + li {
  margin-top: 0.25em;
}
.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
  margin-bottom: 1em;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: #363636;
  font-weight: 600;
  line-height: 1.125;
}
.content h1 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.content h1:not(:first-child) {
  margin-top: 1em;
}
.content h2 {
  font-size: 1.75em;
  margin-bottom: 0.5714em;
}
.content h2:not(:first-child) {
  margin-top: 1.1428em;
}
.content h3 {
  font-size: 1.5em;
  margin-bottom: 0.6666em;
}
.content h3:not(:first-child) {
  margin-top: 1.3333em;
}
.content h4 {
  font-size: 1.25em;
  margin-bottom: 0.8em;
}
.content h5 {
  font-size: 1.125em;
  margin-bottom: 0.8888em;
}
.content h6 {
  font-size: 1em;
  margin-bottom: 1em;
}
.content blockquote {
  background-color: whitesmoke;
  border-left: 5px solid var(--border);
  padding: 1.25em 1.5em;
}
.content ol {
  list-style-position: outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content ol:not([type]) {
  list-style-type: decimal;
}
.content ol:not([type]).is-lower-alpha {
  list-style-type: lower-alpha;
}
.content ol:not([type]).is-lower-roman {
  list-style-type: lower-roman;
}
.content ol:not([type]).is-upper-alpha {
  list-style-type: upper-alpha;
}
.content ol:not([type]).is-upper-roman {
  list-style-type: upper-roman;
}
.content ul {
  list-style: disc outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content ul ul {
  list-style-type: circle;
  margin-top: 0.5em;
}
.content ul ul ul {
  list-style-type: square;
}
.content dd {
  margin-left: 2em;
}
.content figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
}
.content figure:not(:first-child) {
  margin-top: 2em;
}
.content figure:not(:last-child) {
  margin-bottom: 2em;
}
.content figure img {
  display: inline-block;
}
.content figure figcaption {
  font-style: italic;
}
.content pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding: 1.25em 1.5em;
  white-space: pre;
  word-wrap: normal;
}
.content sup,
.content sub {
  font-size: 75%;
}
.content table {
  width: 100%;
}
.content table td,
.content table th {
  border: 1px solid var(--border);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.content table th {
  color: #363636;
}
.content table th:not([align]) {
  text-align: inherit;
}
.content table thead td,
.content table thead th {
  border-width: 0 0 2px;
  color: #363636;
}
.content table tfoot td,
.content table tfoot th {
  border-width: 2px 0 0;
  color: #363636;
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
  border-bottom-width: 0;
}
.content .tabs li + li {
  margin-top: 0;
}
.content.is-small {
  font-size: 0.75rem;
}
.content.is-normal {
  font-size: 1rem;
}
.content.is-medium {
  font-size: 1.25rem;
}
.content.is-large {
  font-size: 1.5rem;
}
.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}
.icon.is-small {
  height: 1rem;
  width: 1rem;
}
.icon.is-medium {
  height: 2rem;
  width: 2rem;
}
.icon.is-large {
  height: 3rem;
  width: 3rem;
}
.icon-text {
  align-items: flex-start;
  color: inherit;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 1.5rem;
  vertical-align: top;
}
.icon-text .icon {
  flex-grow: 0;
  flex-shrink: 0;
}
.icon-text .icon:not(:last-child) {
  margin-right: 0.25em;
}
.icon-text .icon:not(:first-child) {
  margin-left: 0.25em;
}
div.icon-text {
  display: flex;
}
.image {
  display: block;
  position: relative;
}
.image img {
  display: block;
  height: auto;
  width: 100%;
}
.image img.is-rounded {
  border-radius: var(--radius-rounded);
}
.image.is-fullwidth {
  width: 100%;
}
.image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  height: 100%;
  width: 100%;
}
.image.is-square, .image.is-1by1 {
  padding-top: 100%;
}
.image.is-5by4 {
  padding-top: 80%;
}
.image.is-4by3 {
  padding-top: 75%;
}
.image.is-3by2 {
  padding-top: 66.6666%;
}
.image.is-5by3 {
  padding-top: 60%;
}
.image.is-16by9 {
  padding-top: 56.25%;
}
.image.is-2by1 {
  padding-top: 50%;
}
.image.is-3by1 {
  padding-top: 33.3333%;
}
.image.is-4by5 {
  padding-top: 125%;
}
.image.is-3by4 {
  padding-top: 133.3333%;
}
.image.is-2by3 {
  padding-top: 150%;
}
.image.is-3by5 {
  padding-top: 166.6666%;
}
.image.is-9by16 {
  padding-top: 177.7777%;
}
.image.is-1by2 {
  padding-top: 200%;
}
.image.is-1by3 {
  padding-top: 300%;
}
.image.is-16x16 {
  height: 16px;
  width: 16px;
}
.image.is-24x24 {
  height: 24px;
  width: 24px;
}
.image.is-32x32 {
  height: 32px;
  width: 32px;
}
.image.is-48x48 {
  height: 48px;
  width: 48px;
}
.image.is-64x64 {
  height: 64px;
  width: 64px;
}
.image.is-96x96 {
  height: 96px;
  width: 96px;
}
.image.is-128x128 {
  height: 128px;
  width: 128px;
}
.notification {
  background-color: whitesmoke;
  border-radius: var(--radius);
  position: relative;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
}
.notification a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.notification strong {
  color: currentColor;
}
.notification code,
.notification pre {
  background: var(--white);
}
.notification pre code {
  background: transparent;
}
.notification > .delete {
  right: 0.5rem;
  position: absolute;
  top: 0.5rem;
}
.notification .title,
.notification .subtitle,
.notification .content {
  color: currentColor;
}
.notification.is-white {
  background-color: var(--white);
  color: #0a0a0a;
}
.notification.is-black {
  background-color: #0a0a0a;
  color: var(--white);
}
.notification.is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.notification.is-dark {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.notification.is-primary {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.notification.is-primary.is-light {
  background-color: var(--primary--light-color);
  color: var(--primary--dark-color);
}
.notification.is-link {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.notification.is-link.is-light {
  background-color: var(--link--light-color);
  color: var(--link--dark-color);
}
.notification.is-info {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.notification.is-info.is-light {
  background-color: var(--info--light-color);
  color: var(--info--dark-color);
}
.notification.is-success {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.notification.is-success.is-light {
  background-color: var(--success--light-color);
  color: var(--success--dark-color);
}
.notification.is-warning {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.notification.is-warning.is-light {
  background-color: var(--warning--light-color);
  color: var(--warning--dark-color);
}
.notification.is-danger {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.notification.is-danger.is-light {
  background-color: var(--danger--light-color);
  color: var(--danger--dark-color);
}
.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: var(--radius-rounded);
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.progress::-webkit-progress-bar {
  background-color: #ededed;
}
.progress::-webkit-progress-value {
  background-color: #4a4a4a;
}
.progress::-moz-progress-bar {
  background-color: #4a4a4a;
}
.progress::-ms-fill {
  background-color: #4a4a4a;
  border: none;
}
.progress.is-white::-webkit-progress-value {
  background-color: var(--white);
}
.progress.is-white::-moz-progress-bar {
  background-color: var(--white);
}
.progress.is-white::-ms-fill {
  background-color: var(--white);
}
.progress.is-white:indeterminate {
  background-image: linear-gradient(to right, var(--white) 30%, #ededed 30%);
}
.progress.is-black::-webkit-progress-value {
  background-color: #0a0a0a;
}
.progress.is-black::-moz-progress-bar {
  background-color: #0a0a0a;
}
.progress.is-black::-ms-fill {
  background-color: #0a0a0a;
}
.progress.is-black:indeterminate {
  background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%);
}
.progress.is-light::-webkit-progress-value {
  background-color: whitesmoke;
}
.progress.is-light::-moz-progress-bar {
  background-color: whitesmoke;
}
.progress.is-light::-ms-fill {
  background-color: whitesmoke;
}
.progress.is-light:indeterminate {
  background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%);
}
.progress.is-dark::-webkit-progress-value {
  background-color: var(--dark);
}
.progress.is-dark::-moz-progress-bar {
  background-color: var(--dark);
}
.progress.is-dark::-ms-fill {
  background-color: var(--dark);
}
.progress.is-dark:indeterminate {
  background-image: linear-gradient(to right, var(--dark) 30%, #ededed 30%);
}
.progress.is-primary::-webkit-progress-value {
  background-color: var(--primary);
}
.progress.is-primary::-moz-progress-bar {
  background-color: var(--primary);
}
.progress.is-primary::-ms-fill {
  background-color: var(--primary);
}
.progress.is-primary:indeterminate {
  background-image: linear-gradient(to right, var(--primary) 30%, #ededed 30%);
}
.progress.is-link::-webkit-progress-value {
  background-color: var(--link);
}
.progress.is-link::-moz-progress-bar {
  background-color: var(--link);
}
.progress.is-link::-ms-fill {
  background-color: var(--link);
}
.progress.is-link:indeterminate {
  background-image: linear-gradient(to right, var(--link) 30%, #ededed 30%);
}
.progress.is-info::-webkit-progress-value {
  background-color: var(--info);
}
.progress.is-info::-moz-progress-bar {
  background-color: var(--info);
}
.progress.is-info::-ms-fill {
  background-color: var(--info);
}
.progress.is-info:indeterminate {
  background-image: linear-gradient(to right, var(--info) 30%, #ededed 30%);
}
.progress.is-success::-webkit-progress-value {
  background-color: var(--success);
}
.progress.is-success::-moz-progress-bar {
  background-color: var(--success);
}
.progress.is-success::-ms-fill {
  background-color: var(--success);
}
.progress.is-success:indeterminate {
  background-image: linear-gradient(to right, var(--success) 30%, #ededed 30%);
}
.progress.is-warning::-webkit-progress-value {
  background-color: var(--warning);
}
.progress.is-warning::-moz-progress-bar {
  background-color: var(--warning);
}
.progress.is-warning::-ms-fill {
  background-color: var(--warning);
}
.progress.is-warning:indeterminate {
  background-image: linear-gradient(to right, var(--warning) 30%, #ededed 30%);
}
.progress.is-danger::-webkit-progress-value {
  background-color: var(--danger);
}
.progress.is-danger::-moz-progress-bar {
  background-color: var(--danger);
}
.progress.is-danger::-ms-fill {
  background-color: var(--danger);
}
.progress.is-danger:indeterminate {
  background-image: linear-gradient(to right, var(--danger) 30%, #ededed 30%);
}
.progress:indeterminate {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: moveIndeterminate;
  animation-timing-function: linear;
  background-color: #ededed;
  background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 150% 150%;
}
.progress:indeterminate::-webkit-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-moz-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-ms-fill {
  animation-name: none;
}
.progress.is-small {
  height: 0.75rem;
}
.progress.is-medium {
  height: 1.25rem;
}
.progress.is-large {
  height: 1.5rem;
}
@keyframes moveIndeterminate {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
.table {
  background-color: var(--white);
  color: #363636;
}
.table td,
.table th {
  border: 1px solid var(--border);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.table td.is-white,
.table th.is-white {
  background-color: var(--white);
  border-color: var(--white);
  color: #0a0a0a;
}
.table td.is-black,
.table th.is-black {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: var(--white);
}
.table td.is-light,
.table th.is-light {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.table td.is-dark,
.table th.is-dark {
  background-color: var(--dark);
  border-color: var(--dark);
  color: var(--dark--color-invert);
}
.table td.is-primary,
.table th.is-primary {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--primary--color-invert);
}
.table td.is-link,
.table th.is-link {
  background-color: var(--link);
  border-color: var(--link);
  color: var(--link--color-invert);
}
.table td.is-info,
.table th.is-info {
  background-color: var(--info);
  border-color: var(--info);
  color: var(--info--color-invert);
}
.table td.is-success,
.table th.is-success {
  background-color: var(--success);
  border-color: var(--success);
  color: var(--success--color-invert);
}
.table td.is-warning,
.table th.is-warning {
  background-color: var(--warning);
  border-color: var(--warning);
  color: var(--warning--color-invert);
}
.table td.is-danger,
.table th.is-danger {
  background-color: var(--danger);
  border-color: var(--danger);
  color: var(--danger--color-invert);
}
.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}
.table td.is-selected,
.table th.is-selected {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}
.table td.is-vcentered,
.table th.is-vcentered {
  vertical-align: middle;
}
.table th {
  color: #363636;
}
.table th:not([align]) {
  text-align: inherit;
}
.table tr.is-selected {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}
.table tr.is-selected td,
.table tr.is-selected th {
  border-color: var(--primary--color-invert);
  color: currentColor;
}
.table thead {
  background-color: transparent;
}
.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: #363636;
}
.table tfoot {
  background-color: transparent;
}
.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: #363636;
}
.table tbody {
  background-color: transparent;
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}
.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}
.table.is-fullwidth {
  width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: #fafafa;
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: #fafafa;
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: whitesmoke;
}
.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: #fafafa;
}
.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}
.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tags .tag {
  margin-bottom: 0.5rem;
}
.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}
.tags:last-child {
  margin-bottom: -0.5rem;
}
.tags:not(:last-child) {
  margin-bottom: 1rem;
}
.tags.are-medium .tag:not(.is-normal):not(.is-large) {
  font-size: 1rem;
}
.tags.are-large .tag:not(.is-normal):not(.is-medium) {
  font-size: 1.25rem;
}
.tags.is-centered {
  justify-content: center;
}
.tags.is-centered .tag {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.tags.is-right {
  justify-content: flex-end;
}
.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}
.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}
.tags.has-addons .tag {
  margin-right: 0;
}
.tags.has-addons .tag:not(:first-child) {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tags.has-addons .tag:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tag:not(body) {
  align-items: center;
  background-color: whitesmoke;
  border-radius: var(--radius);
  color: #4a4a4a;
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}
.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}
.tag:not(body).is-white {
  background-color: var(--white);
  color: #0a0a0a;
}
.tag:not(body).is-black {
  background-color: #0a0a0a;
  color: var(--white);
}
.tag:not(body).is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-dark {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.tag:not(body).is-primary {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.tag:not(body).is-primary.is-light {
  background-color: var(--primary--light-color);
  color: var(--primary--dark-color);
}
.tag:not(body).is-link {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.tag:not(body).is-link.is-light {
  background-color: var(--link--light-color);
  color: var(--link--dark-color);
}
.tag:not(body).is-info {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.tag:not(body).is-info.is-light {
  background-color: var(--info--light-color);
  color: var(--info--dark-color);
}
.tag:not(body).is-success {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.tag:not(body).is-success.is-light {
  background-color: var(--success--light-color);
  color: var(--success--dark-color);
}
.tag:not(body).is-warning {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.tag:not(body).is-warning.is-light {
  background-color: var(--warning--light-color);
  color: var(--warning--dark-color);
}
.tag:not(body).is-danger {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.tag:not(body).is-danger.is-light {
  background-color: var(--danger--light-color);
  color: var(--danger--dark-color);
}
.tag:not(body).is-normal {
  font-size: 0.75rem;
}
.tag:not(body).is-medium {
  font-size: 1rem;
}
.tag:not(body).is-large {
  font-size: 1.25rem;
}
.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}
.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}
.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}
.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em;
}
.tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.tag:not(body).is-delete::before {
  height: 1px;
  width: 50%;
}
.tag:not(body).is-delete::after {
  height: 50%;
  width: 1px;
}
.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
  background-color: #e8e8e8;
}
.tag:not(body).is-delete:active {
  background-color: #dbdbdb;
}
.tag:not(body).is-rounded {
  border-radius: var(--radius-rounded);
}
a.tag:hover {
  text-decoration: underline;
}
.title,
.subtitle {
  word-break: break-word;
}
.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}
.title sub,
.subtitle sub {
  font-size: 0.75em;
}
.title sup,
.subtitle sup {
  font-size: 0.75em;
}
.title .tag,
.subtitle .tag {
  vertical-align: middle;
}
.title {
  color: #363636;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125;
}
.title strong {
  color: inherit;
  font-weight: inherit;
}
.title:not(.is-spaced) + .subtitle {
  margin-top: -1.25rem;
}
.title.is-1 {
  font-size: 3rem;
}
.title.is-2 {
  font-size: 2.5rem;
}
.title.is-3 {
  font-size: 2rem;
}
.title.is-4 {
  font-size: 1.5rem;
}
.title.is-5 {
  font-size: 1.25rem;
}
.title.is-6 {
  font-size: 1rem;
}
.title.is-7 {
  font-size: 0.75rem;
}
.subtitle {
  color: #4a4a4a;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25;
}
.subtitle strong {
  color: #363636;
  font-weight: 600;
}
.subtitle:not(.is-spaced) + .title {
  margin-top: -1.25rem;
}
.subtitle.is-1 {
  font-size: 3rem;
}
.subtitle.is-2 {
  font-size: 2.5rem;
}
.subtitle.is-3 {
  font-size: 2rem;
}
.subtitle.is-4 {
  font-size: 1.5rem;
}
.subtitle.is-5 {
  font-size: 1.25rem;
}
.subtitle.is-6 {
  font-size: 1rem;
}
.subtitle.is-7 {
  font-size: 0.75rem;
}
.heading {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.number {
  align-items: center;
  background-color: whitesmoke;
  border-radius: var(--radius-rounded);
  display: inline-flex;
  font-size: 1.25rem;
  height: 2em;
  justify-content: center;
  margin-right: 1.5rem;
  min-width: 2.5em;
  padding: 0.25rem 0.5rem;
  text-align: center;
  vertical-align: top;
}
/* Bulma Form */
.select select, .textarea, .input {
  background-color: var(--white);
  border-color: var(--border);
  border-radius: var(--radius);
  color: #363636;
}
.select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
  border-color: #b5b5b5;
}
.select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
  border-color: var(--link);
  box-shadow: 0 0 0 0.125em var(--link);
}
.select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
  background-color: whitesmoke;
  border-color: whitesmoke;
  box-shadow: none;
  color: #7a7a7a;
}
.select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.textarea, .input {
  box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
  max-width: 100%;
  width: 100%;
}
[readonly].textarea, [readonly].input {
  box-shadow: none;
}
.is-white.textarea, .is-white.input {
  border-color: var(--white);
}
.is-white.textarea:focus, .is-white.input:focus, .is-white.is-focused.textarea, .is-white.is-focused.input, .is-white.textarea:active, .is-white.input:active, .is-white.is-active.textarea, .is-white.is-active.input {
  box-shadow: 0 0 0 0.125em var(--white);
}
.is-black.textarea, .is-black.input {
  border-color: #0a0a0a;
}
.is-black.textarea:focus, .is-black.input:focus, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.textarea:active, .is-black.input:active, .is-black.is-active.textarea, .is-black.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.is-light.textarea, .is-light.input {
  border-color: whitesmoke;
}
.is-light.textarea:focus, .is-light.input:focus, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.is-dark.textarea, .is-dark.input {
  border-color: var(--dark);
}
.is-dark.textarea:focus, .is-dark.input:focus, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.textarea:active, .is-dark.input:active, .is-dark.is-active.textarea, .is-dark.is-active.input {
  box-shadow: 0 0 0 0.125em var(--dark);
}
.is-primary.textarea, .is-primary.input {
  border-color: var(--primary);
}
.is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input {
  box-shadow: 0 0 0 0.125em var(--primary);
}
.is-link.textarea, .is-link.input {
  border-color: var(--link);
}
.is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input {
  box-shadow: 0 0 0 0.125em var(--link);
}
.is-info.textarea, .is-info.input {
  border-color: var(--info);
}
.is-info.textarea:focus, .is-info.input:focus, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input {
  box-shadow: 0 0 0 0.125em var(--info);
}
.is-success.textarea, .is-success.input {
  border-color: var(--success);
}
.is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input {
  box-shadow: 0 0 0 0.125em var(--success);
}
.is-warning.textarea, .is-warning.input {
  border-color: var(--warning);
}
.is-warning.textarea:focus, .is-warning.input:focus, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input {
  box-shadow: 0 0 0 0.125em var(--warning);
}
.is-danger.textarea, .is-danger.input {
  border-color: var(--danger);
}
.is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input {
  box-shadow: 0 0 0 0.125em var(--danger);
}
.is-small.textarea, .is-small.input {
  border-radius: var(--radius-small);
  font-size: 0.75rem;
}
.is-medium.textarea, .is-medium.input {
  font-size: 1.25rem;
}
.is-large.textarea, .is-large.input {
  font-size: 1.5rem;
}
.is-fullwidth.textarea, .is-fullwidth.input {
  display: block;
  width: 100%;
}
.is-inline.textarea, .is-inline.input {
  display: inline;
  width: auto;
}
.input.is-rounded {
  border-radius: var(--radius-rounded);
  padding-left: calc(calc(0.75em - 1px) + 0.375em);
  padding-right: calc(calc(0.75em - 1px) + 0.375em);
}
.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}
.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: calc(0.75em - 1px);
  resize: vertical;
}
.textarea:not([rows]) {
  max-height: 40em;
  min-height: 8em;
}
.textarea[rows] {
  height: initial;
}
.textarea.has-fixed-size {
  resize: none;
}
.radio, .checkbox {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}
.radio input, .checkbox input {
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  color: #363636;
}
[disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox,
.radio input[disabled],
.checkbox input[disabled] {
  color: #7a7a7a;
  cursor: not-allowed;
}
.radio + .radio {
  margin-left: 0.5em;
}
.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.select:not(.is-multiple) {
  height: 2.5em;
}
.select:not(.is-multiple):not(.is-loading)::after {
  border-color: var(--link);
  right: 1.125em;
  z-index: 4;
}
.select.is-rounded select {
  border-radius: var(--radius-rounded);
  padding-left: 1em;
}
.select select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none;
}
.select select::-ms-expand {
  display: none;
}
.select select[disabled]:hover, fieldset[disabled] .select select:hover {
  border-color: whitesmoke;
}
.select select:not([multiple]) {
  padding-right: 2.5em;
}
.select select[multiple] {
  height: auto;
  padding: 0;
}
.select select[multiple] option {
  padding: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: #363636;
}
.select.is-white:not(:hover)::after {
  border-color: var(--white);
}
.select.is-white select {
  border-color: var(--white);
}
.select.is-white select:hover, .select.is-white select.is-hovered {
  border-color: var(--white);
}
.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  box-shadow: 0 0 0 0.125em var(--white);
}
.select.is-black:not(:hover)::after {
  border-color: #0a0a0a;
}
.select.is-black select {
  border-color: #0a0a0a;
}
.select.is-black select:hover, .select.is-black select.is-hovered {
  border-color: black;
}
.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.select.is-light:not(:hover)::after {
  border-color: whitesmoke;
}
.select.is-light select {
  border-color: whitesmoke;
}
.select.is-light select:hover, .select.is-light select.is-hovered {
  border-color: #e8e8e8;
}
.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.select.is-dark:not(:hover)::after {
  border-color: var(--dark);
}
.select.is-dark select {
  border-color: var(--dark);
}
.select.is-dark select:hover, .select.is-dark select.is-hovered {
  border-color: var(--dark);
}
.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  box-shadow: 0 0 0 0.125em var(--dark);
}
.select.is-primary:not(:hover)::after {
  border-color: var(--primary);
}
.select.is-primary select {
  border-color: var(--primary);
}
.select.is-primary select:hover, .select.is-primary select.is-hovered {
  border-color: var(--primary);
}
.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  box-shadow: 0 0 0 0.125em var(--primary);
}
.select.is-link:not(:hover)::after {
  border-color: var(--link);
}
.select.is-link select {
  border-color: var(--link);
}
.select.is-link select:hover, .select.is-link select.is-hovered {
  border-color: var(--link);
}
.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  box-shadow: 0 0 0 0.125em var(--link);
}
.select.is-info:not(:hover)::after {
  border-color: var(--info);
}
.select.is-info select {
  border-color: var(--info);
}
.select.is-info select:hover, .select.is-info select.is-hovered {
  border-color: var(--info);
}
.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  box-shadow: 0 0 0 0.125em var(--info);
}
.select.is-success:not(:hover)::after {
  border-color: var(--success);
}
.select.is-success select {
  border-color: var(--success);
}
.select.is-success select:hover, .select.is-success select.is-hovered {
  border-color: var(--success);
}
.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  box-shadow: 0 0 0 0.125em var(--success);
}
.select.is-warning:not(:hover)::after {
  border-color: var(--warning);
}
.select.is-warning select {
  border-color: var(--warning);
}
.select.is-warning select:hover, .select.is-warning select.is-hovered {
  border-color: var(--warning);
}
.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  box-shadow: 0 0 0 0.125em var(--warning);
}
.select.is-danger:not(:hover)::after {
  border-color: var(--danger);
}
.select.is-danger select {
  border-color: var(--danger);
}
.select.is-danger select:hover, .select.is-danger select.is-hovered {
  border-color: var(--danger);
}
.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  box-shadow: 0 0 0 0.125em var(--danger);
}
.select.is-small {
  border-radius: var(--radius-small);
  font-size: 0.75rem;
}
.select.is-medium {
  font-size: 1.25rem;
}
.select.is-large {
  font-size: 1.5rem;
}
.select.is-disabled::after {
  border-color: #7a7a7a;
}
.select.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth select {
  width: 100%;
}
.select.is-loading::after {
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  transform: none;
}
.select.is-loading.is-small:after {
  font-size: 0.75rem;
}
.select.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.select.is-loading.is-large:after {
  font-size: 1.5rem;
}
.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.file.is-white .file-cta {
  background-color: var(--white);
  border-color: transparent;
  color: #0a0a0a;
}
.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
  background-color: var(--white);
  border-color: transparent;
  color: #0a0a0a;
}
.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--white);
  color: #0a0a0a;
}
.file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
  background-color: var(--white);
  border-color: transparent;
  color: #0a0a0a;
}
.file.is-black .file-cta {
  background-color: #0a0a0a;
  border-color: transparent;
  color: var(--white);
}
.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
  background-color: #040404;
  border-color: transparent;
  color: var(--white);
}
.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
  color: var(--white);
}
.file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
  background-color: black;
  border-color: transparent;
  color: var(--white);
}
.file.is-light .file-cta {
  background-color: whitesmoke;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
  background-color: #eeeeee;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
  background-color: #e8e8e8;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-dark .file-cta {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--dark);
  color: var(--dark--color-invert);
}
.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.file.is-primary .file-cta {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--primary);
  color: var(--primary--color-invert);
}
.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.file.is-link .file-cta {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--link);
  color: var(--link--color-invert);
}
.file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.file.is-info .file-cta {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--info);
  color: var(--info--color-invert);
}
.file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.file.is-success .file-cta {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--success);
  color: var(--success--color-invert);
}
.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.file.is-warning .file-cta {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--warning);
  color: var(--warning--color-invert);
}
.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.file.is-danger .file-cta {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--danger);
  color: var(--danger--color-invert);
}
.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.file.is-small {
  font-size: 0.75rem;
}
.file.is-normal {
  font-size: 1rem;
}
.file.is-medium {
  font-size: 1.25rem;
}
.file.is-medium .file-icon .fa {
  font-size: 21px;
}
.file.is-large {
  font-size: 1.5rem;
}
.file.is-large .file-icon .fa {
  font-size: 28px;
}
.file.has-name .file-cta {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.file.has-name .file-name {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.file.has-name.is-empty .file-cta {
  border-radius: var(--radius);
}
.file.has-name.is-empty .file-name {
  display: none;
}
.file.is-boxed .file-label {
  flex-direction: column;
}
.file.is-boxed .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em;
}
.file.is-boxed .file-name {
  border-width: 0 1px 1px;
}
.file.is-boxed .file-icon {
  height: 1.5em;
  width: 1.5em;
}
.file.is-boxed .file-icon .fa {
  font-size: 21px;
}
.file.is-boxed.is-small .file-icon .fa {
  font-size: 14px;
}
.file.is-boxed.is-medium .file-icon .fa {
  font-size: 28px;
}
.file.is-boxed.is-large .file-icon .fa {
  font-size: 35px;
}
.file.is-boxed.has-name .file-cta {
  border-radius: var(--radius) var(--radius) 0 0;
}
.file.is-boxed.has-name .file-name {
  border-radius: 0 0 var(--radius) var(--radius);
  border-width: 0 1px 1px;
}
.file.is-centered {
  justify-content: center;
}
.file.is-fullwidth .file-label {
  width: 100%;
}
.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none;
}
.file.is-right {
  justify-content: flex-end;
}
.file.is-right .file-cta {
  border-radius: 0 var(--radius) var(--radius) 0;
}
.file.is-right .file-name {
  border-radius: var(--radius) 0 0 var(--radius);
  border-width: 1px 0 1px 1px;
  order: -1;
}
.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}
.file-label:hover .file-cta {
  background-color: #eeeeee;
  color: #363636;
}
.file-label:hover .file-name {
  border-color: var(--border);
}
.file-label:active .file-cta {
  background-color: #e8e8e8;
  color: #363636;
}
.file-label:active .file-name {
  border-color: var(--border);
}
.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.file-cta,
.file-name {
  border-color: var(--border);
  border-radius: var(--radius);
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
}
.file-cta {
  background-color: whitesmoke;
  color: #4a4a4a;
}
.file-name {
  border-color: var(--border);
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: inherit;
  text-overflow: ellipsis;
}
.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em;
}
.file-icon .fa {
  font-size: 14px;
}
.label {
  color: #363636;
  display: block;
  font-size: 1rem;
  font-weight: 700;
}
.label:not(:last-child) {
  margin-bottom: 0.5em;
}
.label.is-small {
  font-size: 0.75rem;
}
.label.is-medium {
  font-size: 1.25rem;
}
.label.is-large {
  font-size: 1.5rem;
}
.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
.help.is-white {
  color: var(--white);
}
.help.is-black {
  color: #0a0a0a;
}
.help.is-light {
  color: whitesmoke;
}
.help.is-dark {
  color: var(--dark);
}
.help.is-primary {
  color: var(--primary);
}
.help.is-link {
  color: var(--link);
}
.help.is-info {
  color: var(--info);
}
.help.is-success {
  color: var(--success);
}
.help.is-warning {
  color: var(--warning);
}
.help.is-danger {
  color: var(--danger);
}
.field:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.has-addons {
  display: flex;
  justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}
.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}
.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.has-addons.has-addons-centered {
  justify-content: center;
}
.field.has-addons.has-addons-right {
  justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}
.field.is-grouped {
  display: flex;
  justify-content: flex-start;
}
.field.is-grouped > .control {
  flex-shrink: 0;
}
.field.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
  justify-content: center;
}
.field.is-grouped.is-grouped-right {
  justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex;
  }
}
.field-label .label {
  font-size: inherit;
}
@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: 0.75rem;
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
  .field-label.is-medium {
    font-size: 1.25rem;
    padding-top: 0.375em;
  }
  .field-label.is-large {
    font-size: 1.5rem;
    padding-top: 0.375em;
  }
}
.field-body .field .field {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    flex-shrink: 1;
  }
  .field-body > .field:not(.is-narrow) {
    flex-grow: 1;
  }
  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}
.control {
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: #4a4a4a;
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 0.75rem;
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 1.25rem;
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 1.5rem;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
  color: var(--border);
  height: 2.5em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.5em;
  z-index: 4;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 2.5em;
}
.control.has-icons-left .icon.is-left {
  left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 2.5em;
}
.control.has-icons-right .icon.is-right {
  right: 0;
}
.control.is-loading::after {
  position: absolute !important;
  right: 0.625em;
  top: 0.625em;
  z-index: 4;
}
.control.is-loading.is-small:after {
  font-size: 0.75rem;
}
.control.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.control.is-loading.is-large:after {
  font-size: 1.5rem;
}
/* Bulma Components */
.breadcrumb {
  font-size: 1rem;
  white-space: nowrap;
}
.breadcrumb a {
  align-items: center;
  color: var(--link);
  display: flex;
  justify-content: center;
  padding: 0 0.75em;
}
.breadcrumb a:hover {
  color: #363636;
}
.breadcrumb li {
  align-items: center;
  display: flex;
}
.breadcrumb li:first-child a {
  padding-left: 0;
}
.breadcrumb li.is-active a {
  color: #363636;
  cursor: default;
  pointer-events: none;
}
.breadcrumb li + li::before {
  color: #b5b5b5;
  content: "/";
}
.breadcrumb ul,
.breadcrumb ol {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.breadcrumb .icon:first-child {
  margin-right: 0.5em;
}
.breadcrumb .icon:last-child {
  margin-left: 0.5em;
}
.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center;
}
.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end;
}
.breadcrumb.is-small {
  font-size: 0.75rem;
}
.breadcrumb.is-medium {
  font-size: 1.25rem;
}
.breadcrumb.is-large {
  font-size: 1.5rem;
}
.breadcrumb.has-arrow-separator li + li::before {
  content: "→";
}
.breadcrumb.has-bullet-separator li + li::before {
  content: "•";
}
.breadcrumb.has-dot-separator li + li::before {
  content: "·";
}
.breadcrumb.has-succeeds-separator li + li::before {
  content: "≻";
}
.card {
  background-color: var(--white);
  border-radius: 0.25rem;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  color: #4a4a4a;
  max-width: 100%;
  position: relative;
}
.card-footer:first-child, .card-content:first-child, .card-header:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card-footer:last-child, .card-content:last-child, .card-header:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.card-header {
  background-color: transparent;
  align-items: stretch;
  box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
  display: flex;
}
.card-header-title {
  align-items: center;
  color: #363636;
  display: flex;
  flex-grow: 1;
  font-weight: 700;
  padding: 0.75rem 1rem;
}
.card-header-title.is-centered {
  justify-content: center;
}
.card-header-icon {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75rem 1rem;
}
.card-image {
  display: block;
  position: relative;
}
.card-image:first-child img {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card-image:last-child img {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.card-content {
  background-color: transparent;
  padding: 1.5rem;
}
.card-footer {
  background-color: transparent;
  border-top: 1px solid #ededed;
  align-items: stretch;
  display: flex;
}
.card-footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.75rem;
}
.card-footer-item:not(:last-child) {
  border-right: 1px solid #ededed;
}
.card .media:not(:last-child) {
  margin-bottom: 1.5rem;
}
.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}
.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  display: block;
}
.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0;
}
.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: 4px;
  padding-top: initial;
  top: auto;
}
.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20;
}
.dropdown-content {
  background-color: var(--white);
  border-radius: var(--radius);
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.dropdown-item {
  color: #4a4a4a;
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative;
}
a.dropdown-item,
button.dropdown-item {
  padding-right: 3rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%;
}
a.dropdown-item:hover,
button.dropdown-item:hover {
  background-color: whitesmoke;
  color: #0a0a0a;
}
a.dropdown-item.is-active,
button.dropdown-item.is-active {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.dropdown-divider {
  background-color: #ededed;
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0;
}
.level {
  align-items: center;
  justify-content: space-between;
}
.level code {
  border-radius: var(--radius);
}
.level img {
  display: inline-block;
  vertical-align: top;
}
.level.is-mobile {
  display: flex;
}
.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}
.level.is-mobile .level-left + .level-right {
  margin-top: 0;
}
.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level {
    display: flex;
  }
  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}
.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}
.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level-left .level-item:not(:last-child),
.level-right .level-item:not(:last-child) {
    margin-right: 0.75rem;
  }
}
.level-left {
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .level-left + .level-right {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .level-left {
    display: flex;
  }
}
.level-right {
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 769px), print {
  .level-right {
    display: flex;
  }
}
.media {
  align-items: flex-start;
  display: flex;
  text-align: inherit;
}
.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}
.media .media {
  border-top: 1px solid var(--border);
  display: flex;
  padding-top: 0.75rem;
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: 0.5rem;
}
.media .media .media {
  padding-top: 0.5rem;
}
.media .media .media + .media {
  margin-top: 0.5rem;
}
.media + .media {
  border-top: 1px solid var(--border);
  margin-top: 1rem;
  padding-top: 1rem;
}
.media.is-large + .media {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.media-left {
  margin-right: 1rem;
}
.media-right {
  margin-left: 1rem;
}
.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: inherit;
}
@media screen and (max-width: 768px) {
  .media-content {
    overflow-x: auto;
  }
}
.menu {
  font-size: 1rem;
}
.menu.is-small {
  font-size: 0.75rem;
}
.menu.is-medium {
  font-size: 1.25rem;
}
.menu.is-large {
  font-size: 1.5rem;
}
.menu-list {
  line-height: 1.25;
}
.menu-list a {
  border-radius: var(--radius-small);
  color: #4a4a4a;
  display: block;
  padding: 0.5em 0.75em;
}
.menu-list a:hover {
  background-color: whitesmoke;
  color: #363636;
}
.menu-list a.is-active {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.menu-list li ul {
  border-left: 1px solid var(--border);
  margin: 0.75em;
  padding-left: 0.75em;
}
.menu-label {
  color: #7a7a7a;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.menu-label:not(:first-child) {
  margin-top: 1em;
}
.menu-label:not(:last-child) {
  margin-bottom: 1em;
}
.message {
  background-color: whitesmoke;
  border-radius: var(--radius);
  font-size: 1rem;
}
.message strong {
  color: currentColor;
}
.message a:not(.button):not(.tag):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.message.is-small {
  font-size: 0.75rem;
}
.message.is-medium {
  font-size: 1.25rem;
}
.message.is-large {
  font-size: 1.5rem;
}
.message.is-white {
  background-color: var(--white--800--lighten);
}
.message.is-white .message-header {
  background-color: var(--white);
  color: #0a0a0a;
}
.message.is-white .message-body {
  border-color: var(--white);
}
.message.is-black {
  background-color: #fafafa;
}
.message.is-black .message-header {
  background-color: #0a0a0a;
  color: var(--white);
}
.message.is-black .message-body {
  border-color: #0a0a0a;
}
.message.is-light {
  background-color: #fafafa;
}
.message.is-light .message-header {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.message.is-light .message-body {
  border-color: whitesmoke;
}
.message.is-dark {
  background-color: var(--dark--800--lighten);
}
.message.is-dark .message-header {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.message.is-dark .message-body {
  border-color: var(--dark);
}
.message.is-primary {
  background-color: var(--primary--light-color);
}
.message.is-primary .message-header {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.message.is-primary .message-body {
  border-color: var(--primary);
  color: var(--primary--dark-color);
}
.message.is-link {
  background-color: var(--link--light-color);
}
.message.is-link .message-header {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.message.is-link .message-body {
  border-color: var(--link);
  color: var(--link--dark-color);
}
.message.is-info {
  background-color: var(--info--light-color);
}
.message.is-info .message-header {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.message.is-info .message-body {
  border-color: var(--info);
  color: var(--info--dark-color);
}
.message.is-success {
  background-color: var(--success--light-color);
}
.message.is-success .message-header {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.message.is-success .message-body {
  border-color: var(--success);
  color: var(--success--dark-color);
}
.message.is-warning {
  background-color: var(--warning--light-color);
}
.message.is-warning .message-header {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.message.is-warning .message-body {
  border-color: var(--warning);
  color: var(--warning--dark-color);
}
.message.is-danger {
  background-color: var(--danger--light-color);
}
.message.is-danger .message-header {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.message.is-danger .message-body {
  border-color: var(--danger);
  color: var(--danger--dark-color);
}
.message-header {
  align-items: center;
  background-color: #4a4a4a;
  border-radius: var(--radius) var(--radius) 0 0;
  color: #fff;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.25;
  padding: 0.75em 1em;
  position: relative;
}
.message-header .delete {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.75em;
}
.message-header + .message-body {
  border-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.message-body {
  border-color: var(--border);
  border-radius: var(--radius);
  border-style: solid;
  border-width: 0 0 0 4px;
  color: #4a4a4a;
  padding: 1.25em 1.5em;
}
.message-body code,
.message-body pre {
  background-color: var(--white);
}
.message-body pre code {
  background-color: transparent;
}
.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40;
}
.modal.is-active {
  display: flex;
}
.modal-background {
  background-color: rgba(10, 10, 10, 0.86);
}
.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .modal-content,
.modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px;
  }
}
.modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
}
.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible;
}
.modal-card-head,
.modal-card-foot {
  align-items: center;
  background-color: whitesmoke;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative;
}
.modal-card-head {
  border-bottom: 1px solid var(--border);
  border-top-left-radius: var(--radius-large);
  border-top-right-radius: var(--radius-large);
}
.modal-card-title {
  color: #363636;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
}
.modal-card-foot {
  border-bottom-left-radius: var(--radius-large);
  border-bottom-right-radius: var(--radius-large);
  border-top: 1px solid var(--border);
}
.modal-card-foot .button:not(:last-child) {
  margin-right: 0.5em;
}
.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: var(--white);
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px;
}
.navbar {
  background-color: var(--white);
  min-height: 3.25rem;
  position: relative;
  z-index: 30;
}
.navbar.is-white {
  background-color: var(--white);
  color: #0a0a0a;
}
.navbar.is-white .navbar-brand > .navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
  color: #0a0a0a;
}
.navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
  background-color: var(--white);
  color: #0a0a0a;
}
.navbar.is-white .navbar-brand .navbar-link::after {
  border-color: #0a0a0a;
}
.navbar.is-white .navbar-burger {
  color: #0a0a0a;
}
@media screen and (min-width: 1024px) {
  .navbar.is-white .navbar-start > .navbar-item,
.navbar.is-white .navbar-start .navbar-link,
.navbar.is-white .navbar-end > .navbar-item,
.navbar.is-white .navbar-end .navbar-link {
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
.navbar.is-white .navbar-start .navbar-link:focus,
.navbar.is-white .navbar-start .navbar-link:hover,
.navbar.is-white .navbar-start .navbar-link.is-active,
.navbar.is-white .navbar-end > a.navbar-item:focus,
.navbar.is-white .navbar-end > a.navbar-item:hover,
.navbar.is-white .navbar-end > a.navbar-item.is-active,
.navbar.is-white .navbar-end .navbar-link:focus,
.navbar.is-white .navbar-end .navbar-link:hover,
.navbar.is-white .navbar-end .navbar-link.is-active {
    background-color: var(--white);
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-start .navbar-link::after,
.navbar.is-white .navbar-end .navbar-link::after {
    border-color: #0a0a0a;
  }
  .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--white);
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--white);
    color: #0a0a0a;
  }
}
.navbar.is-black {
  background-color: #0a0a0a;
  color: var(--white);
}
.navbar.is-black .navbar-brand > .navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
  color: var(--white);
}
.navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
  background-color: black;
  color: var(--white);
}
.navbar.is-black .navbar-brand .navbar-link::after {
  border-color: var(--white);
}
.navbar.is-black .navbar-burger {
  color: var(--white);
}
@media screen and (min-width: 1024px) {
  .navbar.is-black .navbar-start > .navbar-item,
.navbar.is-black .navbar-start .navbar-link,
.navbar.is-black .navbar-end > .navbar-item,
.navbar.is-black .navbar-end .navbar-link {
    color: var(--white);
  }
  .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
.navbar.is-black .navbar-start .navbar-link:focus,
.navbar.is-black .navbar-start .navbar-link:hover,
.navbar.is-black .navbar-start .navbar-link.is-active,
.navbar.is-black .navbar-end > a.navbar-item:focus,
.navbar.is-black .navbar-end > a.navbar-item:hover,
.navbar.is-black .navbar-end > a.navbar-item.is-active,
.navbar.is-black .navbar-end .navbar-link:focus,
.navbar.is-black .navbar-end .navbar-link:hover,
.navbar.is-black .navbar-end .navbar-link.is-active {
    background-color: black;
    color: var(--white);
  }
  .navbar.is-black .navbar-start .navbar-link::after,
.navbar.is-black .navbar-end .navbar-link::after {
    border-color: var(--white);
  }
  .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: black;
    color: var(--white);
  }
  .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
    background-color: #0a0a0a;
    color: var(--white);
  }
}
.navbar.is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
  background-color: #e8e8e8;
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1024px) {
  .navbar.is-light .navbar-start > .navbar-item,
.navbar.is-light .navbar-start .navbar-link,
.navbar.is-light .navbar-end > .navbar-item,
.navbar.is-light .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
.navbar.is-light .navbar-start .navbar-link:focus,
.navbar.is-light .navbar-start .navbar-link:hover,
.navbar.is-light .navbar-start .navbar-link.is-active,
.navbar.is-light .navbar-end > a.navbar-item:focus,
.navbar.is-light .navbar-end > a.navbar-item:hover,
.navbar.is-light .navbar-end > a.navbar-item.is-active,
.navbar.is-light .navbar-end .navbar-link:focus,
.navbar.is-light .navbar-end .navbar-link:hover,
.navbar.is-light .navbar-end .navbar-link.is-active {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start .navbar-link::after,
.navbar.is-light .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: rgba(0, 0, 0, 0.7);
  }
}
.navbar.is-dark {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
  color: var(--dark--color-invert);
}
.navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.navbar.is-dark .navbar-brand .navbar-link::after {
  border-color: var(--dark--color-invert);
}
.navbar.is-dark .navbar-burger {
  color: var(--dark--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-dark .navbar-start > .navbar-item,
.navbar.is-dark .navbar-start .navbar-link,
.navbar.is-dark .navbar-end > .navbar-item,
.navbar.is-dark .navbar-end .navbar-link {
    color: var(--dark--color-invert);
  }
  .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
.navbar.is-dark .navbar-start .navbar-link:focus,
.navbar.is-dark .navbar-start .navbar-link:hover,
.navbar.is-dark .navbar-start .navbar-link.is-active,
.navbar.is-dark .navbar-end > a.navbar-item:focus,
.navbar.is-dark .navbar-end > a.navbar-item:hover,
.navbar.is-dark .navbar-end > a.navbar-item.is-active,
.navbar.is-dark .navbar-end .navbar-link:focus,
.navbar.is-dark .navbar-end .navbar-link:hover,
.navbar.is-dark .navbar-end .navbar-link.is-active {
    background-color: var(--dark);
    color: var(--dark--color-invert);
  }
  .navbar.is-dark .navbar-start .navbar-link::after,
.navbar.is-dark .navbar-end .navbar-link::after {
    border-color: var(--dark--color-invert);
  }
  .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--dark);
    color: var(--dark--color-invert);
  }
  .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--dark);
    color: var(--dark--color-invert);
  }
}
.navbar.is-primary {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
  color: var(--primary--color-invert);
}
.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.navbar.is-primary .navbar-brand .navbar-link::after {
  border-color: var(--primary--color-invert);
}
.navbar.is-primary .navbar-burger {
  color: var(--primary--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-primary .navbar-start > .navbar-item,
.navbar.is-primary .navbar-start .navbar-link,
.navbar.is-primary .navbar-end > .navbar-item,
.navbar.is-primary .navbar-end .navbar-link {
    color: var(--primary--color-invert);
  }
  .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
.navbar.is-primary .navbar-start .navbar-link:focus,
.navbar.is-primary .navbar-start .navbar-link:hover,
.navbar.is-primary .navbar-start .navbar-link.is-active,
.navbar.is-primary .navbar-end > a.navbar-item:focus,
.navbar.is-primary .navbar-end > a.navbar-item:hover,
.navbar.is-primary .navbar-end > a.navbar-item.is-active,
.navbar.is-primary .navbar-end .navbar-link:focus,
.navbar.is-primary .navbar-end .navbar-link:hover,
.navbar.is-primary .navbar-end .navbar-link.is-active {
    background-color: var(--primary);
    color: var(--primary--color-invert);
  }
  .navbar.is-primary .navbar-start .navbar-link::after,
.navbar.is-primary .navbar-end .navbar-link::after {
    border-color: var(--primary--color-invert);
  }
  .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--primary);
    color: var(--primary--color-invert);
  }
  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--primary);
    color: var(--primary--color-invert);
  }
}
.navbar.is-link {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.navbar.is-link .navbar-brand > .navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
  color: var(--link--color-invert);
}
.navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.navbar.is-link .navbar-brand .navbar-link::after {
  border-color: var(--link--color-invert);
}
.navbar.is-link .navbar-burger {
  color: var(--link--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-link .navbar-start > .navbar-item,
.navbar.is-link .navbar-start .navbar-link,
.navbar.is-link .navbar-end > .navbar-item,
.navbar.is-link .navbar-end .navbar-link {
    color: var(--link--color-invert);
  }
  .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
.navbar.is-link .navbar-start .navbar-link:focus,
.navbar.is-link .navbar-start .navbar-link:hover,
.navbar.is-link .navbar-start .navbar-link.is-active,
.navbar.is-link .navbar-end > a.navbar-item:focus,
.navbar.is-link .navbar-end > a.navbar-item:hover,
.navbar.is-link .navbar-end > a.navbar-item.is-active,
.navbar.is-link .navbar-end .navbar-link:focus,
.navbar.is-link .navbar-end .navbar-link:hover,
.navbar.is-link .navbar-end .navbar-link.is-active {
    background-color: var(--link);
    color: var(--link--color-invert);
  }
  .navbar.is-link .navbar-start .navbar-link::after,
.navbar.is-link .navbar-end .navbar-link::after {
    border-color: var(--link--color-invert);
  }
  .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--link);
    color: var(--link--color-invert);
  }
  .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--link);
    color: var(--link--color-invert);
  }
}
.navbar.is-info {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.navbar.is-info .navbar-brand > .navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
  color: var(--info--color-invert);
}
.navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.navbar.is-info .navbar-brand .navbar-link::after {
  border-color: var(--info--color-invert);
}
.navbar.is-info .navbar-burger {
  color: var(--info--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-info .navbar-start > .navbar-item,
.navbar.is-info .navbar-start .navbar-link,
.navbar.is-info .navbar-end > .navbar-item,
.navbar.is-info .navbar-end .navbar-link {
    color: var(--info--color-invert);
  }
  .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
.navbar.is-info .navbar-start .navbar-link:focus,
.navbar.is-info .navbar-start .navbar-link:hover,
.navbar.is-info .navbar-start .navbar-link.is-active,
.navbar.is-info .navbar-end > a.navbar-item:focus,
.navbar.is-info .navbar-end > a.navbar-item:hover,
.navbar.is-info .navbar-end > a.navbar-item.is-active,
.navbar.is-info .navbar-end .navbar-link:focus,
.navbar.is-info .navbar-end .navbar-link:hover,
.navbar.is-info .navbar-end .navbar-link.is-active {
    background-color: var(--info);
    color: var(--info--color-invert);
  }
  .navbar.is-info .navbar-start .navbar-link::after,
.navbar.is-info .navbar-end .navbar-link::after {
    border-color: var(--info--color-invert);
  }
  .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--info);
    color: var(--info--color-invert);
  }
  .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--info);
    color: var(--info--color-invert);
  }
}
.navbar.is-success {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
  color: var(--success--color-invert);
}
.navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.navbar.is-success .navbar-brand .navbar-link::after {
  border-color: var(--success--color-invert);
}
.navbar.is-success .navbar-burger {
  color: var(--success--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-success .navbar-start > .navbar-item,
.navbar.is-success .navbar-start .navbar-link,
.navbar.is-success .navbar-end > .navbar-item,
.navbar.is-success .navbar-end .navbar-link {
    color: var(--success--color-invert);
  }
  .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
.navbar.is-success .navbar-start .navbar-link:focus,
.navbar.is-success .navbar-start .navbar-link:hover,
.navbar.is-success .navbar-start .navbar-link.is-active,
.navbar.is-success .navbar-end > a.navbar-item:focus,
.navbar.is-success .navbar-end > a.navbar-item:hover,
.navbar.is-success .navbar-end > a.navbar-item.is-active,
.navbar.is-success .navbar-end .navbar-link:focus,
.navbar.is-success .navbar-end .navbar-link:hover,
.navbar.is-success .navbar-end .navbar-link.is-active {
    background-color: var(--success);
    color: var(--success--color-invert);
  }
  .navbar.is-success .navbar-start .navbar-link::after,
.navbar.is-success .navbar-end .navbar-link::after {
    border-color: var(--success--color-invert);
  }
  .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--success);
    color: var(--success--color-invert);
  }
  .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--success);
    color: var(--success--color-invert);
  }
}
.navbar.is-warning {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
  color: var(--warning--color-invert);
}
.navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.navbar.is-warning .navbar-brand .navbar-link::after {
  border-color: var(--warning--color-invert);
}
.navbar.is-warning .navbar-burger {
  color: var(--warning--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-warning .navbar-start > .navbar-item,
.navbar.is-warning .navbar-start .navbar-link,
.navbar.is-warning .navbar-end > .navbar-item,
.navbar.is-warning .navbar-end .navbar-link {
    color: var(--warning--color-invert);
  }
  .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
.navbar.is-warning .navbar-start .navbar-link:focus,
.navbar.is-warning .navbar-start .navbar-link:hover,
.navbar.is-warning .navbar-start .navbar-link.is-active,
.navbar.is-warning .navbar-end > a.navbar-item:focus,
.navbar.is-warning .navbar-end > a.navbar-item:hover,
.navbar.is-warning .navbar-end > a.navbar-item.is-active,
.navbar.is-warning .navbar-end .navbar-link:focus,
.navbar.is-warning .navbar-end .navbar-link:hover,
.navbar.is-warning .navbar-end .navbar-link.is-active {
    background-color: var(--warning);
    color: var(--warning--color-invert);
  }
  .navbar.is-warning .navbar-start .navbar-link::after,
.navbar.is-warning .navbar-end .navbar-link::after {
    border-color: var(--warning--color-invert);
  }
  .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--warning);
    color: var(--warning--color-invert);
  }
  .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--warning);
    color: var(--warning--color-invert);
  }
}
.navbar.is-danger {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.navbar.is-danger .navbar-brand > .navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
  color: var(--danger--color-invert);
}
.navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.navbar.is-danger .navbar-brand .navbar-link::after {
  border-color: var(--danger--color-invert);
}
.navbar.is-danger .navbar-burger {
  color: var(--danger--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-danger .navbar-start > .navbar-item,
.navbar.is-danger .navbar-start .navbar-link,
.navbar.is-danger .navbar-end > .navbar-item,
.navbar.is-danger .navbar-end .navbar-link {
    color: var(--danger--color-invert);
  }
  .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
.navbar.is-danger .navbar-start .navbar-link:focus,
.navbar.is-danger .navbar-start .navbar-link:hover,
.navbar.is-danger .navbar-start .navbar-link.is-active,
.navbar.is-danger .navbar-end > a.navbar-item:focus,
.navbar.is-danger .navbar-end > a.navbar-item:hover,
.navbar.is-danger .navbar-end > a.navbar-item.is-active,
.navbar.is-danger .navbar-end .navbar-link:focus,
.navbar.is-danger .navbar-end .navbar-link:hover,
.navbar.is-danger .navbar-end .navbar-link.is-active {
    background-color: var(--danger);
    color: var(--danger--color-invert);
  }
  .navbar.is-danger .navbar-start .navbar-link::after,
.navbar.is-danger .navbar-end .navbar-link::after {
    border-color: var(--danger--color-invert);
  }
  .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--danger);
    color: var(--danger--color-invert);
  }
  .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--danger);
    color: var(--danger--color-invert);
  }
}
.navbar > .container {
  align-items: stretch;
  display: flex;
  min-height: 3.25rem;
  width: 100%;
}
.navbar.has-shadow {
  box-shadow: 0 2px 0 0 whitesmoke;
}
.navbar.is-fixed-bottom, .navbar.is-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 30;
}
.navbar.is-fixed-bottom {
  bottom: 0;
}
.navbar.is-fixed-bottom.has-shadow {
  box-shadow: 0 -2px 0 0 whitesmoke;
}
.navbar.is-fixed-top {
  top: 0;
}
html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 3.25rem;
}
html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: 3.25rem;
}
.navbar-brand,
.navbar-tabs {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 3.25rem;
}
.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
  background-color: transparent;
}
.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
}
.navbar-burger {
  color: #4a4a4a;
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
  margin-left: auto;
}
.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: 1px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 16px;
}
.navbar-burger span:nth-child(1) {
  top: calc(50% - 6px);
}
.navbar-burger span:nth-child(2) {
  top: calc(50% - 1px);
}
.navbar-burger span:nth-child(3) {
  top: calc(50% + 4px);
}
.navbar-burger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.navbar-burger.is-active span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}
.navbar-menu {
  display: none;
}
.navbar-item,
.navbar-link {
  color: #4a4a4a;
  display: block;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  position: relative;
}
.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
a.navbar-item,
.navbar-link {
  cursor: pointer;
}
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
  background-color: #fafafa;
  color: var(--link);
}
.navbar-item {
  flex-grow: 0;
  flex-shrink: 0;
}
.navbar-item img {
  max-height: 1.75rem;
}
.navbar-item.has-dropdown {
  padding: 0;
}
.navbar-item.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.navbar-item.is-tab {
  border-bottom: 1px solid transparent;
  min-height: 3.25rem;
  padding-bottom: calc(0.5rem - 1px);
}
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
  background-color: transparent;
  border-bottom-color: var(--link);
}
.navbar-item.is-tab.is-active {
  background-color: transparent;
  border-bottom-color: var(--link);
  border-bottom-style: solid;
  border-bottom-width: 3px;
  color: var(--link);
  padding-bottom: calc(0.5rem - 3px);
}
.navbar-content {
  flex-grow: 1;
  flex-shrink: 1;
}
.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em;
}
.navbar-link:not(.is-arrowless)::after {
  border-color: var(--link);
  margin-top: -0.375em;
  right: 1.125em;
}
.navbar-dropdown {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.navbar-dropdown .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.navbar-divider {
  background-color: whitesmoke;
  border: none;
  display: none;
  height: 2px;
  margin: 0.5rem 0;
}
@media screen and (max-width: 1023px) {
  .navbar > .container {
    display: block;
  }

  .navbar-brand .navbar-item,
.navbar-tabs .navbar-item {
    align-items: center;
    display: flex;
  }

  .navbar-link::after {
    display: none;
  }

  .navbar-menu {
    background-color: var(--white);
    box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
    padding: 0.5rem 0;
  }
  .navbar-menu.is-active {
    display: block;
  }

  .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-touch {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-touch.has-shadow {
    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  }
  .navbar.is-fixed-top-touch {
    top: 0;
  }
  .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 3.25rem);
    overflow: auto;
  }

  html.has-navbar-fixed-top-touch,
body.has-navbar-fixed-top-touch {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-touch,
body.has-navbar-fixed-bottom-touch {
    padding-bottom: 3.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .navbar,
.navbar-menu,
.navbar-start,
.navbar-end {
    align-items: stretch;
    display: flex;
  }

  .navbar {
    min-height: 3.25rem;
  }
  .navbar.is-spaced {
    padding: 1rem 2rem;
  }
  .navbar.is-spaced .navbar-start,
.navbar.is-spaced .navbar-end {
    align-items: center;
  }
  .navbar.is-spaced a.navbar-item,
.navbar.is-spaced .navbar-link {
    border-radius: var(--radius);
  }
  .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
.navbar.is-transparent .navbar-link:focus,
.navbar.is-transparent .navbar-link:hover,
.navbar.is-transparent .navbar-link.is-active {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
    background-color: whitesmoke;
    color: #0a0a0a;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: var(--link);
  }

  .navbar-burger {
    display: none;
  }

  .navbar-item,
.navbar-link {
    align-items: center;
    display: flex;
  }

  .navbar-item.has-dropdown {
    align-items: stretch;
  }
  .navbar-item.has-dropdown-up .navbar-link::after {
    transform: rotate(135deg) translate(0.25em, -0.25em);
  }
  .navbar-item.has-dropdown-up .navbar-dropdown {
    border-bottom: 2px solid var(--border);
    border-radius: var(--radius-large) var(--radius-large) 0 0;
    border-top: none;
    bottom: 100%;
    box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
    top: auto;
  }
  .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
  }
  .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0;
  }

  .navbar-start {
    justify-content: flex-start;
    margin-right: auto;
  }

  .navbar-end {
    justify-content: flex-end;
    margin-left: auto;
  }

  .navbar-dropdown {
    background-color: var(--white);
    border-bottom-left-radius: var(--radius-large);
    border-bottom-right-radius: var(--radius-large);
    border-top: 2px solid var(--border);
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
    display: none;
    font-size: 0.875rem;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 20;
  }
  .navbar-dropdown .navbar-item {
    padding: 0.375rem 1rem;
    white-space: nowrap;
  }
  .navbar-dropdown a.navbar-item {
    padding-right: 3rem;
  }
  .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
    background-color: whitesmoke;
    color: #0a0a0a;
  }
  .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: var(--link);
  }
  .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
    border-radius: var(--radius-large);
    border-top: none;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    display: block;
    opacity: 0;
    pointer-events: none;
    top: calc(100% + (-4px));
    transform: translateY(-5px);
    transition-duration: 86ms;
    transition-property: opacity, transform;
  }
  .navbar-dropdown.is-right {
    left: auto;
    right: 0;
  }

  .navbar-divider {
    display: block;
  }

  .navbar > .container .navbar-brand,
.container > .navbar .navbar-brand {
    margin-left: -0.75rem;
  }
  .navbar > .container .navbar-menu,
.container > .navbar .navbar-menu {
    margin-right: -0.75rem;
  }

  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-desktop {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-desktop.has-shadow {
    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  }
  .navbar.is-fixed-top-desktop {
    top: 0;
  }

  html.has-navbar-fixed-top-desktop,
body.has-navbar-fixed-top-desktop {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-desktop,
body.has-navbar-fixed-bottom-desktop {
    padding-bottom: 3.25rem;
  }
  html.has-spaced-navbar-fixed-top,
body.has-spaced-navbar-fixed-top {
    padding-top: 5.25rem;
  }
  html.has-spaced-navbar-fixed-bottom,
body.has-spaced-navbar-fixed-bottom {
    padding-bottom: 5.25rem;
  }

  a.navbar-item.is-active,
.navbar-link.is-active {
    color: #0a0a0a;
  }
  a.navbar-item.is-active:not(:focus):not(:hover),
.navbar-link.is-active:not(:focus):not(:hover) {
    background-color: transparent;
  }

  .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #fafafa;
  }
}
.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 3.25rem);
}
.pagination {
  font-size: 1rem;
  margin: -0.25rem;
}
.pagination.is-small {
  font-size: 0.75rem;
}
.pagination.is-medium {
  font-size: 1.25rem;
}
.pagination.is-large {
  font-size: 1.5rem;
}
.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: var(--radius-rounded);
}
.pagination.is-rounded .pagination-link {
  border-radius: var(--radius-rounded);
}
.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  justify-content: center;
  margin: 0.25rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
}
.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: var(--border);
  color: #363636;
  min-width: 2.5em;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: #b5b5b5;
  color: #363636;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  border-color: #485fc7;
}
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
}
.pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled] {
  background-color: var(--border);
  border-color: var(--border);
  box-shadow: none;
  color: #7a7a7a;
  opacity: 0.5;
}
.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}
.pagination-link.is-current {
  background-color: var(--link);
  border-color: var(--link);
  color: var(--link--color-invert);
}
.pagination-ellipsis {
  color: #b5b5b5;
  pointer-events: none;
}
.pagination-list {
  flex-wrap: wrap;
}
.pagination-list li {
  list-style: none;
}
@media screen and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap;
  }

  .pagination-previous,
.pagination-next {
    flex-grow: 1;
    flex-shrink: 1;
  }

  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 769px), print {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1;
  }

  .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
    margin-bottom: 0;
    margin-top: 0;
  }

  .pagination-previous {
    order: 2;
  }

  .pagination-next {
    order: 3;
  }

  .pagination {
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination.is-centered .pagination-previous {
    order: 1;
  }
  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2;
  }
  .pagination.is-centered .pagination-next {
    order: 3;
  }
  .pagination.is-right .pagination-previous {
    order: 1;
  }
  .pagination.is-right .pagination-next {
    order: 2;
  }
  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3;
  }
}
.panel {
  border-radius: var(--radius-large);
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  font-size: 1rem;
}
.panel:not(:last-child) {
  margin-bottom: 1.5rem;
}
.panel.is-white .panel-heading {
  background-color: var(--white);
  color: #0a0a0a;
}
.panel.is-white .panel-tabs a.is-active {
  border-bottom-color: var(--white);
}
.panel.is-white .panel-block.is-active .panel-icon {
  color: var(--white);
}
.panel.is-black .panel-heading {
  background-color: #0a0a0a;
  color: var(--white);
}
.panel.is-black .panel-tabs a.is-active {
  border-bottom-color: #0a0a0a;
}
.panel.is-black .panel-block.is-active .panel-icon {
  color: #0a0a0a;
}
.panel.is-light .panel-heading {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.panel.is-light .panel-tabs a.is-active {
  border-bottom-color: whitesmoke;
}
.panel.is-light .panel-block.is-active .panel-icon {
  color: whitesmoke;
}
.panel.is-dark .panel-heading {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.panel.is-dark .panel-tabs a.is-active {
  border-bottom-color: var(--dark);
}
.panel.is-dark .panel-block.is-active .panel-icon {
  color: var(--dark);
}
.panel.is-primary .panel-heading {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.panel.is-primary .panel-tabs a.is-active {
  border-bottom-color: var(--primary);
}
.panel.is-primary .panel-block.is-active .panel-icon {
  color: var(--primary);
}
.panel.is-link .panel-heading {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.panel.is-link .panel-tabs a.is-active {
  border-bottom-color: var(--link);
}
.panel.is-link .panel-block.is-active .panel-icon {
  color: var(--link);
}
.panel.is-info .panel-heading {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.panel.is-info .panel-tabs a.is-active {
  border-bottom-color: var(--info);
}
.panel.is-info .panel-block.is-active .panel-icon {
  color: var(--info);
}
.panel.is-success .panel-heading {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.panel.is-success .panel-tabs a.is-active {
  border-bottom-color: var(--success);
}
.panel.is-success .panel-block.is-active .panel-icon {
  color: var(--success);
}
.panel.is-warning .panel-heading {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.panel.is-warning .panel-tabs a.is-active {
  border-bottom-color: var(--warning);
}
.panel.is-warning .panel-block.is-active .panel-icon {
  color: var(--warning);
}
.panel.is-danger .panel-heading {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.panel.is-danger .panel-tabs a.is-active {
  border-bottom-color: var(--danger);
}
.panel.is-danger .panel-block.is-active .panel-icon {
  color: var(--danger);
}
.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
  border-bottom: 1px solid #ededed;
}
.panel-heading {
  background-color: #ededed;
  border-radius: var(--radius-large) var(--radius-large) 0 0;
  color: #363636;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.25;
  padding: 0.75em 1em;
}
.panel-tabs {
  align-items: flex-end;
  display: flex;
  font-size: 0.875em;
  justify-content: center;
}
.panel-tabs a {
  border-bottom: 1px solid var(--border);
  margin-bottom: -1px;
  padding: 0.5em;
}
.panel-tabs a.is-active {
  border-bottom-color: #4a4a4a;
  color: #363636;
}
.panel-list a {
  color: #4a4a4a;
}
.panel-list a:hover {
  color: var(--link);
}
.panel-block {
  align-items: center;
  color: #363636;
  display: flex;
  justify-content: flex-start;
  padding: 0.5em 0.75em;
}
.panel-block input[type=checkbox] {
  margin-right: 0.75em;
}
.panel-block > .control {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}
.panel-block.is-wrapped {
  flex-wrap: wrap;
}
.panel-block.is-active {
  border-left-color: var(--link);
  color: #363636;
}
.panel-block.is-active .panel-icon {
  color: var(--link);
}
.panel-block:last-child {
  border-bottom-left-radius: var(--radius-large);
  border-bottom-right-radius: var(--radius-large);
}
a.panel-block,
label.panel-block {
  cursor: pointer;
}
a.panel-block:hover,
label.panel-block:hover {
  background-color: whitesmoke;
}
.panel-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: #7a7a7a;
  margin-right: 0.75em;
}
.panel-icon .fa {
  font-size: inherit;
  line-height: inherit;
}
.tabs {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.tabs a {
  align-items: center;
  border-bottom-color: var(--border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #4a4a4a;
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
}
.tabs a:hover {
  border-bottom-color: #363636;
  color: #363636;
}
.tabs li {
  display: block;
}
.tabs li.is-active a {
  border-bottom-color: var(--link);
  color: var(--link);
}
.tabs ul {
  align-items: center;
  border-bottom-color: var(--border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}
.tabs ul.is-left {
  padding-right: 0.75em;
}
.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}
.tabs .icon:first-child {
  margin-right: 0.5em;
}
.tabs .icon:last-child {
  margin-left: 0.5em;
}
.tabs.is-centered ul {
  justify-content: center;
}
.tabs.is-right ul {
  justify-content: flex-end;
}
.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: var(--radius) var(--radius) 0 0;
}
.tabs.is-boxed a:hover {
  background-color: whitesmoke;
  border-bottom-color: var(--border);
}
.tabs.is-boxed li.is-active a {
  background-color: var(--white);
  border-color: var(--border);
  border-bottom-color: transparent !important;
}
.tabs.is-fullwidth li {
  flex-grow: 1;
  flex-shrink: 0;
}
.tabs.is-toggle a {
  border-color: var(--border);
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  position: relative;
}
.tabs.is-toggle a:hover {
  background-color: whitesmoke;
  border-color: #b5b5b5;
  z-index: 2;
}
.tabs.is-toggle li + li {
  margin-left: -1px;
}
.tabs.is-toggle li:first-child a {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.tabs.is-toggle li:last-child a {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.tabs.is-toggle li.is-active a {
  background-color: var(--link);
  border-color: var(--link);
  color: var(--link--color-invert);
  z-index: 1;
}
.tabs.is-toggle ul {
  border-bottom: none;
}
.tabs.is-toggle.is-toggle-rounded li:first-child a {
  border-bottom-left-radius: var(--radius-rounded);
  border-top-left-radius: var(--radius-rounded);
  padding-left: 1.25em;
}
.tabs.is-toggle.is-toggle-rounded li:last-child a {
  border-bottom-right-radius: var(--radius-rounded);
  border-top-right-radius: var(--radius-rounded);
  padding-right: 1.25em;
}
.tabs.is-small {
  font-size: 0.75rem;
}
.tabs.is-medium {
  font-size: 1.25rem;
}
.tabs.is-large {
  font-size: 1.5rem;
}
/* Bulma Grid */
.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
  width: unset;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
  margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
  margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
  margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
  margin-left: 80%;
}
.columns.is-mobile > .column.is-0 {
  flex: none;
  width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
  margin-left: 0%;
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.33333337%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.33333337%;
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.66666674%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.66666674%;
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.33333337%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.33333337%;
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.66666674%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.66666674%;
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.33333337%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.33333337%;
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.66666674%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.66666674%;
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.33333337%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.33333337%;
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.66666674%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.66666674%;
}
.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
    width: unset;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-0-mobile {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-mobile {
    margin-left: 0%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.33333337%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.66666674%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.33333337%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.66666674%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.33333337%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.66666674%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.33333337%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.66666674%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
    width: unset;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-left: 80%;
  }
  .column.is-0, .column.is-0-tablet {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0, .column.is-offset-0-tablet {
    margin-left: 0%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.33333337%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.66666674%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.33333337%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.66666674%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.33333337%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.66666674%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.33333337%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.66666674%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .column.is-narrow-touch {
    flex: none;
    width: unset;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-left: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-left: 80%;
  }
  .column.is-0-touch {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-touch {
    margin-left: 0%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.33333337%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.66666674%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.33333337%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.66666674%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.33333337%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.66666674%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.33333337%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.66666674%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .column.is-narrow-desktop {
    flex: none;
    width: unset;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-left: 80%;
  }
  .column.is-0-desktop {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-desktop {
    margin-left: 0%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.33333337%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.66666674%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.33333337%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.66666674%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.33333337%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.66666674%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.33333337%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.66666674%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1216px) {
  .column.is-narrow-widescreen {
    flex: none;
    width: unset;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%;
  }
  .column.is-0-widescreen {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-widescreen {
    margin-left: 0%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.33333337%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.66666674%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.33333337%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.66666674%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.33333337%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.66666674%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.33333337%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.66666674%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 100%;
  }
}
.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.columns:last-child {
  margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.75rem);
}
.columns.is-centered {
  justify-content: center;
}
.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
  margin-bottom: 0;
}
.columns.is-mobile {
  display: flex;
}
.columns.is-multiline {
  flex-wrap: wrap;
}
.columns.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-desktop {
    display: flex;
  }
}
.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable > .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
  --columnGap: 0rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-0-mobile {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-0-tablet {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-0-tablet-only {
    --columnGap: 0rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-0-touch {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-0-desktop {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-0-desktop-only {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-0-widescreen {
    --columnGap: 0rem;
  }
}
.columns.is-variable.is-1 {
  --columnGap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-1-mobile {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-1-tablet {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-1-tablet-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-1-touch {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-1-desktop {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-1-desktop-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-1-widescreen {
    --columnGap: 0.25rem;
  }
}
.columns.is-variable.is-2 {
  --columnGap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-2-mobile {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-2-tablet {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-2-tablet-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-2-touch {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-2-desktop {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-2-desktop-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-2-widescreen {
    --columnGap: 0.5rem;
  }
}
.columns.is-variable.is-3 {
  --columnGap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-3-mobile {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-3-tablet {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-3-tablet-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-3-touch {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-3-desktop {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-3-desktop-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-3-widescreen {
    --columnGap: 0.75rem;
  }
}
.columns.is-variable.is-4 {
  --columnGap: 1rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-4-mobile {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-4-tablet {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-4-tablet-only {
    --columnGap: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-4-touch {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-4-desktop {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-4-desktop-only {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-4-widescreen {
    --columnGap: 1rem;
  }
}
.columns.is-variable.is-5 {
  --columnGap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-5-mobile {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-5-tablet {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-5-tablet-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-5-touch {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-5-desktop {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-5-desktop-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-5-widescreen {
    --columnGap: 1.25rem;
  }
}
.columns.is-variable.is-6 {
  --columnGap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-6-mobile {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-6-tablet {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-6-tablet-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-6-touch {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-6-desktop {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-6-desktop-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-6-widescreen {
    --columnGap: 1.5rem;
  }
}
.columns.is-variable.is-7 {
  --columnGap: 1.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-7-mobile {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-7-tablet {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-7-tablet-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-7-touch {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-7-desktop {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-7-desktop-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-7-widescreen {
    --columnGap: 1.75rem;
  }
}
.columns.is-variable.is-8 {
  --columnGap: 2rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-8-mobile {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-8-tablet {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-8-tablet-only {
    --columnGap: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-8-touch {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-8-desktop {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-8-desktop-only {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-8-widescreen {
    --columnGap: 2rem;
  }
}
.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: min-content;
}
.tile.is-ancestor {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}
.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}
.tile.is-child {
  margin: 0 !important;
}
.tile.is-parent {
  padding: 0.75rem;
}
.tile.is-vertical {
  flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 769px), print {
  .tile:not(.is-child) {
    display: flex;
  }
  .tile.is-1 {
    flex: none;
    width: 8.33333337%;
  }
  .tile.is-2 {
    flex: none;
    width: 16.66666674%;
  }
  .tile.is-3 {
    flex: none;
    width: 25%;
  }
  .tile.is-4 {
    flex: none;
    width: 33.33333337%;
  }
  .tile.is-5 {
    flex: none;
    width: 41.66666674%;
  }
  .tile.is-6 {
    flex: none;
    width: 50%;
  }
  .tile.is-7 {
    flex: none;
    width: 58.33333337%;
  }
  .tile.is-8 {
    flex: none;
    width: 66.66666674%;
  }
  .tile.is-9 {
    flex: none;
    width: 75%;
  }
  .tile.is-10 {
    flex: none;
    width: 83.33333337%;
  }
  .tile.is-11 {
    flex: none;
    width: 91.66666674%;
  }
  .tile.is-12 {
    flex: none;
    width: 100%;
  }
}
/* Bulma Helpers */
.has-text-white {
  color: var(--white) !important;
}
a.has-text-white:hover, a.has-text-white:focus {
  color: var(--white) !important;
}
.has-background-white {
  background-color: var(--white) !important;
}
.has-text-black {
  color: #0a0a0a !important;
}
a.has-text-black:hover, a.has-text-black:focus {
  color: black !important;
}
.has-background-black {
  background-color: #0a0a0a !important;
}
.has-text-light {
  color: whitesmoke !important;
}
a.has-text-light:hover, a.has-text-light:focus {
  color: #dbdbdb !important;
}
.has-background-light {
  background-color: whitesmoke !important;
}
.has-text-dark {
  color: var(--dark) !important;
}
a.has-text-dark:hover, a.has-text-dark:focus {
  color: var(--dark) !important;
}
.has-background-dark {
  background-color: var(--dark) !important;
}
.has-text-primary {
  color: var(--primary) !important;
}
a.has-text-primary:hover, a.has-text-primary:focus {
  color: var(--primary) !important;
}
.has-background-primary {
  background-color: var(--primary) !important;
}
.has-text-primary-light {
  color: var(--primary--light-color) !important;
}
a.has-text-primary-light:hover, a.has-text-primary-light:focus {
  color: var(--primary--light-color) !important;
}
.has-background-primary-light {
  background-color: var(--primary--light-color) !important;
}
.has-text-primary-dark {
  color: var(--primary--dark-color) !important;
}
a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
  color: var(--primary--dark-color) !important;
}
.has-background-primary-dark {
  background-color: var(--primary--dark-color) !important;
}
.has-text-link {
  color: var(--link) !important;
}
a.has-text-link:hover, a.has-text-link:focus {
  color: var(--link) !important;
}
.has-background-link {
  background-color: var(--link) !important;
}
.has-text-link-light {
  color: var(--link--light-color) !important;
}
a.has-text-link-light:hover, a.has-text-link-light:focus {
  color: var(--link--light-color) !important;
}
.has-background-link-light {
  background-color: var(--link--light-color) !important;
}
.has-text-link-dark {
  color: var(--link--dark-color) !important;
}
a.has-text-link-dark:hover, a.has-text-link-dark:focus {
  color: var(--link--dark-color) !important;
}
.has-background-link-dark {
  background-color: var(--link--dark-color) !important;
}
.has-text-info {
  color: var(--info) !important;
}
a.has-text-info:hover, a.has-text-info:focus {
  color: var(--info) !important;
}
.has-background-info {
  background-color: var(--info) !important;
}
.has-text-info-light {
  color: var(--info--light-color) !important;
}
a.has-text-info-light:hover, a.has-text-info-light:focus {
  color: var(--info--light-color) !important;
}
.has-background-info-light {
  background-color: var(--info--light-color) !important;
}
.has-text-info-dark {
  color: var(--info--dark-color) !important;
}
a.has-text-info-dark:hover, a.has-text-info-dark:focus {
  color: var(--info--dark-color) !important;
}
.has-background-info-dark {
  background-color: var(--info--dark-color) !important;
}
.has-text-success {
  color: var(--success) !important;
}
a.has-text-success:hover, a.has-text-success:focus {
  color: var(--success) !important;
}
.has-background-success {
  background-color: var(--success) !important;
}
.has-text-success-light {
  color: var(--success--light-color) !important;
}
a.has-text-success-light:hover, a.has-text-success-light:focus {
  color: var(--success--light-color) !important;
}
.has-background-success-light {
  background-color: var(--success--light-color) !important;
}
.has-text-success-dark {
  color: var(--success--dark-color) !important;
}
a.has-text-success-dark:hover, a.has-text-success-dark:focus {
  color: var(--success--dark-color) !important;
}
.has-background-success-dark {
  background-color: var(--success--dark-color) !important;
}
.has-text-warning {
  color: var(--warning) !important;
}
a.has-text-warning:hover, a.has-text-warning:focus {
  color: var(--warning) !important;
}
.has-background-warning {
  background-color: var(--warning) !important;
}
.has-text-warning-light {
  color: var(--warning--light-color) !important;
}
a.has-text-warning-light:hover, a.has-text-warning-light:focus {
  color: var(--warning--light-color) !important;
}
.has-background-warning-light {
  background-color: var(--warning--light-color) !important;
}
.has-text-warning-dark {
  color: var(--warning--dark-color) !important;
}
a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
  color: var(--warning--dark-color) !important;
}
.has-background-warning-dark {
  background-color: var(--warning--dark-color) !important;
}
.has-text-danger {
  color: var(--danger) !important;
}
a.has-text-danger:hover, a.has-text-danger:focus {
  color: var(--danger) !important;
}
.has-background-danger {
  background-color: var(--danger) !important;
}
.has-text-danger-light {
  color: var(--danger--light-color) !important;
}
a.has-text-danger-light:hover, a.has-text-danger-light:focus {
  color: var(--danger--light-color) !important;
}
.has-background-danger-light {
  background-color: var(--danger--light-color) !important;
}
.has-text-danger-dark {
  color: var(--danger--dark-color) !important;
}
a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
  color: var(--danger--dark-color) !important;
}
.has-background-danger-dark {
  background-color: var(--danger--dark-color) !important;
}
.has-text-black-bis {
  color: #121212 !important;
}
.has-background-black-bis {
  background-color: #121212 !important;
}
.has-text-black-ter {
  color: #242424 !important;
}
.has-background-black-ter {
  background-color: #242424 !important;
}
.has-text-grey-darker {
  color: #363636 !important;
}
.has-background-grey-darker {
  background-color: #363636 !important;
}
.has-text-grey-dark {
  color: #4a4a4a !important;
}
.has-background-grey-dark {
  background-color: #4a4a4a !important;
}
.has-text-grey {
  color: #7a7a7a !important;
}
.has-background-grey {
  background-color: #7a7a7a !important;
}
.has-text-grey-light {
  color: #b5b5b5 !important;
}
.has-background-grey-light {
  background-color: #b5b5b5 !important;
}
.has-text-grey-lighter {
  color: #dbdbdb !important;
}
.has-background-grey-lighter {
  background-color: #dbdbdb !important;
}
.has-text-white-ter {
  color: whitesmoke !important;
}
.has-background-white-ter {
  background-color: whitesmoke !important;
}
.has-text-white-bis {
  color: #fafafa !important;
}
.has-background-white-bis {
  background-color: #fafafa !important;
}
.is-flex-direction-row {
  flex-direction: row !important;
}
.is-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}
.is-flex-direction-column {
  flex-direction: column !important;
}
.is-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}
.is-flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}
.is-flex-wrap-wrap {
  flex-wrap: wrap !important;
}
.is-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.is-justify-content-flex-start {
  justify-content: flex-start !important;
}
.is-justify-content-flex-end {
  justify-content: flex-end !important;
}
.is-justify-content-center {
  justify-content: center !important;
}
.is-justify-content-space-between {
  justify-content: space-between !important;
}
.is-justify-content-space-around {
  justify-content: space-around !important;
}
.is-justify-content-space-evenly {
  justify-content: space-evenly !important;
}
.is-justify-content-start {
  justify-content: start !important;
}
.is-justify-content-end {
  justify-content: end !important;
}
.is-justify-content-left {
  justify-content: left !important;
}
.is-justify-content-right {
  justify-content: right !important;
}
.is-align-content-flex-start {
  align-content: flex-start !important;
}
.is-align-content-flex-end {
  align-content: flex-end !important;
}
.is-align-content-center {
  align-content: center !important;
}
.is-align-content-space-between {
  align-content: space-between !important;
}
.is-align-content-space-around {
  align-content: space-around !important;
}
.is-align-content-space-evenly {
  align-content: space-evenly !important;
}
.is-align-content-stretch {
  align-content: stretch !important;
}
.is-align-content-start {
  align-content: start !important;
}
.is-align-content-end {
  align-content: end !important;
}
.is-align-content-baseline {
  align-content: baseline !important;
}
.is-align-items-stretch {
  align-items: stretch !important;
}
.is-align-items-flex-start {
  align-items: flex-start !important;
}
.is-align-items-flex-end {
  align-items: flex-end !important;
}
.is-align-items-center {
  align-items: center !important;
}
.is-align-items-baseline {
  align-items: baseline !important;
}
.is-align-items-start {
  align-items: start !important;
}
.is-align-items-end {
  align-items: end !important;
}
.is-align-items-self-start {
  align-items: self-start !important;
}
.is-align-items-self-end {
  align-items: self-end !important;
}
.is-align-self-auto {
  align-self: auto !important;
}
.is-align-self-flex-start {
  align-self: flex-start !important;
}
.is-align-self-flex-end {
  align-self: flex-end !important;
}
.is-align-self-center {
  align-self: center !important;
}
.is-align-self-baseline {
  align-self: baseline !important;
}
.is-align-self-stretch {
  align-self: stretch !important;
}
.is-flex-grow-0 {
  flex-grow: 0 !important;
}
.is-flex-grow-1 {
  flex-grow: 1 !important;
}
.is-flex-grow-2 {
  flex-grow: 2 !important;
}
.is-flex-grow-3 {
  flex-grow: 3 !important;
}
.is-flex-grow-4 {
  flex-grow: 4 !important;
}
.is-flex-grow-5 {
  flex-grow: 5 !important;
}
.is-flex-shrink-0 {
  flex-shrink: 0 !important;
}
.is-flex-shrink-1 {
  flex-shrink: 1 !important;
}
.is-flex-shrink-2 {
  flex-shrink: 2 !important;
}
.is-flex-shrink-3 {
  flex-shrink: 3 !important;
}
.is-flex-shrink-4 {
  flex-shrink: 4 !important;
}
.is-flex-shrink-5 {
  flex-shrink: 5 !important;
}
.is-clearfix::after {
  clear: both;
  content: " ";
  display: table;
}
.is-pulled-left {
  float: left !important;
}
.is-pulled-right {
  float: right !important;
}
.is-radiusless {
  border-radius: 0 !important;
}
.is-shadowless {
  box-shadow: none !important;
}
.is-clickable {
  cursor: pointer !important;
  pointer-events: all !important;
}
.is-clipped {
  overflow: hidden !important;
}
.is-relative {
  position: relative !important;
}
.is-marginless {
  margin: 0 !important;
}
.is-paddingless {
  padding: 0 !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.m-3 {
  margin: 0.75rem !important;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.mr-3 {
  margin-right: 0.75rem !important;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.ml-3 {
  margin-left: 0.75rem !important;
}
.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}
.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.m-4 {
  margin: 1rem !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.mr-4 {
  margin-right: 1rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.ml-4 {
  margin-left: 1rem !important;
}
.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.m-5 {
  margin: 1.5rem !important;
}
.mt-5 {
  margin-top: 1.5rem !important;
}
.mr-5 {
  margin-right: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 1.5rem !important;
}
.ml-5 {
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.m-6 {
  margin: 3rem !important;
}
.mt-6 {
  margin-top: 3rem !important;
}
.mr-6 {
  margin-right: 3rem !important;
}
.mb-6 {
  margin-bottom: 3rem !important;
}
.ml-6 {
  margin-left: 3rem !important;
}
.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.p-3 {
  padding: 0.75rem !important;
}
.pt-3 {
  padding-top: 0.75rem !important;
}
.pr-3 {
  padding-right: 0.75rem !important;
}
.pb-3 {
  padding-bottom: 0.75rem !important;
}
.pl-3 {
  padding-left: 0.75rem !important;
}
.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.p-4 {
  padding: 1rem !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.pr-4 {
  padding-right: 1rem !important;
}
.pb-4 {
  padding-bottom: 1rem !important;
}
.pl-4 {
  padding-left: 1rem !important;
}
.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.p-5 {
  padding: 1.5rem !important;
}
.pt-5 {
  padding-top: 1.5rem !important;
}
.pr-5 {
  padding-right: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 1.5rem !important;
}
.pl-5 {
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.p-6 {
  padding: 3rem !important;
}
.pt-6 {
  padding-top: 3rem !important;
}
.pr-6 {
  padding-right: 3rem !important;
}
.pb-6 {
  padding-bottom: 3rem !important;
}
.pl-6 {
  padding-left: 3rem !important;
}
.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.p-auto {
  padding: auto !important;
}
.pt-auto {
  padding-top: auto !important;
}
.pr-auto {
  padding-right: auto !important;
}
.pb-auto {
  padding-bottom: auto !important;
}
.pl-auto {
  padding-left: auto !important;
}
.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}
.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.is-size-1 {
  font-size: 3rem !important;
}
.is-size-2 {
  font-size: 2.5rem !important;
}
.is-size-3 {
  font-size: 2rem !important;
}
.is-size-4 {
  font-size: 1.5rem !important;
}
.is-size-5 {
  font-size: 1.25rem !important;
}
.is-size-6 {
  font-size: 1rem !important;
}
.is-size-7 {
  font-size: 0.75rem !important;
}
@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3rem !important;
  }

  .is-size-2-mobile {
    font-size: 2.5rem !important;
  }

  .is-size-3-mobile {
    font-size: 2rem !important;
  }

  .is-size-4-mobile {
    font-size: 1.5rem !important;
  }

  .is-size-5-mobile {
    font-size: 1.25rem !important;
  }

  .is-size-6-mobile {
    font-size: 1rem !important;
  }

  .is-size-7-mobile {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 3rem !important;
  }

  .is-size-2-tablet {
    font-size: 2.5rem !important;
  }

  .is-size-3-tablet {
    font-size: 2rem !important;
  }

  .is-size-4-tablet {
    font-size: 1.5rem !important;
  }

  .is-size-5-tablet {
    font-size: 1.25rem !important;
  }

  .is-size-6-tablet {
    font-size: 1rem !important;
  }

  .is-size-7-tablet {
    font-size: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-size-1-touch {
    font-size: 3rem !important;
  }

  .is-size-2-touch {
    font-size: 2.5rem !important;
  }

  .is-size-3-touch {
    font-size: 2rem !important;
  }

  .is-size-4-touch {
    font-size: 1.5rem !important;
  }

  .is-size-5-touch {
    font-size: 1.25rem !important;
  }

  .is-size-6-touch {
    font-size: 1rem !important;
  }

  .is-size-7-touch {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-size-1-desktop {
    font-size: 3rem !important;
  }

  .is-size-2-desktop {
    font-size: 2.5rem !important;
  }

  .is-size-3-desktop {
    font-size: 2rem !important;
  }

  .is-size-4-desktop {
    font-size: 1.5rem !important;
  }

  .is-size-5-desktop {
    font-size: 1.25rem !important;
  }

  .is-size-6-desktop {
    font-size: 1rem !important;
  }

  .is-size-7-desktop {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important;
  }

  .is-size-2-widescreen {
    font-size: 2.5rem !important;
  }

  .is-size-3-widescreen {
    font-size: 2rem !important;
  }

  .is-size-4-widescreen {
    font-size: 1.5rem !important;
  }

  .is-size-5-widescreen {
    font-size: 1.25rem !important;
  }

  .is-size-6-widescreen {
    font-size: 1rem !important;
  }

  .is-size-7-widescreen {
    font-size: 0.75rem !important;
  }
}
.has-text-centered {
  text-align: center !important;
}
.has-text-justified {
  text-align: justify !important;
}
.has-text-left {
  text-align: left !important;
}
.has-text-right {
  text-align: right !important;
}
@media screen and (max-width: 768px) {
  .has-text-centered-mobile {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-centered-tablet {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-centered-tablet-only {
    text-align: center !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-centered-touch {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-centered-desktop {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-centered-widescreen {
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-justified-touch {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-justified-desktop {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-left-mobile {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-left-tablet {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-left-tablet-only {
    text-align: left !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-left-touch {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-left-desktop {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-left-desktop-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-left-widescreen {
    text-align: left !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-right-mobile {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-right-tablet {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-right-tablet-only {
    text-align: right !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-right-touch {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-right-desktop {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-right-desktop-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-right-widescreen {
    text-align: right !important;
  }
}
.is-capitalized {
  text-transform: capitalize !important;
}
.is-lowercase {
  text-transform: lowercase !important;
}
.is-uppercase {
  text-transform: uppercase !important;
}
.is-italic {
  font-style: italic !important;
}
.is-underlined {
  text-decoration: underline !important;
}
.has-text-weight-light {
  font-weight: 300 !important;
}
.has-text-weight-normal {
  font-weight: 400 !important;
}
.has-text-weight-medium {
  font-weight: 500 !important;
}
.has-text-weight-semibold {
  font-weight: 600 !important;
}
.has-text-weight-bold {
  font-weight: 700 !important;
}
.is-family-primary {
  font-family: "Noto Sans KR", sans-serif !important;
}
.is-family-secondary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}
.is-family-sans-serif {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}
.is-family-monospace {
  font-family: monospace !important;
}
.is-family-code {
  font-family: monospace !important;
}
.is-block {
  display: block !important;
}
@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-block-tablet {
    display: block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-block-tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-block-touch {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-block-desktop {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-block-desktop-only {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-block-widescreen {
    display: block !important;
  }
}
.is-flex {
  display: flex !important;
}
@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-flex-tablet {
    display: flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-flex-tablet-only {
    display: flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-flex-touch {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-flex-desktop {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-flex-desktop-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-flex-widescreen {
    display: flex !important;
  }
}
.is-inline {
  display: inline !important;
}
@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-tablet {
    display: inline !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-tablet-only {
    display: inline !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-touch {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-desktop {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-desktop-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-widescreen {
    display: inline !important;
  }
}
.is-inline-block {
  display: inline-block !important;
}
@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-block-tablet {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-block-touch {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-block-desktop {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-block-desktop-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-block-widescreen {
    display: inline-block !important;
  }
}
.is-inline-flex {
  display: inline-flex !important;
}
@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-flex-tablet {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}
.is-hidden {
  display: none !important;
}
.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}
@media screen and (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-hidden-tablet {
    display: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-hidden-tablet-only {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-hidden-touch {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-hidden-desktop {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-hidden-desktop-only {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-hidden-widescreen {
    display: none !important;
  }
}
.is-invisible {
  visibility: hidden !important;
}
@media screen and (max-width: 768px) {
  .is-invisible-mobile {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-invisible-tablet {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-invisible-tablet-only {
    visibility: hidden !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-invisible-touch {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-invisible-desktop {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-invisible-desktop-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-invisible-widescreen {
    visibility: hidden !important;
  }
}
/* Bulma Layout */
.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero .navbar {
  background: none;
}
.hero .tabs ul {
  border-bottom: none;
}
.hero.is-white {
  background-color: var(--white);
  color: #0a0a0a;
}
.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
  color: inherit;
}
.hero.is-white .title {
  color: #0a0a0a;
}
.hero.is-white .subtitle {
  color: rgba(10, 10, 10, 0.9);
}
.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
  color: #0a0a0a;
}
@media screen and (max-width: 1023px) {
  .hero.is-white .navbar-menu {
    background-color: var(--white);
  }
}
.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
  color: rgba(10, 10, 10, 0.7);
}
.hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white .navbar-link.is-active {
  background-color: var(--white);
  color: #0a0a0a;
}
.hero.is-white .tabs a {
  color: #0a0a0a;
  opacity: 0.9;
}
.hero.is-white .tabs a:hover {
  opacity: 1;
}
.hero.is-white .tabs li.is-active a {
  color: var(--white) !important;
  opacity: 1;
}
.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
  color: #0a0a0a;
}
.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: var(--white);
}
.hero.is-black {
  background-color: #0a0a0a;
  color: var(--white);
}
.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
  color: inherit;
}
.hero.is-black .title {
  color: var(--white);
}
.hero.is-black .subtitle {
  color: var(--white);
}
.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
  color: var(--white);
}
@media screen and (max-width: 1023px) {
  .hero.is-black .navbar-menu {
    background-color: #0a0a0a;
  }
}
.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
  color: var(--white);
}
.hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black .navbar-link.is-active {
  background-color: black;
  color: var(--white);
}
.hero.is-black .tabs a {
  color: var(--white);
  opacity: 0.9;
}
.hero.is-black .tabs a:hover {
  opacity: 1;
}
.hero.is-black .tabs li.is-active a {
  color: #0a0a0a !important;
  opacity: 1;
}
.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
  color: var(--white);
}
.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
  background-color: var(--white);
  border-color: var(--white);
  color: #0a0a0a;
}
.hero.is-black.is-bold {
  background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-black.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
  }
}
.hero.is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
  color: inherit;
}
.hero.is-light .title {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .subtitle {
  color: rgba(0, 0, 0, 0.9);
}
.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1023px) {
  .hero.is-light .navbar-menu {
    background-color: whitesmoke;
  }
}
.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
  background-color: #e8e8e8;
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}
.hero.is-light .tabs a:hover {
  opacity: 1;
}
.hero.is-light .tabs li.is-active a {
  color: whitesmoke !important;
  opacity: 1;
}
.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: whitesmoke;
}
.hero.is-light.is-bold {
  background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-light.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
  }
}
.hero.is-dark {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
  color: inherit;
}
.hero.is-dark .title {
  color: var(--dark--color-invert);
}
.hero.is-dark .subtitle {
  color: var(--dark--color-invert);
}
.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
  color: var(--dark--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-dark .navbar-menu {
    background-color: var(--dark);
  }
}
.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
  color: var(--dark--color-invert);
}
.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.hero.is-dark .tabs a {
  color: var(--dark--color-invert);
  opacity: 0.9;
}
.hero.is-dark .tabs a:hover {
  opacity: 1;
}
.hero.is-dark .tabs li.is-active a {
  color: var(--dark) !important;
  opacity: 1;
}
.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
  color: var(--dark--color-invert);
}
.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
  background-color: var(--dark--color-invert);
  border-color: var(--dark--color-invert);
  color: var(--dark);
}
.hero.is-primary {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
  color: inherit;
}
.hero.is-primary .title {
  color: var(--primary--color-invert);
}
.hero.is-primary .subtitle {
  color: var(--primary--color-invert);
}
.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
  color: var(--primary--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-primary .navbar-menu {
    background-color: var(--primary);
  }
}
.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
  color: var(--primary--color-invert);
}
.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.hero.is-primary .tabs a {
  color: var(--primary--color-invert);
  opacity: 0.9;
}
.hero.is-primary .tabs a:hover {
  opacity: 1;
}
.hero.is-primary .tabs li.is-active a {
  color: var(--primary) !important;
  opacity: 1;
}
.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
  color: var(--primary--color-invert);
}
.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
  background-color: var(--primary--color-invert);
  border-color: var(--primary--color-invert);
  color: var(--primary);
}
.hero.is-link {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
  color: inherit;
}
.hero.is-link .title {
  color: var(--link--color-invert);
}
.hero.is-link .subtitle {
  color: var(--link--color-invert);
}
.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
  color: var(--link--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-link .navbar-menu {
    background-color: var(--link);
  }
}
.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
  color: var(--link--color-invert);
}
.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.hero.is-link .tabs a {
  color: var(--link--color-invert);
  opacity: 0.9;
}
.hero.is-link .tabs a:hover {
  opacity: 1;
}
.hero.is-link .tabs li.is-active a {
  color: var(--link) !important;
  opacity: 1;
}
.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
  color: var(--link--color-invert);
}
.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
  background-color: var(--link--color-invert);
  border-color: var(--link--color-invert);
  color: var(--link);
}
.hero.is-info {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
  color: inherit;
}
.hero.is-info .title {
  color: var(--info--color-invert);
}
.hero.is-info .subtitle {
  color: var(--info--color-invert);
}
.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
  color: var(--info--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-info .navbar-menu {
    background-color: var(--info);
  }
}
.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
  color: var(--info--color-invert);
}
.hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info .navbar-link.is-active {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.hero.is-info .tabs a {
  color: var(--info--color-invert);
  opacity: 0.9;
}
.hero.is-info .tabs a:hover {
  opacity: 1;
}
.hero.is-info .tabs li.is-active a {
  color: var(--info) !important;
  opacity: 1;
}
.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
  color: var(--info--color-invert);
}
.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
  background-color: var(--info--color-invert);
  border-color: var(--info--color-invert);
  color: var(--info);
}
.hero.is-success {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
  color: inherit;
}
.hero.is-success .title {
  color: var(--success--color-invert);
}
.hero.is-success .subtitle {
  color: var(--success--color-invert);
}
.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
  color: var(--success--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-success .navbar-menu {
    background-color: var(--success);
  }
}
.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
  color: var(--success--color-invert);
}
.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.hero.is-success .tabs a {
  color: var(--success--color-invert);
  opacity: 0.9;
}
.hero.is-success .tabs a:hover {
  opacity: 1;
}
.hero.is-success .tabs li.is-active a {
  color: var(--success) !important;
  opacity: 1;
}
.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
  color: var(--success--color-invert);
}
.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
  background-color: var(--success--color-invert);
  border-color: var(--success--color-invert);
  color: var(--success);
}
.hero.is-warning {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
  color: inherit;
}
.hero.is-warning .title {
  color: var(--warning--color-invert);
}
.hero.is-warning .subtitle {
  color: var(--warning--color-invert);
}
.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
  color: var(--warning--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-warning .navbar-menu {
    background-color: var(--warning);
  }
}
.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
  color: var(--warning--color-invert);
}
.hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning .navbar-link.is-active {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.hero.is-warning .tabs a {
  color: var(--warning--color-invert);
  opacity: 0.9;
}
.hero.is-warning .tabs a:hover {
  opacity: 1;
}
.hero.is-warning .tabs li.is-active a {
  color: var(--warning) !important;
  opacity: 1;
}
.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
  color: var(--warning--color-invert);
}
.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
  background-color: var(--warning--color-invert);
  border-color: var(--warning--color-invert);
  color: var(--warning);
}
.hero.is-danger {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
  color: inherit;
}
.hero.is-danger .title {
  color: var(--danger--color-invert);
}
.hero.is-danger .subtitle {
  color: var(--danger--color-invert);
}
.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
  color: var(--danger--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-danger .navbar-menu {
    background-color: var(--danger);
  }
}
.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
  color: var(--danger--color-invert);
}
.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.hero.is-danger .tabs a {
  color: var(--danger--color-invert);
  opacity: 0.9;
}
.hero.is-danger .tabs a:hover {
  opacity: 1;
}
.hero.is-danger .tabs li.is-active a {
  color: var(--danger) !important;
  opacity: 1;
}
.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
  color: var(--danger--color-invert);
}
.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
  background-color: var(--danger--color-invert);
  border-color: var(--danger--color-invert);
  color: var(--danger);
}
.hero.is-small .hero-body {
  padding: 1.5rem;
}
@media screen and (min-width: 769px), print {
  .hero.is-medium .hero-body {
    padding: 9rem 4.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero.is-large .hero-body {
    padding: 18rem 6rem;
  }
}
.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
  align-items: center;
  display: flex;
}
.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
  flex-grow: 1;
  flex-shrink: 1;
}
.hero.is-halfheight {
  min-height: 50vh;
}
.hero.is-fullheight {
  min-height: 100vh;
}
.hero-video {
  overflow: hidden;
}
.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.hero-video.is-transparent {
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  .hero-video {
    display: none;
  }
}
.hero-buttons {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .hero-buttons .button {
    display: flex;
  }
  .hero-buttons .button:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero-buttons {
    display: flex;
    justify-content: center;
  }
  .hero-buttons .button:not(:last-child) {
    margin-right: 1.5rem;
  }
}
.hero-head,
.hero-foot {
  flex-grow: 0;
  flex-shrink: 0;
}
.hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 769px), print {
  .hero-body {
    padding: 3rem 3rem;
  }
}
.section {
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 1024px) {
  .section {
    padding: 3rem 3rem;
  }
  .section.is-medium {
    padding: 9rem 4.5rem;
  }
  .section.is-large {
    padding: 18rem 6rem;
  }
}
.footer {
  background-color: #fafafa;
  padding: 3rem 1.5rem 6rem;
}
/* Bulma Base */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
ul {
  list-style: none;
}
button,
input,
select,
textarea {
  margin: 0;
}
html {
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
}
img,
video {
  height: auto;
  max-width: 100%;
}
iframe {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: inherit;
}
html {
  background-color: var(--white);
  font-size: var(--font-size);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
}
article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}
body,
button,
input,
optgroup,
select,
textarea {
  font-family: "Noto Sans KR", sans-serif;
}
code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
}
body {
  color: var(--body-color);
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}
a {
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
}
a strong {
  color: currentColor;
}
a:hover {
  color: #363636;
}
code {
  background-color: whitesmoke;
  color: #da1039;
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em;
}
hr {
  background-color: whitesmoke;
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0;
}
img {
  height: auto;
  max-width: 100%;
}
input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}
small {
  font-size: 0.875em;
}
span {
  font-style: inherit;
  font-weight: inherit;
}
strong {
  color: #363636;
  font-weight: 700;
}
fieldset {
  border: none;
}
pre {
  -webkit-overflow-scrolling: touch;
  background-color: whitesmoke;
  color: #4a4a4a;
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal;
}
pre code {
  background-color: transparent;
  color: currentColor;
  font-size: 1em;
  padding: 0;
}
table td,
table th {
  vertical-align: top;
}
table td:not([align]),
table th:not([align]) {
  text-align: inherit;
}
table th {
  color: #363636;
}
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/* Bulma Elements */
.box {
  background-color: var(--white);
  border-radius: var(--radius-large);
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  color: #4a4a4a;
  display: block;
  padding: 1.25rem;
}
a.box:hover, a.box:focus {
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px var(--link);
}
a.box:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px var(--link);
}
.button {
  background-color: var(--white);
  border-color: var(--border);
  border-width: 1px;
  color: #363636;
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: calc(0.5em - 1px);
  text-align: center;
  white-space: nowrap;
}
.button strong {
  color: inherit;
}
.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}
.button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.5em - 1px);
  margin-right: 0.25em;
}
.button .icon:last-child:not(:first-child) {
  margin-left: 0.25em;
  margin-right: calc(-0.5em - 1px);
}
.button .icon:first-child:last-child {
  margin-left: calc(-0.5em - 1px);
  margin-right: calc(-0.5em - 1px);
}
.button:hover, .button.is-hovered {
  border-color: #b5b5b5;
  color: #363636;
}
.button:focus, .button.is-focused {
  border-color: #485fc7;
  color: #363636;
}
.button:focus:not(:active), .button.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--link);
}
.button:active, .button.is-active {
  border-color: #4a4a4a;
  color: #363636;
}
.button.is-text {
  background-color: transparent;
  border-color: transparent;
  color: #4a4a4a;
  text-decoration: underline;
}
.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  background-color: whitesmoke;
  color: #363636;
}
.button.is-text:active, .button.is-text.is-active {
  background-color: #e8e8e8;
  color: #363636;
}
.button.is-text[disabled], fieldset[disabled] .button.is-text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.button.is-ghost {
  background: none;
  border-color: transparent;
  color: var(--link);
  text-decoration: none;
}
.button.is-ghost:hover, .button.is-ghost.is-hovered {
  color: var(--link);
  text-decoration: underline;
}
.button.is-white {
  background-color: var(--white);
  border-color: transparent;
  color: #0a0a0a;
}
.button.is-white:hover, .button.is-white.is-hovered {
  background-color: var(--white);
  border-color: transparent;
  color: #0a0a0a;
}
.button.is-white:focus, .button.is-white.is-focused {
  border-color: transparent;
  color: #0a0a0a;
}
.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--white);
}
.button.is-white:active, .button.is-white.is-active {
  background-color: var(--white);
  border-color: transparent;
  color: #0a0a0a;
}
.button.is-white[disabled], fieldset[disabled] .button.is-white {
  background-color: var(--white);
  border-color: transparent;
  box-shadow: none;
}
.button.is-white.is-inverted {
  background-color: #0a0a0a;
  color: var(--white);
}
.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
  background-color: black;
}
.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
  background-color: #0a0a0a;
  border-color: transparent;
  box-shadow: none;
  color: var(--white);
}
.button.is-white.is-loading::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-white.is-outlined {
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}
.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
  background-color: var(--white);
  border-color: var(--white);
  color: #0a0a0a;
}
.button.is-white.is-outlined.is-loading::after {
  border-color: transparent transparent var(--white) var(--white) !important;
}
.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
  background-color: transparent;
  border-color: var(--white);
  box-shadow: none;
  color: var(--white);
}
.button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  color: #0a0a0a;
}
.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
  background-color: #0a0a0a;
  color: var(--white);
}
.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--white) var(--white) !important;
}
.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  box-shadow: none;
  color: #0a0a0a;
}
.button.is-black {
  background-color: #0a0a0a;
  border-color: transparent;
  color: var(--white);
}
.button.is-black:hover, .button.is-black.is-hovered {
  background-color: #040404;
  border-color: transparent;
  color: var(--white);
}
.button.is-black:focus, .button.is-black.is-focused {
  border-color: transparent;
  color: var(--white);
}
.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.button.is-black:active, .button.is-black.is-active {
  background-color: black;
  border-color: transparent;
  color: var(--white);
}
.button.is-black[disabled], fieldset[disabled] .button.is-black {
  background-color: #0a0a0a;
  border-color: transparent;
  box-shadow: none;
}
.button.is-black.is-inverted {
  background-color: var(--white);
  color: #0a0a0a;
}
.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
  background-color: var(--white);
}
.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
  background-color: var(--white);
  border-color: transparent;
  box-shadow: none;
  color: #0a0a0a;
}
.button.is-black.is-loading::after {
  border-color: transparent transparent var(--white) var(--white) !important;
}
.button.is-black.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  color: #0a0a0a;
}
.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: var(--white);
}
.button.is-black.is-outlined.is-loading::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--white) var(--white) !important;
}
.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  box-shadow: none;
  color: #0a0a0a;
}
.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}
.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
  background-color: var(--white);
  color: #0a0a0a;
}
.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--white);
  box-shadow: none;
  color: var(--white);
}
.button.is-light {
  background-color: whitesmoke;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:hover, .button.is-light.is-hovered {
  background-color: #eeeeee;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus, .button.is-light.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.button.is-light:active, .button.is-light.is-active {
  background-color: #e8e8e8;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light[disabled], fieldset[disabled] .button.is-light {
  background-color: whitesmoke;
  border-color: transparent;
  box-shadow: none;
}
.button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: whitesmoke;
}
.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
  background-color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: whitesmoke;
}
.button.is-light.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined {
  background-color: transparent;
  border-color: whitesmoke;
  color: whitesmoke;
}
.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-outlined.is-loading::after {
  border-color: transparent transparent whitesmoke whitesmoke !important;
}
.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
  background-color: transparent;
  border-color: whitesmoke;
  box-shadow: none;
  color: whitesmoke;
}
.button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: whitesmoke;
}
.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent whitesmoke whitesmoke !important;
}
.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-dark {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.button.is-dark:hover, .button.is-dark.is-hovered {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.button.is-dark:focus, .button.is-dark.is-focused {
  border-color: transparent;
  color: var(--dark--color-invert);
}
.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--dark);
}
.button.is-dark:active, .button.is-dark.is-active {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.button.is-dark[disabled], fieldset[disabled] .button.is-dark {
  background-color: var(--dark);
  border-color: transparent;
  box-shadow: none;
}
.button.is-dark.is-inverted {
  background-color: var(--dark--color-invert);
  color: var(--dark);
}
.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
  background-color: var(--dark--color-invert);
}
.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
  background-color: var(--dark--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--dark);
}
.button.is-dark.is-loading::after {
  border-color: transparent transparent var(--dark--color-invert) var(--dark--color-invert) !important;
}
.button.is-dark.is-outlined {
  background-color: transparent;
  border-color: var(--dark);
  color: var(--dark);
}
.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
  background-color: var(--dark);
  border-color: var(--dark);
  color: var(--dark--color-invert);
}
.button.is-dark.is-outlined.is-loading::after {
  border-color: transparent transparent var(--dark) var(--dark) !important;
}
.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--dark--color-invert) var(--dark--color-invert) !important;
}
.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
  background-color: transparent;
  border-color: var(--dark);
  box-shadow: none;
  color: var(--dark);
}
.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--dark--color-invert);
  color: var(--dark--color-invert);
}
.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
  background-color: var(--dark--color-invert);
  color: var(--dark);
}
.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--dark) var(--dark) !important;
}
.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--dark--color-invert);
  box-shadow: none;
  color: var(--dark--color-invert);
}
.button.is-primary {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.button.is-primary:focus, .button.is-primary.is-focused {
  border-color: transparent;
  color: var(--primary--color-invert);
}
.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--primary);
}
.button.is-primary:active, .button.is-primary.is-active {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
  background-color: var(--primary);
  border-color: transparent;
  box-shadow: none;
}
.button.is-primary.is-inverted {
  background-color: var(--primary--color-invert);
  color: var(--primary);
}
.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
  background-color: var(--primary--color-invert);
}
.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
  background-color: var(--primary--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--primary);
}
.button.is-primary.is-loading::after {
  border-color: transparent transparent var(--primary--color-invert) var(--primary--color-invert) !important;
}
.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: var(--primary);
  color: var(--primary);
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--primary--color-invert);
}
.button.is-primary.is-outlined.is-loading::after {
  border-color: transparent transparent var(--primary) var(--primary) !important;
}
.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--primary--color-invert) var(--primary--color-invert) !important;
}
.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
  background-color: transparent;
  border-color: var(--primary);
  box-shadow: none;
  color: var(--primary);
}
.button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--primary--color-invert);
  color: var(--primary--color-invert);
}
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
  background-color: var(--primary--color-invert);
  color: var(--primary);
}
.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--primary) var(--primary) !important;
}
.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--primary--color-invert);
  box-shadow: none;
  color: var(--primary--color-invert);
}
.button.is-primary.is-light {
  background-color: var(--primary--light-color);
  color: var(--primary--dark-color);
}
.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
  background-color: var(--primary--light-color);
  border-color: transparent;
  color: var(--primary--dark-color);
}
.button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
  background-color: var(--primary--light-color);
  border-color: transparent;
  color: var(--primary--dark-color);
}
.button.is-link {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.button.is-link:hover, .button.is-link.is-hovered {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.button.is-link:focus, .button.is-link.is-focused {
  border-color: transparent;
  color: var(--link--color-invert);
}
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--link);
}
.button.is-link:active, .button.is-link.is-active {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.button.is-link[disabled], fieldset[disabled] .button.is-link {
  background-color: var(--link);
  border-color: transparent;
  box-shadow: none;
}
.button.is-link.is-inverted {
  background-color: var(--link--color-invert);
  color: var(--link);
}
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
  background-color: var(--link--color-invert);
}
.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
  background-color: var(--link--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--link);
}
.button.is-link.is-loading::after {
  border-color: transparent transparent var(--link--color-invert) var(--link--color-invert) !important;
}
.button.is-link.is-outlined {
  background-color: transparent;
  border-color: var(--link);
  color: var(--link);
}
.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
  background-color: var(--link);
  border-color: var(--link);
  color: var(--link--color-invert);
}
.button.is-link.is-outlined.is-loading::after {
  border-color: transparent transparent var(--link) var(--link) !important;
}
.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--link--color-invert) var(--link--color-invert) !important;
}
.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
  background-color: transparent;
  border-color: var(--link);
  box-shadow: none;
  color: var(--link);
}
.button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--link--color-invert);
  color: var(--link--color-invert);
}
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
  background-color: var(--link--color-invert);
  color: var(--link);
}
.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--link) var(--link) !important;
}
.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--link--color-invert);
  box-shadow: none;
  color: var(--link--color-invert);
}
.button.is-link.is-light {
  background-color: var(--link--light-color);
  color: var(--link--dark-color);
}
.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
  background-color: var(--link--light-color);
  border-color: transparent;
  color: var(--link--dark-color);
}
.button.is-link.is-light:active, .button.is-link.is-light.is-active {
  background-color: var(--link--light-color);
  border-color: transparent;
  color: var(--link--dark-color);
}
.button.is-info {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.button.is-info:hover, .button.is-info.is-hovered {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.button.is-info:focus, .button.is-info.is-focused {
  border-color: transparent;
  color: var(--info--color-invert);
}
.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--info);
}
.button.is-info:active, .button.is-info.is-active {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.button.is-info[disabled], fieldset[disabled] .button.is-info {
  background-color: var(--info);
  border-color: transparent;
  box-shadow: none;
}
.button.is-info.is-inverted {
  background-color: var(--info--color-invert);
  color: var(--info);
}
.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
  background-color: var(--info--color-invert);
}
.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
  background-color: var(--info--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--info);
}
.button.is-info.is-loading::after {
  border-color: transparent transparent var(--info--color-invert) var(--info--color-invert) !important;
}
.button.is-info.is-outlined {
  background-color: transparent;
  border-color: var(--info);
  color: var(--info);
}
.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
  background-color: var(--info);
  border-color: var(--info);
  color: var(--info--color-invert);
}
.button.is-info.is-outlined.is-loading::after {
  border-color: transparent transparent var(--info) var(--info) !important;
}
.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--info--color-invert) var(--info--color-invert) !important;
}
.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
  background-color: transparent;
  border-color: var(--info);
  box-shadow: none;
  color: var(--info);
}
.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--info--color-invert);
  color: var(--info--color-invert);
}
.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
  background-color: var(--info--color-invert);
  color: var(--info);
}
.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--info) var(--info) !important;
}
.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--info--color-invert);
  box-shadow: none;
  color: var(--info--color-invert);
}
.button.is-info.is-light {
  background-color: var(--info--light-color);
  color: var(--info--dark-color);
}
.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
  background-color: var(--info--light-color);
  border-color: transparent;
  color: var(--info--dark-color);
}
.button.is-info.is-light:active, .button.is-info.is-light.is-active {
  background-color: var(--info--light-color);
  border-color: transparent;
  color: var(--info--dark-color);
}
.button.is-success {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.button.is-success:hover, .button.is-success.is-hovered {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.button.is-success:focus, .button.is-success.is-focused {
  border-color: transparent;
  color: var(--success--color-invert);
}
.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--success);
}
.button.is-success:active, .button.is-success.is-active {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.button.is-success[disabled], fieldset[disabled] .button.is-success {
  background-color: var(--success);
  border-color: transparent;
  box-shadow: none;
}
.button.is-success.is-inverted {
  background-color: var(--success--color-invert);
  color: var(--success);
}
.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
  background-color: var(--success--color-invert);
}
.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
  background-color: var(--success--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--success);
}
.button.is-success.is-loading::after {
  border-color: transparent transparent var(--success--color-invert) var(--success--color-invert) !important;
}
.button.is-success.is-outlined {
  background-color: transparent;
  border-color: var(--success);
  color: var(--success);
}
.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
  background-color: var(--success);
  border-color: var(--success);
  color: var(--success--color-invert);
}
.button.is-success.is-outlined.is-loading::after {
  border-color: transparent transparent var(--success) var(--success) !important;
}
.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--success--color-invert) var(--success--color-invert) !important;
}
.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
  background-color: transparent;
  border-color: var(--success);
  box-shadow: none;
  color: var(--success);
}
.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--success--color-invert);
  color: var(--success--color-invert);
}
.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
  background-color: var(--success--color-invert);
  color: var(--success);
}
.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--success) var(--success) !important;
}
.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--success--color-invert);
  box-shadow: none;
  color: var(--success--color-invert);
}
.button.is-success.is-light {
  background-color: var(--success--light-color);
  color: var(--success--dark-color);
}
.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
  background-color: var(--success--light-color);
  border-color: transparent;
  color: var(--success--dark-color);
}
.button.is-success.is-light:active, .button.is-success.is-light.is-active {
  background-color: var(--success--light-color);
  border-color: transparent;
  color: var(--success--dark-color);
}
.button.is-warning {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.button.is-warning:hover, .button.is-warning.is-hovered {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.button.is-warning:focus, .button.is-warning.is-focused {
  border-color: transparent;
  color: var(--warning--color-invert);
}
.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--warning);
}
.button.is-warning:active, .button.is-warning.is-active {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.button.is-warning[disabled], fieldset[disabled] .button.is-warning {
  background-color: var(--warning);
  border-color: transparent;
  box-shadow: none;
}
.button.is-warning.is-inverted {
  background-color: var(--warning--color-invert);
  color: var(--warning);
}
.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
  background-color: var(--warning--color-invert);
}
.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
  background-color: var(--warning--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--warning);
}
.button.is-warning.is-loading::after {
  border-color: transparent transparent var(--warning--color-invert) var(--warning--color-invert) !important;
}
.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: var(--warning);
  color: var(--warning);
}
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
  background-color: var(--warning);
  border-color: var(--warning);
  color: var(--warning--color-invert);
}
.button.is-warning.is-outlined.is-loading::after {
  border-color: transparent transparent var(--warning) var(--warning) !important;
}
.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--warning--color-invert) var(--warning--color-invert) !important;
}
.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
  background-color: transparent;
  border-color: var(--warning);
  box-shadow: none;
  color: var(--warning);
}
.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--warning--color-invert);
  color: var(--warning--color-invert);
}
.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
  background-color: var(--warning--color-invert);
  color: var(--warning);
}
.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--warning) var(--warning) !important;
}
.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--warning--color-invert);
  box-shadow: none;
  color: var(--warning--color-invert);
}
.button.is-warning.is-light {
  background-color: var(--warning--light-color);
  color: var(--warning--dark-color);
}
.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
  background-color: var(--warning--light-color);
  border-color: transparent;
  color: var(--warning--dark-color);
}
.button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
  background-color: var(--warning--light-color);
  border-color: transparent;
  color: var(--warning--dark-color);
}
.button.is-danger {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.button.is-danger:hover, .button.is-danger.is-hovered {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.button.is-danger:focus, .button.is-danger.is-focused {
  border-color: transparent;
  color: var(--danger--color-invert);
}
.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--danger);
}
.button.is-danger:active, .button.is-danger.is-active {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.button.is-danger[disabled], fieldset[disabled] .button.is-danger {
  background-color: var(--danger);
  border-color: transparent;
  box-shadow: none;
}
.button.is-danger.is-inverted {
  background-color: var(--danger--color-invert);
  color: var(--danger);
}
.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
  background-color: var(--danger--color-invert);
}
.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
  background-color: var(--danger--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--danger);
}
.button.is-danger.is-loading::after {
  border-color: transparent transparent var(--danger--color-invert) var(--danger--color-invert) !important;
}
.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: var(--danger);
  color: var(--danger);
}
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
  background-color: var(--danger);
  border-color: var(--danger);
  color: var(--danger--color-invert);
}
.button.is-danger.is-outlined.is-loading::after {
  border-color: transparent transparent var(--danger) var(--danger) !important;
}
.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--danger--color-invert) var(--danger--color-invert) !important;
}
.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
  background-color: transparent;
  border-color: var(--danger);
  box-shadow: none;
  color: var(--danger);
}
.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--danger--color-invert);
  color: var(--danger--color-invert);
}
.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
  background-color: var(--danger--color-invert);
  color: var(--danger);
}
.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--danger) var(--danger) !important;
}
.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--danger--color-invert);
  box-shadow: none;
  color: var(--danger--color-invert);
}
.button.is-danger.is-light {
  background-color: var(--danger--light-color);
  color: var(--danger--dark-color);
}
.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
  background-color: var(--danger--light-color);
  border-color: transparent;
  color: var(--danger--dark-color);
}
.button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
  background-color: var(--danger--light-color);
  border-color: transparent;
  color: var(--danger--dark-color);
}
.button.is-small {
  font-size: 0.75rem;
}
.button.is-small:not(.is-rounded) {
  border-radius: var(--radius-small);
}
.button.is-normal {
  font-size: 1rem;
}
.button.is-medium {
  font-size: 1.25rem;
}
.button.is-large {
  font-size: 1.5rem;
}
.button[disabled], fieldset[disabled] .button {
  background-color: var(--white);
  border-color: var(--border);
  box-shadow: none;
  opacity: 0.5;
}
.button.is-fullwidth {
  display: flex;
  width: 100%;
}
.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.button.is-loading::after {
  position: absolute;
  left: calc(50% - (1em * 0.5));
  top: calc(50% - (1em * 0.5));
  position: absolute !important;
}
.button.is-static {
  background-color: whitesmoke;
  border-color: var(--border);
  color: #7a7a7a;
  box-shadow: none;
  pointer-events: none;
}
.button.is-rounded {
  border-radius: var(--radius-rounded);
  padding-left: calc(1em + 0.25em);
  padding-right: calc(1em + 0.25em);
}
.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.buttons .button {
  margin-bottom: 0.5rem;
}
.buttons .button:not(:last-child):not(.is-fullwidth) {
  margin-right: 0.5rem;
}
.buttons:last-child {
  margin-bottom: -0.5rem;
}
.buttons:not(:last-child) {
  margin-bottom: 1rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
  font-size: 0.75rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
  border-radius: var(--radius-small);
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
  font-size: 1.25rem;
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  font-size: 1.5rem;
}
.buttons.has-addons .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}
.buttons.has-addons .button:last-child {
  margin-right: 0;
}
.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  z-index: 2;
}
.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  z-index: 3;
}
.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  z-index: 4;
}
.buttons.has-addons .button.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.buttons.is-centered {
  justify-content: center;
}
.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.buttons.is-right {
  justify-content: flex-end;
}
.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
}
.container.is-fluid {
  max-width: none !important;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .container {
    max-width: 960px;
  }
}
@media screen and (max-width: 1215px) {
  .container.is-widescreen:not(.is-max-desktop) {
    max-width: 1152px;
  }
}
@media screen and (min-width: 1216px) {
  .container:not(.is-max-desktop) {
    max-width: 1152px;
  }
}
.content li + li {
  margin-top: 0.25em;
}
.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
  margin-bottom: 1em;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: #363636;
  font-weight: 600;
  line-height: 1.125;
}
.content h1 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.content h1:not(:first-child) {
  margin-top: 1em;
}
.content h2 {
  font-size: 1.75em;
  margin-bottom: 0.5714em;
}
.content h2:not(:first-child) {
  margin-top: 1.1428em;
}
.content h3 {
  font-size: 1.5em;
  margin-bottom: 0.6666em;
}
.content h3:not(:first-child) {
  margin-top: 1.3333em;
}
.content h4 {
  font-size: 1.25em;
  margin-bottom: 0.8em;
}
.content h5 {
  font-size: 1.125em;
  margin-bottom: 0.8888em;
}
.content h6 {
  font-size: 1em;
  margin-bottom: 1em;
}
.content blockquote {
  background-color: whitesmoke;
  border-left: 5px solid var(--border);
  padding: 1.25em 1.5em;
}
.content ol {
  list-style-position: outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content ol:not([type]) {
  list-style-type: decimal;
}
.content ol:not([type]).is-lower-alpha {
  list-style-type: lower-alpha;
}
.content ol:not([type]).is-lower-roman {
  list-style-type: lower-roman;
}
.content ol:not([type]).is-upper-alpha {
  list-style-type: upper-alpha;
}
.content ol:not([type]).is-upper-roman {
  list-style-type: upper-roman;
}
.content ul {
  list-style: disc outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content ul ul {
  list-style-type: circle;
  margin-top: 0.5em;
}
.content ul ul ul {
  list-style-type: square;
}
.content dd {
  margin-left: 2em;
}
.content figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
}
.content figure:not(:first-child) {
  margin-top: 2em;
}
.content figure:not(:last-child) {
  margin-bottom: 2em;
}
.content figure img {
  display: inline-block;
}
.content figure figcaption {
  font-style: italic;
}
.content pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding: 1.25em 1.5em;
  white-space: pre;
  word-wrap: normal;
}
.content sup,
.content sub {
  font-size: 75%;
}
.content table {
  width: 100%;
}
.content table td,
.content table th {
  border: 1px solid var(--border);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.content table th {
  color: #363636;
}
.content table th:not([align]) {
  text-align: inherit;
}
.content table thead td,
.content table thead th {
  border-width: 0 0 2px;
  color: #363636;
}
.content table tfoot td,
.content table tfoot th {
  border-width: 2px 0 0;
  color: #363636;
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
  border-bottom-width: 0;
}
.content .tabs li + li {
  margin-top: 0;
}
.content.is-small {
  font-size: 0.75rem;
}
.content.is-normal {
  font-size: 1rem;
}
.content.is-medium {
  font-size: 1.25rem;
}
.content.is-large {
  font-size: 1.5rem;
}
.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}
.icon.is-small {
  height: 1rem;
  width: 1rem;
}
.icon.is-medium {
  height: 2rem;
  width: 2rem;
}
.icon.is-large {
  height: 3rem;
  width: 3rem;
}
.icon-text {
  align-items: flex-start;
  color: inherit;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 1.5rem;
  vertical-align: top;
}
.icon-text .icon {
  flex-grow: 0;
  flex-shrink: 0;
}
.icon-text .icon:not(:last-child) {
  margin-right: 0.25em;
}
.icon-text .icon:not(:first-child) {
  margin-left: 0.25em;
}
div.icon-text {
  display: flex;
}
.image {
  display: block;
  position: relative;
}
.image img {
  display: block;
  height: auto;
  width: 100%;
}
.image img.is-rounded {
  border-radius: var(--radius-rounded);
}
.image.is-fullwidth {
  width: 100%;
}
.image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  height: 100%;
  width: 100%;
}
.image.is-square, .image.is-1by1 {
  padding-top: 100%;
}
.image.is-5by4 {
  padding-top: 80%;
}
.image.is-4by3 {
  padding-top: 75%;
}
.image.is-3by2 {
  padding-top: 66.6666%;
}
.image.is-5by3 {
  padding-top: 60%;
}
.image.is-16by9 {
  padding-top: 56.25%;
}
.image.is-2by1 {
  padding-top: 50%;
}
.image.is-3by1 {
  padding-top: 33.3333%;
}
.image.is-4by5 {
  padding-top: 125%;
}
.image.is-3by4 {
  padding-top: 133.3333%;
}
.image.is-2by3 {
  padding-top: 150%;
}
.image.is-3by5 {
  padding-top: 166.6666%;
}
.image.is-9by16 {
  padding-top: 177.7777%;
}
.image.is-1by2 {
  padding-top: 200%;
}
.image.is-1by3 {
  padding-top: 300%;
}
.image.is-16x16 {
  height: 16px;
  width: 16px;
}
.image.is-24x24 {
  height: 24px;
  width: 24px;
}
.image.is-32x32 {
  height: 32px;
  width: 32px;
}
.image.is-48x48 {
  height: 48px;
  width: 48px;
}
.image.is-64x64 {
  height: 64px;
  width: 64px;
}
.image.is-96x96 {
  height: 96px;
  width: 96px;
}
.image.is-128x128 {
  height: 128px;
  width: 128px;
}
.notification {
  background-color: whitesmoke;
  border-radius: var(--radius);
  position: relative;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
}
.notification a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.notification strong {
  color: currentColor;
}
.notification code,
.notification pre {
  background: var(--white);
}
.notification pre code {
  background: transparent;
}
.notification > .delete {
  right: 0.5rem;
  position: absolute;
  top: 0.5rem;
}
.notification .title,
.notification .subtitle,
.notification .content {
  color: currentColor;
}
.notification.is-white {
  background-color: var(--white);
  color: #0a0a0a;
}
.notification.is-black {
  background-color: #0a0a0a;
  color: var(--white);
}
.notification.is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.notification.is-dark {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.notification.is-primary {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.notification.is-primary.is-light {
  background-color: var(--primary--light-color);
  color: var(--primary--dark-color);
}
.notification.is-link {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.notification.is-link.is-light {
  background-color: var(--link--light-color);
  color: var(--link--dark-color);
}
.notification.is-info {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.notification.is-info.is-light {
  background-color: var(--info--light-color);
  color: var(--info--dark-color);
}
.notification.is-success {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.notification.is-success.is-light {
  background-color: var(--success--light-color);
  color: var(--success--dark-color);
}
.notification.is-warning {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.notification.is-warning.is-light {
  background-color: var(--warning--light-color);
  color: var(--warning--dark-color);
}
.notification.is-danger {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.notification.is-danger.is-light {
  background-color: var(--danger--light-color);
  color: var(--danger--dark-color);
}
.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: var(--radius-rounded);
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.progress::-webkit-progress-bar {
  background-color: #ededed;
}
.progress::-webkit-progress-value {
  background-color: #4a4a4a;
}
.progress::-moz-progress-bar {
  background-color: #4a4a4a;
}
.progress::-ms-fill {
  background-color: #4a4a4a;
  border: none;
}
.progress.is-white::-webkit-progress-value {
  background-color: var(--white);
}
.progress.is-white::-moz-progress-bar {
  background-color: var(--white);
}
.progress.is-white::-ms-fill {
  background-color: var(--white);
}
.progress.is-white:indeterminate {
  background-image: linear-gradient(to right, var(--white) 30%, #ededed 30%);
}
.progress.is-black::-webkit-progress-value {
  background-color: #0a0a0a;
}
.progress.is-black::-moz-progress-bar {
  background-color: #0a0a0a;
}
.progress.is-black::-ms-fill {
  background-color: #0a0a0a;
}
.progress.is-black:indeterminate {
  background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%);
}
.progress.is-light::-webkit-progress-value {
  background-color: whitesmoke;
}
.progress.is-light::-moz-progress-bar {
  background-color: whitesmoke;
}
.progress.is-light::-ms-fill {
  background-color: whitesmoke;
}
.progress.is-light:indeterminate {
  background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%);
}
.progress.is-dark::-webkit-progress-value {
  background-color: var(--dark);
}
.progress.is-dark::-moz-progress-bar {
  background-color: var(--dark);
}
.progress.is-dark::-ms-fill {
  background-color: var(--dark);
}
.progress.is-dark:indeterminate {
  background-image: linear-gradient(to right, var(--dark) 30%, #ededed 30%);
}
.progress.is-primary::-webkit-progress-value {
  background-color: var(--primary);
}
.progress.is-primary::-moz-progress-bar {
  background-color: var(--primary);
}
.progress.is-primary::-ms-fill {
  background-color: var(--primary);
}
.progress.is-primary:indeterminate {
  background-image: linear-gradient(to right, var(--primary) 30%, #ededed 30%);
}
.progress.is-link::-webkit-progress-value {
  background-color: var(--link);
}
.progress.is-link::-moz-progress-bar {
  background-color: var(--link);
}
.progress.is-link::-ms-fill {
  background-color: var(--link);
}
.progress.is-link:indeterminate {
  background-image: linear-gradient(to right, var(--link) 30%, #ededed 30%);
}
.progress.is-info::-webkit-progress-value {
  background-color: var(--info);
}
.progress.is-info::-moz-progress-bar {
  background-color: var(--info);
}
.progress.is-info::-ms-fill {
  background-color: var(--info);
}
.progress.is-info:indeterminate {
  background-image: linear-gradient(to right, var(--info) 30%, #ededed 30%);
}
.progress.is-success::-webkit-progress-value {
  background-color: var(--success);
}
.progress.is-success::-moz-progress-bar {
  background-color: var(--success);
}
.progress.is-success::-ms-fill {
  background-color: var(--success);
}
.progress.is-success:indeterminate {
  background-image: linear-gradient(to right, var(--success) 30%, #ededed 30%);
}
.progress.is-warning::-webkit-progress-value {
  background-color: var(--warning);
}
.progress.is-warning::-moz-progress-bar {
  background-color: var(--warning);
}
.progress.is-warning::-ms-fill {
  background-color: var(--warning);
}
.progress.is-warning:indeterminate {
  background-image: linear-gradient(to right, var(--warning) 30%, #ededed 30%);
}
.progress.is-danger::-webkit-progress-value {
  background-color: var(--danger);
}
.progress.is-danger::-moz-progress-bar {
  background-color: var(--danger);
}
.progress.is-danger::-ms-fill {
  background-color: var(--danger);
}
.progress.is-danger:indeterminate {
  background-image: linear-gradient(to right, var(--danger) 30%, #ededed 30%);
}
.progress:indeterminate {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: moveIndeterminate;
  animation-timing-function: linear;
  background-color: #ededed;
  background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 150% 150%;
}
.progress:indeterminate::-webkit-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-moz-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-ms-fill {
  animation-name: none;
}
.progress.is-small {
  height: 0.75rem;
}
.progress.is-medium {
  height: 1.25rem;
}
.progress.is-large {
  height: 1.5rem;
}
@keyframes moveIndeterminate {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
.table {
  background-color: var(--white);
  color: #363636;
}
.table td,
.table th {
  border: 1px solid var(--border);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.table td.is-white,
.table th.is-white {
  background-color: var(--white);
  border-color: var(--white);
  color: #0a0a0a;
}
.table td.is-black,
.table th.is-black {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: var(--white);
}
.table td.is-light,
.table th.is-light {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.table td.is-dark,
.table th.is-dark {
  background-color: var(--dark);
  border-color: var(--dark);
  color: var(--dark--color-invert);
}
.table td.is-primary,
.table th.is-primary {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--primary--color-invert);
}
.table td.is-link,
.table th.is-link {
  background-color: var(--link);
  border-color: var(--link);
  color: var(--link--color-invert);
}
.table td.is-info,
.table th.is-info {
  background-color: var(--info);
  border-color: var(--info);
  color: var(--info--color-invert);
}
.table td.is-success,
.table th.is-success {
  background-color: var(--success);
  border-color: var(--success);
  color: var(--success--color-invert);
}
.table td.is-warning,
.table th.is-warning {
  background-color: var(--warning);
  border-color: var(--warning);
  color: var(--warning--color-invert);
}
.table td.is-danger,
.table th.is-danger {
  background-color: var(--danger);
  border-color: var(--danger);
  color: var(--danger--color-invert);
}
.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}
.table td.is-selected,
.table th.is-selected {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}
.table td.is-vcentered,
.table th.is-vcentered {
  vertical-align: middle;
}
.table th {
  color: #363636;
}
.table th:not([align]) {
  text-align: inherit;
}
.table tr.is-selected {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}
.table tr.is-selected td,
.table tr.is-selected th {
  border-color: var(--primary--color-invert);
  color: currentColor;
}
.table thead {
  background-color: transparent;
}
.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: #363636;
}
.table tfoot {
  background-color: transparent;
}
.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: #363636;
}
.table tbody {
  background-color: transparent;
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}
.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}
.table.is-fullwidth {
  width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: #fafafa;
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: #fafafa;
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: whitesmoke;
}
.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: #fafafa;
}
.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}
.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tags .tag {
  margin-bottom: 0.5rem;
}
.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}
.tags:last-child {
  margin-bottom: -0.5rem;
}
.tags:not(:last-child) {
  margin-bottom: 1rem;
}
.tags.are-medium .tag:not(.is-normal):not(.is-large) {
  font-size: 1rem;
}
.tags.are-large .tag:not(.is-normal):not(.is-medium) {
  font-size: 1.25rem;
}
.tags.is-centered {
  justify-content: center;
}
.tags.is-centered .tag {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.tags.is-right {
  justify-content: flex-end;
}
.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}
.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}
.tags.has-addons .tag {
  margin-right: 0;
}
.tags.has-addons .tag:not(:first-child) {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tags.has-addons .tag:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tag:not(body) {
  align-items: center;
  background-color: whitesmoke;
  border-radius: var(--radius);
  color: #4a4a4a;
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}
.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}
.tag:not(body).is-white {
  background-color: var(--white);
  color: #0a0a0a;
}
.tag:not(body).is-black {
  background-color: #0a0a0a;
  color: var(--white);
}
.tag:not(body).is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-dark {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.tag:not(body).is-primary {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.tag:not(body).is-primary.is-light {
  background-color: var(--primary--light-color);
  color: var(--primary--dark-color);
}
.tag:not(body).is-link {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.tag:not(body).is-link.is-light {
  background-color: var(--link--light-color);
  color: var(--link--dark-color);
}
.tag:not(body).is-info {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.tag:not(body).is-info.is-light {
  background-color: var(--info--light-color);
  color: var(--info--dark-color);
}
.tag:not(body).is-success {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.tag:not(body).is-success.is-light {
  background-color: var(--success--light-color);
  color: var(--success--dark-color);
}
.tag:not(body).is-warning {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.tag:not(body).is-warning.is-light {
  background-color: var(--warning--light-color);
  color: var(--warning--dark-color);
}
.tag:not(body).is-danger {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.tag:not(body).is-danger.is-light {
  background-color: var(--danger--light-color);
  color: var(--danger--dark-color);
}
.tag:not(body).is-normal {
  font-size: 0.75rem;
}
.tag:not(body).is-medium {
  font-size: 1rem;
}
.tag:not(body).is-large {
  font-size: 1.25rem;
}
.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}
.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}
.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}
.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em;
}
.tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.tag:not(body).is-delete::before {
  height: 1px;
  width: 50%;
}
.tag:not(body).is-delete::after {
  height: 50%;
  width: 1px;
}
.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
  background-color: #e8e8e8;
}
.tag:not(body).is-delete:active {
  background-color: #dbdbdb;
}
.tag:not(body).is-rounded {
  border-radius: var(--radius-rounded);
}
a.tag:hover {
  text-decoration: underline;
}
.title,
.subtitle {
  word-break: break-word;
}
.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}
.title sub,
.subtitle sub {
  font-size: 0.75em;
}
.title sup,
.subtitle sup {
  font-size: 0.75em;
}
.title .tag,
.subtitle .tag {
  vertical-align: middle;
}
.title {
  color: #363636;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125;
}
.title strong {
  color: inherit;
  font-weight: inherit;
}
.title:not(.is-spaced) + .subtitle {
  margin-top: -1.25rem;
}
.title.is-1 {
  font-size: 3rem;
}
.title.is-2 {
  font-size: 2.5rem;
}
.title.is-3 {
  font-size: 2rem;
}
.title.is-4 {
  font-size: 1.5rem;
}
.title.is-5 {
  font-size: 1.25rem;
}
.title.is-6 {
  font-size: 1rem;
}
.title.is-7 {
  font-size: 0.75rem;
}
.subtitle {
  color: #4a4a4a;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25;
}
.subtitle strong {
  color: #363636;
  font-weight: 600;
}
.subtitle:not(.is-spaced) + .title {
  margin-top: -1.25rem;
}
.subtitle.is-1 {
  font-size: 3rem;
}
.subtitle.is-2 {
  font-size: 2.5rem;
}
.subtitle.is-3 {
  font-size: 2rem;
}
.subtitle.is-4 {
  font-size: 1.5rem;
}
.subtitle.is-5 {
  font-size: 1.25rem;
}
.subtitle.is-6 {
  font-size: 1rem;
}
.subtitle.is-7 {
  font-size: 0.75rem;
}
.heading {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.number {
  align-items: center;
  background-color: whitesmoke;
  border-radius: var(--radius-rounded);
  display: inline-flex;
  font-size: 1.25rem;
  height: 2em;
  justify-content: center;
  margin-right: 1.5rem;
  min-width: 2.5em;
  padding: 0.25rem 0.5rem;
  text-align: center;
  vertical-align: top;
}
/* Bulma Form */
.input, .textarea, .select select {
  background-color: var(--white);
  border-color: var(--border);
  border-radius: var(--radius);
  color: #363636;
}
.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
  border-color: #b5b5b5;
}
.input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
  border-color: var(--link);
  box-shadow: 0 0 0 0.125em var(--link);
}
[disabled].input, [disabled].textarea, .select select[disabled], fieldset[disabled] .input, fieldset[disabled] .textarea, fieldset[disabled] .select select, .select fieldset[disabled] select {
  background-color: whitesmoke;
  border-color: whitesmoke;
  box-shadow: none;
  color: #7a7a7a;
}
[disabled].input::-moz-placeholder, [disabled].textarea::-moz-placeholder, .select select[disabled]::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
[disabled].input::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
[disabled].input:-moz-placeholder, [disabled].textarea:-moz-placeholder, .select select[disabled]:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
[disabled].input:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.input, .textarea {
  box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
  max-width: 100%;
  width: 100%;
}
[readonly].input, [readonly].textarea {
  box-shadow: none;
}
.is-white.input, .is-white.textarea {
  border-color: var(--white);
}
.is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea {
  box-shadow: 0 0 0 0.125em var(--white);
}
.is-black.input, .is-black.textarea {
  border-color: #0a0a0a;
}
.is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.is-light.input, .is-light.textarea {
  border-color: whitesmoke;
}
.is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.is-dark.input, .is-dark.textarea {
  border-color: var(--dark);
}
.is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea {
  box-shadow: 0 0 0 0.125em var(--dark);
}
.is-primary.input, .is-primary.textarea {
  border-color: var(--primary);
}
.is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea {
  box-shadow: 0 0 0 0.125em var(--primary);
}
.is-link.input, .is-link.textarea {
  border-color: var(--link);
}
.is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea {
  box-shadow: 0 0 0 0.125em var(--link);
}
.is-info.input, .is-info.textarea {
  border-color: var(--info);
}
.is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea {
  box-shadow: 0 0 0 0.125em var(--info);
}
.is-success.input, .is-success.textarea {
  border-color: var(--success);
}
.is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea {
  box-shadow: 0 0 0 0.125em var(--success);
}
.is-warning.input, .is-warning.textarea {
  border-color: var(--warning);
}
.is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea {
  box-shadow: 0 0 0 0.125em var(--warning);
}
.is-danger.input, .is-danger.textarea {
  border-color: var(--danger);
}
.is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea {
  box-shadow: 0 0 0 0.125em var(--danger);
}
.is-small.input, .is-small.textarea {
  border-radius: var(--radius-small);
  font-size: 0.75rem;
}
.is-medium.input, .is-medium.textarea {
  font-size: 1.25rem;
}
.is-large.input, .is-large.textarea {
  font-size: 1.5rem;
}
.is-fullwidth.input, .is-fullwidth.textarea {
  display: block;
  width: 100%;
}
.is-inline.input, .is-inline.textarea {
  display: inline;
  width: auto;
}
.input.is-rounded {
  border-radius: var(--radius-rounded);
  padding-left: calc(calc(0.75em - 1px) + 0.375em);
  padding-right: calc(calc(0.75em - 1px) + 0.375em);
}
.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}
.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: calc(0.75em - 1px);
  resize: vertical;
}
.textarea:not([rows]) {
  max-height: 40em;
  min-height: 8em;
}
.textarea[rows] {
  height: initial;
}
.textarea.has-fixed-size {
  resize: none;
}
.checkbox, .radio {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}
.checkbox input, .radio input {
  cursor: pointer;
}
.checkbox:hover, .radio:hover {
  color: #363636;
}
[disabled].checkbox, [disabled].radio, fieldset[disabled] .checkbox, fieldset[disabled] .radio,
.checkbox input[disabled],
.radio input[disabled] {
  color: #7a7a7a;
  cursor: not-allowed;
}
.radio + .radio {
  margin-left: 0.5em;
}
.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.select:not(.is-multiple) {
  height: 2.5em;
}
.select:not(.is-multiple):not(.is-loading)::after {
  border-color: var(--link);
  right: 1.125em;
  z-index: 4;
}
.select.is-rounded select {
  border-radius: var(--radius-rounded);
  padding-left: 1em;
}
.select select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none;
}
.select select::-ms-expand {
  display: none;
}
.select select[disabled]:hover, fieldset[disabled] .select select:hover {
  border-color: whitesmoke;
}
.select select:not([multiple]) {
  padding-right: 2.5em;
}
.select select[multiple] {
  height: auto;
  padding: 0;
}
.select select[multiple] option {
  padding: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: #363636;
}
.select.is-white:not(:hover)::after {
  border-color: var(--white);
}
.select.is-white select {
  border-color: var(--white);
}
.select.is-white select:hover, .select.is-white select.is-hovered {
  border-color: var(--white);
}
.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  box-shadow: 0 0 0 0.125em var(--white);
}
.select.is-black:not(:hover)::after {
  border-color: #0a0a0a;
}
.select.is-black select {
  border-color: #0a0a0a;
}
.select.is-black select:hover, .select.is-black select.is-hovered {
  border-color: black;
}
.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.select.is-light:not(:hover)::after {
  border-color: whitesmoke;
}
.select.is-light select {
  border-color: whitesmoke;
}
.select.is-light select:hover, .select.is-light select.is-hovered {
  border-color: #e8e8e8;
}
.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.select.is-dark:not(:hover)::after {
  border-color: var(--dark);
}
.select.is-dark select {
  border-color: var(--dark);
}
.select.is-dark select:hover, .select.is-dark select.is-hovered {
  border-color: var(--dark);
}
.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  box-shadow: 0 0 0 0.125em var(--dark);
}
.select.is-primary:not(:hover)::after {
  border-color: var(--primary);
}
.select.is-primary select {
  border-color: var(--primary);
}
.select.is-primary select:hover, .select.is-primary select.is-hovered {
  border-color: var(--primary);
}
.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  box-shadow: 0 0 0 0.125em var(--primary);
}
.select.is-link:not(:hover)::after {
  border-color: var(--link);
}
.select.is-link select {
  border-color: var(--link);
}
.select.is-link select:hover, .select.is-link select.is-hovered {
  border-color: var(--link);
}
.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  box-shadow: 0 0 0 0.125em var(--link);
}
.select.is-info:not(:hover)::after {
  border-color: var(--info);
}
.select.is-info select {
  border-color: var(--info);
}
.select.is-info select:hover, .select.is-info select.is-hovered {
  border-color: var(--info);
}
.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  box-shadow: 0 0 0 0.125em var(--info);
}
.select.is-success:not(:hover)::after {
  border-color: var(--success);
}
.select.is-success select {
  border-color: var(--success);
}
.select.is-success select:hover, .select.is-success select.is-hovered {
  border-color: var(--success);
}
.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  box-shadow: 0 0 0 0.125em var(--success);
}
.select.is-warning:not(:hover)::after {
  border-color: var(--warning);
}
.select.is-warning select {
  border-color: var(--warning);
}
.select.is-warning select:hover, .select.is-warning select.is-hovered {
  border-color: var(--warning);
}
.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  box-shadow: 0 0 0 0.125em var(--warning);
}
.select.is-danger:not(:hover)::after {
  border-color: var(--danger);
}
.select.is-danger select {
  border-color: var(--danger);
}
.select.is-danger select:hover, .select.is-danger select.is-hovered {
  border-color: var(--danger);
}
.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  box-shadow: 0 0 0 0.125em var(--danger);
}
.select.is-small {
  border-radius: var(--radius-small);
  font-size: 0.75rem;
}
.select.is-medium {
  font-size: 1.25rem;
}
.select.is-large {
  font-size: 1.5rem;
}
.select.is-disabled::after {
  border-color: #7a7a7a;
}
.select.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth select {
  width: 100%;
}
.select.is-loading::after {
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  transform: none;
}
.select.is-loading.is-small:after {
  font-size: 0.75rem;
}
.select.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.select.is-loading.is-large:after {
  font-size: 1.5rem;
}
.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.file.is-white .file-cta {
  background-color: var(--white);
  border-color: transparent;
  color: #0a0a0a;
}
.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
  background-color: var(--white);
  border-color: transparent;
  color: #0a0a0a;
}
.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--white);
  color: #0a0a0a;
}
.file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
  background-color: var(--white);
  border-color: transparent;
  color: #0a0a0a;
}
.file.is-black .file-cta {
  background-color: #0a0a0a;
  border-color: transparent;
  color: var(--white);
}
.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
  background-color: #040404;
  border-color: transparent;
  color: var(--white);
}
.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
  color: var(--white);
}
.file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
  background-color: black;
  border-color: transparent;
  color: var(--white);
}
.file.is-light .file-cta {
  background-color: whitesmoke;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
  background-color: #eeeeee;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
  background-color: #e8e8e8;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-dark .file-cta {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--dark);
  color: var(--dark--color-invert);
}
.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.file.is-primary .file-cta {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--primary);
  color: var(--primary--color-invert);
}
.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.file.is-link .file-cta {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--link);
  color: var(--link--color-invert);
}
.file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.file.is-info .file-cta {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--info);
  color: var(--info--color-invert);
}
.file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.file.is-success .file-cta {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--success);
  color: var(--success--color-invert);
}
.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.file.is-warning .file-cta {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--warning);
  color: var(--warning--color-invert);
}
.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.file.is-danger .file-cta {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--danger);
  color: var(--danger--color-invert);
}
.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.file.is-small {
  font-size: 0.75rem;
}
.file.is-normal {
  font-size: 1rem;
}
.file.is-medium {
  font-size: 1.25rem;
}
.file.is-medium .file-icon .fa {
  font-size: 21px;
}
.file.is-large {
  font-size: 1.5rem;
}
.file.is-large .file-icon .fa {
  font-size: 28px;
}
.file.has-name .file-cta {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.file.has-name .file-name {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.file.has-name.is-empty .file-cta {
  border-radius: var(--radius);
}
.file.has-name.is-empty .file-name {
  display: none;
}
.file.is-boxed .file-label {
  flex-direction: column;
}
.file.is-boxed .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em;
}
.file.is-boxed .file-name {
  border-width: 0 1px 1px;
}
.file.is-boxed .file-icon {
  height: 1.5em;
  width: 1.5em;
}
.file.is-boxed .file-icon .fa {
  font-size: 21px;
}
.file.is-boxed.is-small .file-icon .fa {
  font-size: 14px;
}
.file.is-boxed.is-medium .file-icon .fa {
  font-size: 28px;
}
.file.is-boxed.is-large .file-icon .fa {
  font-size: 35px;
}
.file.is-boxed.has-name .file-cta {
  border-radius: var(--radius) var(--radius) 0 0;
}
.file.is-boxed.has-name .file-name {
  border-radius: 0 0 var(--radius) var(--radius);
  border-width: 0 1px 1px;
}
.file.is-centered {
  justify-content: center;
}
.file.is-fullwidth .file-label {
  width: 100%;
}
.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none;
}
.file.is-right {
  justify-content: flex-end;
}
.file.is-right .file-cta {
  border-radius: 0 var(--radius) var(--radius) 0;
}
.file.is-right .file-name {
  border-radius: var(--radius) 0 0 var(--radius);
  border-width: 1px 0 1px 1px;
  order: -1;
}
.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}
.file-label:hover .file-cta {
  background-color: #eeeeee;
  color: #363636;
}
.file-label:hover .file-name {
  border-color: var(--border);
}
.file-label:active .file-cta {
  background-color: #e8e8e8;
  color: #363636;
}
.file-label:active .file-name {
  border-color: var(--border);
}
.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.file-cta,
.file-name {
  border-color: var(--border);
  border-radius: var(--radius);
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
}
.file-cta {
  background-color: whitesmoke;
  color: #4a4a4a;
}
.file-name {
  border-color: var(--border);
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: inherit;
  text-overflow: ellipsis;
}
.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em;
}
.file-icon .fa {
  font-size: 14px;
}
.label {
  color: #363636;
  display: block;
  font-size: 1rem;
  font-weight: 700;
}
.label:not(:last-child) {
  margin-bottom: 0.5em;
}
.label.is-small {
  font-size: 0.75rem;
}
.label.is-medium {
  font-size: 1.25rem;
}
.label.is-large {
  font-size: 1.5rem;
}
.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
.help.is-white {
  color: var(--white);
}
.help.is-black {
  color: #0a0a0a;
}
.help.is-light {
  color: whitesmoke;
}
.help.is-dark {
  color: var(--dark);
}
.help.is-primary {
  color: var(--primary);
}
.help.is-link {
  color: var(--link);
}
.help.is-info {
  color: var(--info);
}
.help.is-success {
  color: var(--success);
}
.help.is-warning {
  color: var(--warning);
}
.help.is-danger {
  color: var(--danger);
}
.field:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.has-addons {
  display: flex;
  justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}
.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}
.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.has-addons.has-addons-centered {
  justify-content: center;
}
.field.has-addons.has-addons-right {
  justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}
.field.is-grouped {
  display: flex;
  justify-content: flex-start;
}
.field.is-grouped > .control {
  flex-shrink: 0;
}
.field.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
  justify-content: center;
}
.field.is-grouped.is-grouped-right {
  justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex;
  }
}
.field-label .label {
  font-size: inherit;
}
@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: 0.75rem;
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
  .field-label.is-medium {
    font-size: 1.25rem;
    padding-top: 0.375em;
  }
  .field-label.is-large {
    font-size: 1.5rem;
    padding-top: 0.375em;
  }
}
.field-body .field .field {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    flex-shrink: 1;
  }
  .field-body > .field:not(.is-narrow) {
    flex-grow: 1;
  }
  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}
.control {
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: #4a4a4a;
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 0.75rem;
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 1.25rem;
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 1.5rem;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
  color: var(--border);
  height: 2.5em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.5em;
  z-index: 4;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 2.5em;
}
.control.has-icons-left .icon.is-left {
  left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 2.5em;
}
.control.has-icons-right .icon.is-right {
  right: 0;
}
.control.is-loading::after {
  position: absolute !important;
  right: 0.625em;
  top: 0.625em;
  z-index: 4;
}
.control.is-loading.is-small:after {
  font-size: 0.75rem;
}
.control.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.control.is-loading.is-large:after {
  font-size: 1.5rem;
}
/* Bulma Components */
.breadcrumb {
  font-size: 1rem;
  white-space: nowrap;
}
.breadcrumb a {
  align-items: center;
  color: var(--link);
  display: flex;
  justify-content: center;
  padding: 0 0.75em;
}
.breadcrumb a:hover {
  color: #363636;
}
.breadcrumb li {
  align-items: center;
  display: flex;
}
.breadcrumb li:first-child a {
  padding-left: 0;
}
.breadcrumb li.is-active a {
  color: #363636;
  cursor: default;
  pointer-events: none;
}
.breadcrumb li + li::before {
  color: #b5b5b5;
  content: "/";
}
.breadcrumb ul,
.breadcrumb ol {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.breadcrumb .icon:first-child {
  margin-right: 0.5em;
}
.breadcrumb .icon:last-child {
  margin-left: 0.5em;
}
.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center;
}
.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end;
}
.breadcrumb.is-small {
  font-size: 0.75rem;
}
.breadcrumb.is-medium {
  font-size: 1.25rem;
}
.breadcrumb.is-large {
  font-size: 1.5rem;
}
.breadcrumb.has-arrow-separator li + li::before {
  content: "→";
}
.breadcrumb.has-bullet-separator li + li::before {
  content: "•";
}
.breadcrumb.has-dot-separator li + li::before {
  content: "·";
}
.breadcrumb.has-succeeds-separator li + li::before {
  content: "≻";
}
.card {
  background-color: var(--white);
  border-radius: 0.25rem;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  color: #4a4a4a;
  max-width: 100%;
  position: relative;
}
.card-header:first-child, .card-content:first-child, .card-footer:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card-header:last-child, .card-content:last-child, .card-footer:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.card-header {
  background-color: transparent;
  align-items: stretch;
  box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
  display: flex;
}
.card-header-title {
  align-items: center;
  color: #363636;
  display: flex;
  flex-grow: 1;
  font-weight: 700;
  padding: 0.75rem 1rem;
}
.card-header-title.is-centered {
  justify-content: center;
}
.card-header-icon {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75rem 1rem;
}
.card-image {
  display: block;
  position: relative;
}
.card-image:first-child img {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card-image:last-child img {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.card-content {
  background-color: transparent;
  padding: 1.5rem;
}
.card-footer {
  background-color: transparent;
  border-top: 1px solid #ededed;
  align-items: stretch;
  display: flex;
}
.card-footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.75rem;
}
.card-footer-item:not(:last-child) {
  border-right: 1px solid #ededed;
}
.card .media:not(:last-child) {
  margin-bottom: 1.5rem;
}
.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}
.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  display: block;
}
.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0;
}
.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: 4px;
  padding-top: initial;
  top: auto;
}
.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20;
}
.dropdown-content {
  background-color: var(--white);
  border-radius: var(--radius);
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.dropdown-item {
  color: #4a4a4a;
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative;
}
a.dropdown-item,
button.dropdown-item {
  padding-right: 3rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%;
}
a.dropdown-item:hover,
button.dropdown-item:hover {
  background-color: whitesmoke;
  color: #0a0a0a;
}
a.dropdown-item.is-active,
button.dropdown-item.is-active {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.dropdown-divider {
  background-color: #ededed;
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0;
}
.level {
  align-items: center;
  justify-content: space-between;
}
.level code {
  border-radius: var(--radius);
}
.level img {
  display: inline-block;
  vertical-align: top;
}
.level.is-mobile {
  display: flex;
}
.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}
.level.is-mobile .level-left + .level-right {
  margin-top: 0;
}
.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level {
    display: flex;
  }
  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}
.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}
.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level-left .level-item:not(:last-child),
.level-right .level-item:not(:last-child) {
    margin-right: 0.75rem;
  }
}
.level-left {
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .level-left + .level-right {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .level-left {
    display: flex;
  }
}
.level-right {
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 769px), print {
  .level-right {
    display: flex;
  }
}
.media {
  align-items: flex-start;
  display: flex;
  text-align: inherit;
}
.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}
.media .media {
  border-top: 1px solid var(--border);
  display: flex;
  padding-top: 0.75rem;
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: 0.5rem;
}
.media .media .media {
  padding-top: 0.5rem;
}
.media .media .media + .media {
  margin-top: 0.5rem;
}
.media + .media {
  border-top: 1px solid var(--border);
  margin-top: 1rem;
  padding-top: 1rem;
}
.media.is-large + .media {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.media-left {
  margin-right: 1rem;
}
.media-right {
  margin-left: 1rem;
}
.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: inherit;
}
@media screen and (max-width: 768px) {
  .media-content {
    overflow-x: auto;
  }
}
.menu {
  font-size: 1rem;
}
.menu.is-small {
  font-size: 0.75rem;
}
.menu.is-medium {
  font-size: 1.25rem;
}
.menu.is-large {
  font-size: 1.5rem;
}
.menu-list {
  line-height: 1.25;
}
.menu-list a {
  border-radius: var(--radius-small);
  color: #4a4a4a;
  display: block;
  padding: 0.5em 0.75em;
}
.menu-list a:hover {
  background-color: whitesmoke;
  color: #363636;
}
.menu-list a.is-active {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.menu-list li ul {
  border-left: 1px solid var(--border);
  margin: 0.75em;
  padding-left: 0.75em;
}
.menu-label {
  color: #7a7a7a;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.menu-label:not(:first-child) {
  margin-top: 1em;
}
.menu-label:not(:last-child) {
  margin-bottom: 1em;
}
.message {
  background-color: whitesmoke;
  border-radius: var(--radius);
  font-size: 1rem;
}
.message strong {
  color: currentColor;
}
.message a:not(.button):not(.tag):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.message.is-small {
  font-size: 0.75rem;
}
.message.is-medium {
  font-size: 1.25rem;
}
.message.is-large {
  font-size: 1.5rem;
}
.message.is-white {
  background-color: var(--white--800--lighten);
}
.message.is-white .message-header {
  background-color: var(--white);
  color: #0a0a0a;
}
.message.is-white .message-body {
  border-color: var(--white);
}
.message.is-black {
  background-color: #fafafa;
}
.message.is-black .message-header {
  background-color: #0a0a0a;
  color: var(--white);
}
.message.is-black .message-body {
  border-color: #0a0a0a;
}
.message.is-light {
  background-color: #fafafa;
}
.message.is-light .message-header {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.message.is-light .message-body {
  border-color: whitesmoke;
}
.message.is-dark {
  background-color: var(--dark--800--lighten);
}
.message.is-dark .message-header {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.message.is-dark .message-body {
  border-color: var(--dark);
}
.message.is-primary {
  background-color: var(--primary--light-color);
}
.message.is-primary .message-header {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.message.is-primary .message-body {
  border-color: var(--primary);
  color: var(--primary--dark-color);
}
.message.is-link {
  background-color: var(--link--light-color);
}
.message.is-link .message-header {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.message.is-link .message-body {
  border-color: var(--link);
  color: var(--link--dark-color);
}
.message.is-info {
  background-color: var(--info--light-color);
}
.message.is-info .message-header {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.message.is-info .message-body {
  border-color: var(--info);
  color: var(--info--dark-color);
}
.message.is-success {
  background-color: var(--success--light-color);
}
.message.is-success .message-header {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.message.is-success .message-body {
  border-color: var(--success);
  color: var(--success--dark-color);
}
.message.is-warning {
  background-color: var(--warning--light-color);
}
.message.is-warning .message-header {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.message.is-warning .message-body {
  border-color: var(--warning);
  color: var(--warning--dark-color);
}
.message.is-danger {
  background-color: var(--danger--light-color);
}
.message.is-danger .message-header {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.message.is-danger .message-body {
  border-color: var(--danger);
  color: var(--danger--dark-color);
}
.message-header {
  align-items: center;
  background-color: #4a4a4a;
  border-radius: var(--radius) var(--radius) 0 0;
  color: #fff;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.25;
  padding: 0.75em 1em;
  position: relative;
}
.message-header .delete {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.75em;
}
.message-header + .message-body {
  border-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.message-body {
  border-color: var(--border);
  border-radius: var(--radius);
  border-style: solid;
  border-width: 0 0 0 4px;
  color: #4a4a4a;
  padding: 1.25em 1.5em;
}
.message-body code,
.message-body pre {
  background-color: var(--white);
}
.message-body pre code {
  background-color: transparent;
}
.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40;
}
.modal.is-active {
  display: flex;
}
.modal-background {
  background-color: rgba(10, 10, 10, 0.86);
}
.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .modal-content,
.modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px;
  }
}
.modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
}
.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible;
}
.modal-card-head,
.modal-card-foot {
  align-items: center;
  background-color: whitesmoke;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative;
}
.modal-card-head {
  border-bottom: 1px solid var(--border);
  border-top-left-radius: var(--radius-large);
  border-top-right-radius: var(--radius-large);
}
.modal-card-title {
  color: #363636;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
}
.modal-card-foot {
  border-bottom-left-radius: var(--radius-large);
  border-bottom-right-radius: var(--radius-large);
  border-top: 1px solid var(--border);
}
.modal-card-foot .button:not(:last-child) {
  margin-right: 0.5em;
}
.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: var(--white);
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px;
}
.navbar {
  background-color: var(--white);
  min-height: 3.25rem;
  position: relative;
  z-index: 30;
}
.navbar.is-white {
  background-color: var(--white);
  color: #0a0a0a;
}
.navbar.is-white .navbar-brand > .navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
  color: #0a0a0a;
}
.navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
  background-color: var(--white);
  color: #0a0a0a;
}
.navbar.is-white .navbar-brand .navbar-link::after {
  border-color: #0a0a0a;
}
.navbar.is-white .navbar-burger {
  color: #0a0a0a;
}
@media screen and (min-width: 1024px) {
  .navbar.is-white .navbar-start > .navbar-item,
.navbar.is-white .navbar-start .navbar-link,
.navbar.is-white .navbar-end > .navbar-item,
.navbar.is-white .navbar-end .navbar-link {
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
.navbar.is-white .navbar-start .navbar-link:focus,
.navbar.is-white .navbar-start .navbar-link:hover,
.navbar.is-white .navbar-start .navbar-link.is-active,
.navbar.is-white .navbar-end > a.navbar-item:focus,
.navbar.is-white .navbar-end > a.navbar-item:hover,
.navbar.is-white .navbar-end > a.navbar-item.is-active,
.navbar.is-white .navbar-end .navbar-link:focus,
.navbar.is-white .navbar-end .navbar-link:hover,
.navbar.is-white .navbar-end .navbar-link.is-active {
    background-color: var(--white);
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-start .navbar-link::after,
.navbar.is-white .navbar-end .navbar-link::after {
    border-color: #0a0a0a;
  }
  .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--white);
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--white);
    color: #0a0a0a;
  }
}
.navbar.is-black {
  background-color: #0a0a0a;
  color: var(--white);
}
.navbar.is-black .navbar-brand > .navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
  color: var(--white);
}
.navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
  background-color: black;
  color: var(--white);
}
.navbar.is-black .navbar-brand .navbar-link::after {
  border-color: var(--white);
}
.navbar.is-black .navbar-burger {
  color: var(--white);
}
@media screen and (min-width: 1024px) {
  .navbar.is-black .navbar-start > .navbar-item,
.navbar.is-black .navbar-start .navbar-link,
.navbar.is-black .navbar-end > .navbar-item,
.navbar.is-black .navbar-end .navbar-link {
    color: var(--white);
  }
  .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
.navbar.is-black .navbar-start .navbar-link:focus,
.navbar.is-black .navbar-start .navbar-link:hover,
.navbar.is-black .navbar-start .navbar-link.is-active,
.navbar.is-black .navbar-end > a.navbar-item:focus,
.navbar.is-black .navbar-end > a.navbar-item:hover,
.navbar.is-black .navbar-end > a.navbar-item.is-active,
.navbar.is-black .navbar-end .navbar-link:focus,
.navbar.is-black .navbar-end .navbar-link:hover,
.navbar.is-black .navbar-end .navbar-link.is-active {
    background-color: black;
    color: var(--white);
  }
  .navbar.is-black .navbar-start .navbar-link::after,
.navbar.is-black .navbar-end .navbar-link::after {
    border-color: var(--white);
  }
  .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: black;
    color: var(--white);
  }
  .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
    background-color: #0a0a0a;
    color: var(--white);
  }
}
.navbar.is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
  background-color: #e8e8e8;
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1024px) {
  .navbar.is-light .navbar-start > .navbar-item,
.navbar.is-light .navbar-start .navbar-link,
.navbar.is-light .navbar-end > .navbar-item,
.navbar.is-light .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
.navbar.is-light .navbar-start .navbar-link:focus,
.navbar.is-light .navbar-start .navbar-link:hover,
.navbar.is-light .navbar-start .navbar-link.is-active,
.navbar.is-light .navbar-end > a.navbar-item:focus,
.navbar.is-light .navbar-end > a.navbar-item:hover,
.navbar.is-light .navbar-end > a.navbar-item.is-active,
.navbar.is-light .navbar-end .navbar-link:focus,
.navbar.is-light .navbar-end .navbar-link:hover,
.navbar.is-light .navbar-end .navbar-link.is-active {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start .navbar-link::after,
.navbar.is-light .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: rgba(0, 0, 0, 0.7);
  }
}
.navbar.is-dark {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
  color: var(--dark--color-invert);
}
.navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.navbar.is-dark .navbar-brand .navbar-link::after {
  border-color: var(--dark--color-invert);
}
.navbar.is-dark .navbar-burger {
  color: var(--dark--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-dark .navbar-start > .navbar-item,
.navbar.is-dark .navbar-start .navbar-link,
.navbar.is-dark .navbar-end > .navbar-item,
.navbar.is-dark .navbar-end .navbar-link {
    color: var(--dark--color-invert);
  }
  .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
.navbar.is-dark .navbar-start .navbar-link:focus,
.navbar.is-dark .navbar-start .navbar-link:hover,
.navbar.is-dark .navbar-start .navbar-link.is-active,
.navbar.is-dark .navbar-end > a.navbar-item:focus,
.navbar.is-dark .navbar-end > a.navbar-item:hover,
.navbar.is-dark .navbar-end > a.navbar-item.is-active,
.navbar.is-dark .navbar-end .navbar-link:focus,
.navbar.is-dark .navbar-end .navbar-link:hover,
.navbar.is-dark .navbar-end .navbar-link.is-active {
    background-color: var(--dark);
    color: var(--dark--color-invert);
  }
  .navbar.is-dark .navbar-start .navbar-link::after,
.navbar.is-dark .navbar-end .navbar-link::after {
    border-color: var(--dark--color-invert);
  }
  .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--dark);
    color: var(--dark--color-invert);
  }
  .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--dark);
    color: var(--dark--color-invert);
  }
}
.navbar.is-primary {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
  color: var(--primary--color-invert);
}
.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.navbar.is-primary .navbar-brand .navbar-link::after {
  border-color: var(--primary--color-invert);
}
.navbar.is-primary .navbar-burger {
  color: var(--primary--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-primary .navbar-start > .navbar-item,
.navbar.is-primary .navbar-start .navbar-link,
.navbar.is-primary .navbar-end > .navbar-item,
.navbar.is-primary .navbar-end .navbar-link {
    color: var(--primary--color-invert);
  }
  .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
.navbar.is-primary .navbar-start .navbar-link:focus,
.navbar.is-primary .navbar-start .navbar-link:hover,
.navbar.is-primary .navbar-start .navbar-link.is-active,
.navbar.is-primary .navbar-end > a.navbar-item:focus,
.navbar.is-primary .navbar-end > a.navbar-item:hover,
.navbar.is-primary .navbar-end > a.navbar-item.is-active,
.navbar.is-primary .navbar-end .navbar-link:focus,
.navbar.is-primary .navbar-end .navbar-link:hover,
.navbar.is-primary .navbar-end .navbar-link.is-active {
    background-color: var(--primary);
    color: var(--primary--color-invert);
  }
  .navbar.is-primary .navbar-start .navbar-link::after,
.navbar.is-primary .navbar-end .navbar-link::after {
    border-color: var(--primary--color-invert);
  }
  .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--primary);
    color: var(--primary--color-invert);
  }
  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--primary);
    color: var(--primary--color-invert);
  }
}
.navbar.is-link {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.navbar.is-link .navbar-brand > .navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
  color: var(--link--color-invert);
}
.navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.navbar.is-link .navbar-brand .navbar-link::after {
  border-color: var(--link--color-invert);
}
.navbar.is-link .navbar-burger {
  color: var(--link--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-link .navbar-start > .navbar-item,
.navbar.is-link .navbar-start .navbar-link,
.navbar.is-link .navbar-end > .navbar-item,
.navbar.is-link .navbar-end .navbar-link {
    color: var(--link--color-invert);
  }
  .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
.navbar.is-link .navbar-start .navbar-link:focus,
.navbar.is-link .navbar-start .navbar-link:hover,
.navbar.is-link .navbar-start .navbar-link.is-active,
.navbar.is-link .navbar-end > a.navbar-item:focus,
.navbar.is-link .navbar-end > a.navbar-item:hover,
.navbar.is-link .navbar-end > a.navbar-item.is-active,
.navbar.is-link .navbar-end .navbar-link:focus,
.navbar.is-link .navbar-end .navbar-link:hover,
.navbar.is-link .navbar-end .navbar-link.is-active {
    background-color: var(--link);
    color: var(--link--color-invert);
  }
  .navbar.is-link .navbar-start .navbar-link::after,
.navbar.is-link .navbar-end .navbar-link::after {
    border-color: var(--link--color-invert);
  }
  .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--link);
    color: var(--link--color-invert);
  }
  .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--link);
    color: var(--link--color-invert);
  }
}
.navbar.is-info {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.navbar.is-info .navbar-brand > .navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
  color: var(--info--color-invert);
}
.navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.navbar.is-info .navbar-brand .navbar-link::after {
  border-color: var(--info--color-invert);
}
.navbar.is-info .navbar-burger {
  color: var(--info--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-info .navbar-start > .navbar-item,
.navbar.is-info .navbar-start .navbar-link,
.navbar.is-info .navbar-end > .navbar-item,
.navbar.is-info .navbar-end .navbar-link {
    color: var(--info--color-invert);
  }
  .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
.navbar.is-info .navbar-start .navbar-link:focus,
.navbar.is-info .navbar-start .navbar-link:hover,
.navbar.is-info .navbar-start .navbar-link.is-active,
.navbar.is-info .navbar-end > a.navbar-item:focus,
.navbar.is-info .navbar-end > a.navbar-item:hover,
.navbar.is-info .navbar-end > a.navbar-item.is-active,
.navbar.is-info .navbar-end .navbar-link:focus,
.navbar.is-info .navbar-end .navbar-link:hover,
.navbar.is-info .navbar-end .navbar-link.is-active {
    background-color: var(--info);
    color: var(--info--color-invert);
  }
  .navbar.is-info .navbar-start .navbar-link::after,
.navbar.is-info .navbar-end .navbar-link::after {
    border-color: var(--info--color-invert);
  }
  .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--info);
    color: var(--info--color-invert);
  }
  .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--info);
    color: var(--info--color-invert);
  }
}
.navbar.is-success {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
  color: var(--success--color-invert);
}
.navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.navbar.is-success .navbar-brand .navbar-link::after {
  border-color: var(--success--color-invert);
}
.navbar.is-success .navbar-burger {
  color: var(--success--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-success .navbar-start > .navbar-item,
.navbar.is-success .navbar-start .navbar-link,
.navbar.is-success .navbar-end > .navbar-item,
.navbar.is-success .navbar-end .navbar-link {
    color: var(--success--color-invert);
  }
  .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
.navbar.is-success .navbar-start .navbar-link:focus,
.navbar.is-success .navbar-start .navbar-link:hover,
.navbar.is-success .navbar-start .navbar-link.is-active,
.navbar.is-success .navbar-end > a.navbar-item:focus,
.navbar.is-success .navbar-end > a.navbar-item:hover,
.navbar.is-success .navbar-end > a.navbar-item.is-active,
.navbar.is-success .navbar-end .navbar-link:focus,
.navbar.is-success .navbar-end .navbar-link:hover,
.navbar.is-success .navbar-end .navbar-link.is-active {
    background-color: var(--success);
    color: var(--success--color-invert);
  }
  .navbar.is-success .navbar-start .navbar-link::after,
.navbar.is-success .navbar-end .navbar-link::after {
    border-color: var(--success--color-invert);
  }
  .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--success);
    color: var(--success--color-invert);
  }
  .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--success);
    color: var(--success--color-invert);
  }
}
.navbar.is-warning {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
  color: var(--warning--color-invert);
}
.navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.navbar.is-warning .navbar-brand .navbar-link::after {
  border-color: var(--warning--color-invert);
}
.navbar.is-warning .navbar-burger {
  color: var(--warning--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-warning .navbar-start > .navbar-item,
.navbar.is-warning .navbar-start .navbar-link,
.navbar.is-warning .navbar-end > .navbar-item,
.navbar.is-warning .navbar-end .navbar-link {
    color: var(--warning--color-invert);
  }
  .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
.navbar.is-warning .navbar-start .navbar-link:focus,
.navbar.is-warning .navbar-start .navbar-link:hover,
.navbar.is-warning .navbar-start .navbar-link.is-active,
.navbar.is-warning .navbar-end > a.navbar-item:focus,
.navbar.is-warning .navbar-end > a.navbar-item:hover,
.navbar.is-warning .navbar-end > a.navbar-item.is-active,
.navbar.is-warning .navbar-end .navbar-link:focus,
.navbar.is-warning .navbar-end .navbar-link:hover,
.navbar.is-warning .navbar-end .navbar-link.is-active {
    background-color: var(--warning);
    color: var(--warning--color-invert);
  }
  .navbar.is-warning .navbar-start .navbar-link::after,
.navbar.is-warning .navbar-end .navbar-link::after {
    border-color: var(--warning--color-invert);
  }
  .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--warning);
    color: var(--warning--color-invert);
  }
  .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--warning);
    color: var(--warning--color-invert);
  }
}
.navbar.is-danger {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.navbar.is-danger .navbar-brand > .navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
  color: var(--danger--color-invert);
}
.navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.navbar.is-danger .navbar-brand .navbar-link::after {
  border-color: var(--danger--color-invert);
}
.navbar.is-danger .navbar-burger {
  color: var(--danger--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-danger .navbar-start > .navbar-item,
.navbar.is-danger .navbar-start .navbar-link,
.navbar.is-danger .navbar-end > .navbar-item,
.navbar.is-danger .navbar-end .navbar-link {
    color: var(--danger--color-invert);
  }
  .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
.navbar.is-danger .navbar-start .navbar-link:focus,
.navbar.is-danger .navbar-start .navbar-link:hover,
.navbar.is-danger .navbar-start .navbar-link.is-active,
.navbar.is-danger .navbar-end > a.navbar-item:focus,
.navbar.is-danger .navbar-end > a.navbar-item:hover,
.navbar.is-danger .navbar-end > a.navbar-item.is-active,
.navbar.is-danger .navbar-end .navbar-link:focus,
.navbar.is-danger .navbar-end .navbar-link:hover,
.navbar.is-danger .navbar-end .navbar-link.is-active {
    background-color: var(--danger);
    color: var(--danger--color-invert);
  }
  .navbar.is-danger .navbar-start .navbar-link::after,
.navbar.is-danger .navbar-end .navbar-link::after {
    border-color: var(--danger--color-invert);
  }
  .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--danger);
    color: var(--danger--color-invert);
  }
  .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--danger);
    color: var(--danger--color-invert);
  }
}
.navbar > .container {
  align-items: stretch;
  display: flex;
  min-height: 3.25rem;
  width: 100%;
}
.navbar.has-shadow {
  box-shadow: 0 2px 0 0 whitesmoke;
}
.navbar.is-fixed-bottom, .navbar.is-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 30;
}
.navbar.is-fixed-bottom {
  bottom: 0;
}
.navbar.is-fixed-bottom.has-shadow {
  box-shadow: 0 -2px 0 0 whitesmoke;
}
.navbar.is-fixed-top {
  top: 0;
}
html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 3.25rem;
}
html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: 3.25rem;
}
.navbar-brand,
.navbar-tabs {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 3.25rem;
}
.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
  background-color: transparent;
}
.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
}
.navbar-burger {
  color: #4a4a4a;
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
  margin-left: auto;
}
.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: 1px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 16px;
}
.navbar-burger span:nth-child(1) {
  top: calc(50% - 6px);
}
.navbar-burger span:nth-child(2) {
  top: calc(50% - 1px);
}
.navbar-burger span:nth-child(3) {
  top: calc(50% + 4px);
}
.navbar-burger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.navbar-burger.is-active span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}
.navbar-menu {
  display: none;
}
.navbar-item,
.navbar-link {
  color: #4a4a4a;
  display: block;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  position: relative;
}
.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
a.navbar-item,
.navbar-link {
  cursor: pointer;
}
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
  background-color: #fafafa;
  color: var(--link);
}
.navbar-item {
  flex-grow: 0;
  flex-shrink: 0;
}
.navbar-item img {
  max-height: 1.75rem;
}
.navbar-item.has-dropdown {
  padding: 0;
}
.navbar-item.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.navbar-item.is-tab {
  border-bottom: 1px solid transparent;
  min-height: 3.25rem;
  padding-bottom: calc(0.5rem - 1px);
}
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
  background-color: transparent;
  border-bottom-color: var(--link);
}
.navbar-item.is-tab.is-active {
  background-color: transparent;
  border-bottom-color: var(--link);
  border-bottom-style: solid;
  border-bottom-width: 3px;
  color: var(--link);
  padding-bottom: calc(0.5rem - 3px);
}
.navbar-content {
  flex-grow: 1;
  flex-shrink: 1;
}
.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em;
}
.navbar-link:not(.is-arrowless)::after {
  border-color: var(--link);
  margin-top: -0.375em;
  right: 1.125em;
}
.navbar-dropdown {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.navbar-dropdown .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.navbar-divider {
  background-color: whitesmoke;
  border: none;
  display: none;
  height: 2px;
  margin: 0.5rem 0;
}
@media screen and (max-width: 1023px) {
  .navbar > .container {
    display: block;
  }

  .navbar-brand .navbar-item,
.navbar-tabs .navbar-item {
    align-items: center;
    display: flex;
  }

  .navbar-link::after {
    display: none;
  }

  .navbar-menu {
    background-color: var(--white);
    box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
    padding: 0.5rem 0;
  }
  .navbar-menu.is-active {
    display: block;
  }

  .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-touch {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-touch.has-shadow {
    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  }
  .navbar.is-fixed-top-touch {
    top: 0;
  }
  .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 3.25rem);
    overflow: auto;
  }

  html.has-navbar-fixed-top-touch,
body.has-navbar-fixed-top-touch {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-touch,
body.has-navbar-fixed-bottom-touch {
    padding-bottom: 3.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .navbar,
.navbar-menu,
.navbar-start,
.navbar-end {
    align-items: stretch;
    display: flex;
  }

  .navbar {
    min-height: 3.25rem;
  }
  .navbar.is-spaced {
    padding: 1rem 2rem;
  }
  .navbar.is-spaced .navbar-start,
.navbar.is-spaced .navbar-end {
    align-items: center;
  }
  .navbar.is-spaced a.navbar-item,
.navbar.is-spaced .navbar-link {
    border-radius: var(--radius);
  }
  .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
.navbar.is-transparent .navbar-link:focus,
.navbar.is-transparent .navbar-link:hover,
.navbar.is-transparent .navbar-link.is-active {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
    background-color: whitesmoke;
    color: #0a0a0a;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: var(--link);
  }

  .navbar-burger {
    display: none;
  }

  .navbar-item,
.navbar-link {
    align-items: center;
    display: flex;
  }

  .navbar-item.has-dropdown {
    align-items: stretch;
  }
  .navbar-item.has-dropdown-up .navbar-link::after {
    transform: rotate(135deg) translate(0.25em, -0.25em);
  }
  .navbar-item.has-dropdown-up .navbar-dropdown {
    border-bottom: 2px solid var(--border);
    border-radius: var(--radius-large) var(--radius-large) 0 0;
    border-top: none;
    bottom: 100%;
    box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
    top: auto;
  }
  .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
  }
  .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0;
  }

  .navbar-start {
    justify-content: flex-start;
    margin-right: auto;
  }

  .navbar-end {
    justify-content: flex-end;
    margin-left: auto;
  }

  .navbar-dropdown {
    background-color: var(--white);
    border-bottom-left-radius: var(--radius-large);
    border-bottom-right-radius: var(--radius-large);
    border-top: 2px solid var(--border);
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
    display: none;
    font-size: 0.875rem;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 20;
  }
  .navbar-dropdown .navbar-item {
    padding: 0.375rem 1rem;
    white-space: nowrap;
  }
  .navbar-dropdown a.navbar-item {
    padding-right: 3rem;
  }
  .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
    background-color: whitesmoke;
    color: #0a0a0a;
  }
  .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: var(--link);
  }
  .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
    border-radius: var(--radius-large);
    border-top: none;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    display: block;
    opacity: 0;
    pointer-events: none;
    top: calc(100% + (-4px));
    transform: translateY(-5px);
    transition-duration: 86ms;
    transition-property: opacity, transform;
  }
  .navbar-dropdown.is-right {
    left: auto;
    right: 0;
  }

  .navbar-divider {
    display: block;
  }

  .navbar > .container .navbar-brand,
.container > .navbar .navbar-brand {
    margin-left: -0.75rem;
  }
  .navbar > .container .navbar-menu,
.container > .navbar .navbar-menu {
    margin-right: -0.75rem;
  }

  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-desktop {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-desktop.has-shadow {
    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  }
  .navbar.is-fixed-top-desktop {
    top: 0;
  }

  html.has-navbar-fixed-top-desktop,
body.has-navbar-fixed-top-desktop {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-desktop,
body.has-navbar-fixed-bottom-desktop {
    padding-bottom: 3.25rem;
  }
  html.has-spaced-navbar-fixed-top,
body.has-spaced-navbar-fixed-top {
    padding-top: 5.25rem;
  }
  html.has-spaced-navbar-fixed-bottom,
body.has-spaced-navbar-fixed-bottom {
    padding-bottom: 5.25rem;
  }

  a.navbar-item.is-active,
.navbar-link.is-active {
    color: #0a0a0a;
  }
  a.navbar-item.is-active:not(:focus):not(:hover),
.navbar-link.is-active:not(:focus):not(:hover) {
    background-color: transparent;
  }

  .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #fafafa;
  }
}
.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 3.25rem);
}
.pagination {
  font-size: 1rem;
  margin: -0.25rem;
}
.pagination.is-small {
  font-size: 0.75rem;
}
.pagination.is-medium {
  font-size: 1.25rem;
}
.pagination.is-large {
  font-size: 1.5rem;
}
.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: var(--radius-rounded);
}
.pagination.is-rounded .pagination-link {
  border-radius: var(--radius-rounded);
}
.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  justify-content: center;
  margin: 0.25rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
}
.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: var(--border);
  color: #363636;
  min-width: 2.5em;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: #b5b5b5;
  color: #363636;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  border-color: #485fc7;
}
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
}
.pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled] {
  background-color: var(--border);
  border-color: var(--border);
  box-shadow: none;
  color: #7a7a7a;
  opacity: 0.5;
}
.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}
.pagination-link.is-current {
  background-color: var(--link);
  border-color: var(--link);
  color: var(--link--color-invert);
}
.pagination-ellipsis {
  color: #b5b5b5;
  pointer-events: none;
}
.pagination-list {
  flex-wrap: wrap;
}
.pagination-list li {
  list-style: none;
}
@media screen and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap;
  }

  .pagination-previous,
.pagination-next {
    flex-grow: 1;
    flex-shrink: 1;
  }

  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 769px), print {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1;
  }

  .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
    margin-bottom: 0;
    margin-top: 0;
  }

  .pagination-previous {
    order: 2;
  }

  .pagination-next {
    order: 3;
  }

  .pagination {
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination.is-centered .pagination-previous {
    order: 1;
  }
  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2;
  }
  .pagination.is-centered .pagination-next {
    order: 3;
  }
  .pagination.is-right .pagination-previous {
    order: 1;
  }
  .pagination.is-right .pagination-next {
    order: 2;
  }
  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3;
  }
}
.panel {
  border-radius: var(--radius-large);
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  font-size: 1rem;
}
.panel:not(:last-child) {
  margin-bottom: 1.5rem;
}
.panel.is-white .panel-heading {
  background-color: var(--white);
  color: #0a0a0a;
}
.panel.is-white .panel-tabs a.is-active {
  border-bottom-color: var(--white);
}
.panel.is-white .panel-block.is-active .panel-icon {
  color: var(--white);
}
.panel.is-black .panel-heading {
  background-color: #0a0a0a;
  color: var(--white);
}
.panel.is-black .panel-tabs a.is-active {
  border-bottom-color: #0a0a0a;
}
.panel.is-black .panel-block.is-active .panel-icon {
  color: #0a0a0a;
}
.panel.is-light .panel-heading {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.panel.is-light .panel-tabs a.is-active {
  border-bottom-color: whitesmoke;
}
.panel.is-light .panel-block.is-active .panel-icon {
  color: whitesmoke;
}
.panel.is-dark .panel-heading {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.panel.is-dark .panel-tabs a.is-active {
  border-bottom-color: var(--dark);
}
.panel.is-dark .panel-block.is-active .panel-icon {
  color: var(--dark);
}
.panel.is-primary .panel-heading {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.panel.is-primary .panel-tabs a.is-active {
  border-bottom-color: var(--primary);
}
.panel.is-primary .panel-block.is-active .panel-icon {
  color: var(--primary);
}
.panel.is-link .panel-heading {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.panel.is-link .panel-tabs a.is-active {
  border-bottom-color: var(--link);
}
.panel.is-link .panel-block.is-active .panel-icon {
  color: var(--link);
}
.panel.is-info .panel-heading {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.panel.is-info .panel-tabs a.is-active {
  border-bottom-color: var(--info);
}
.panel.is-info .panel-block.is-active .panel-icon {
  color: var(--info);
}
.panel.is-success .panel-heading {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.panel.is-success .panel-tabs a.is-active {
  border-bottom-color: var(--success);
}
.panel.is-success .panel-block.is-active .panel-icon {
  color: var(--success);
}
.panel.is-warning .panel-heading {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.panel.is-warning .panel-tabs a.is-active {
  border-bottom-color: var(--warning);
}
.panel.is-warning .panel-block.is-active .panel-icon {
  color: var(--warning);
}
.panel.is-danger .panel-heading {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.panel.is-danger .panel-tabs a.is-active {
  border-bottom-color: var(--danger);
}
.panel.is-danger .panel-block.is-active .panel-icon {
  color: var(--danger);
}
.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
  border-bottom: 1px solid #ededed;
}
.panel-heading {
  background-color: #ededed;
  border-radius: var(--radius-large) var(--radius-large) 0 0;
  color: #363636;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.25;
  padding: 0.75em 1em;
}
.panel-tabs {
  align-items: flex-end;
  display: flex;
  font-size: 0.875em;
  justify-content: center;
}
.panel-tabs a {
  border-bottom: 1px solid var(--border);
  margin-bottom: -1px;
  padding: 0.5em;
}
.panel-tabs a.is-active {
  border-bottom-color: #4a4a4a;
  color: #363636;
}
.panel-list a {
  color: #4a4a4a;
}
.panel-list a:hover {
  color: var(--link);
}
.panel-block {
  align-items: center;
  color: #363636;
  display: flex;
  justify-content: flex-start;
  padding: 0.5em 0.75em;
}
.panel-block input[type=checkbox] {
  margin-right: 0.75em;
}
.panel-block > .control {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}
.panel-block.is-wrapped {
  flex-wrap: wrap;
}
.panel-block.is-active {
  border-left-color: var(--link);
  color: #363636;
}
.panel-block.is-active .panel-icon {
  color: var(--link);
}
.panel-block:last-child {
  border-bottom-left-radius: var(--radius-large);
  border-bottom-right-radius: var(--radius-large);
}
a.panel-block,
label.panel-block {
  cursor: pointer;
}
a.panel-block:hover,
label.panel-block:hover {
  background-color: whitesmoke;
}
.panel-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: #7a7a7a;
  margin-right: 0.75em;
}
.panel-icon .fa {
  font-size: inherit;
  line-height: inherit;
}
.tabs {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.tabs a {
  align-items: center;
  border-bottom-color: var(--border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #4a4a4a;
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
}
.tabs a:hover {
  border-bottom-color: #363636;
  color: #363636;
}
.tabs li {
  display: block;
}
.tabs li.is-active a {
  border-bottom-color: var(--link);
  color: var(--link);
}
.tabs ul {
  align-items: center;
  border-bottom-color: var(--border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}
.tabs ul.is-left {
  padding-right: 0.75em;
}
.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}
.tabs .icon:first-child {
  margin-right: 0.5em;
}
.tabs .icon:last-child {
  margin-left: 0.5em;
}
.tabs.is-centered ul {
  justify-content: center;
}
.tabs.is-right ul {
  justify-content: flex-end;
}
.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: var(--radius) var(--radius) 0 0;
}
.tabs.is-boxed a:hover {
  background-color: whitesmoke;
  border-bottom-color: var(--border);
}
.tabs.is-boxed li.is-active a {
  background-color: var(--white);
  border-color: var(--border);
  border-bottom-color: transparent !important;
}
.tabs.is-fullwidth li {
  flex-grow: 1;
  flex-shrink: 0;
}
.tabs.is-toggle a {
  border-color: var(--border);
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  position: relative;
}
.tabs.is-toggle a:hover {
  background-color: whitesmoke;
  border-color: #b5b5b5;
  z-index: 2;
}
.tabs.is-toggle li + li {
  margin-left: -1px;
}
.tabs.is-toggle li:first-child a {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.tabs.is-toggle li:last-child a {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.tabs.is-toggle li.is-active a {
  background-color: var(--link);
  border-color: var(--link);
  color: var(--link--color-invert);
  z-index: 1;
}
.tabs.is-toggle ul {
  border-bottom: none;
}
.tabs.is-toggle.is-toggle-rounded li:first-child a {
  border-bottom-left-radius: var(--radius-rounded);
  border-top-left-radius: var(--radius-rounded);
  padding-left: 1.25em;
}
.tabs.is-toggle.is-toggle-rounded li:last-child a {
  border-bottom-right-radius: var(--radius-rounded);
  border-top-right-radius: var(--radius-rounded);
  padding-right: 1.25em;
}
.tabs.is-small {
  font-size: 0.75rem;
}
.tabs.is-medium {
  font-size: 1.25rem;
}
.tabs.is-large {
  font-size: 1.5rem;
}
/* Bulma Grid */
.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
  width: unset;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
  margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
  margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
  margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
  margin-left: 80%;
}
.columns.is-mobile > .column.is-0 {
  flex: none;
  width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
  margin-left: 0%;
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.33333337%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.33333337%;
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.66666674%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.66666674%;
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.33333337%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.33333337%;
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.66666674%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.66666674%;
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.33333337%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.33333337%;
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.66666674%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.66666674%;
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.33333337%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.33333337%;
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.66666674%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.66666674%;
}
.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
    width: unset;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-0-mobile {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-mobile {
    margin-left: 0%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.33333337%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.66666674%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.33333337%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.66666674%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.33333337%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.66666674%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.33333337%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.66666674%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
    width: unset;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-left: 80%;
  }
  .column.is-0, .column.is-0-tablet {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0, .column.is-offset-0-tablet {
    margin-left: 0%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.33333337%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.66666674%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.33333337%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.66666674%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.33333337%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.66666674%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.33333337%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.66666674%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .column.is-narrow-touch {
    flex: none;
    width: unset;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-left: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-left: 80%;
  }
  .column.is-0-touch {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-touch {
    margin-left: 0%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.33333337%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.66666674%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.33333337%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.66666674%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.33333337%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.66666674%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.33333337%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.66666674%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .column.is-narrow-desktop {
    flex: none;
    width: unset;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-left: 80%;
  }
  .column.is-0-desktop {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-desktop {
    margin-left: 0%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.33333337%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.66666674%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.33333337%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.66666674%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.33333337%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.66666674%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.33333337%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.66666674%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1216px) {
  .column.is-narrow-widescreen {
    flex: none;
    width: unset;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%;
  }
  .column.is-0-widescreen {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-widescreen {
    margin-left: 0%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.33333337%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.66666674%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.33333337%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.66666674%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.33333337%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.66666674%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.33333337%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.66666674%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 100%;
  }
}
.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.columns:last-child {
  margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.75rem);
}
.columns.is-centered {
  justify-content: center;
}
.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
  margin-bottom: 0;
}
.columns.is-mobile {
  display: flex;
}
.columns.is-multiline {
  flex-wrap: wrap;
}
.columns.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-desktop {
    display: flex;
  }
}
.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable > .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
  --columnGap: 0rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-0-mobile {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-0-tablet {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-0-tablet-only {
    --columnGap: 0rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-0-touch {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-0-desktop {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-0-desktop-only {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-0-widescreen {
    --columnGap: 0rem;
  }
}
.columns.is-variable.is-1 {
  --columnGap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-1-mobile {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-1-tablet {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-1-tablet-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-1-touch {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-1-desktop {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-1-desktop-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-1-widescreen {
    --columnGap: 0.25rem;
  }
}
.columns.is-variable.is-2 {
  --columnGap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-2-mobile {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-2-tablet {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-2-tablet-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-2-touch {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-2-desktop {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-2-desktop-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-2-widescreen {
    --columnGap: 0.5rem;
  }
}
.columns.is-variable.is-3 {
  --columnGap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-3-mobile {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-3-tablet {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-3-tablet-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-3-touch {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-3-desktop {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-3-desktop-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-3-widescreen {
    --columnGap: 0.75rem;
  }
}
.columns.is-variable.is-4 {
  --columnGap: 1rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-4-mobile {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-4-tablet {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-4-tablet-only {
    --columnGap: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-4-touch {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-4-desktop {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-4-desktop-only {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-4-widescreen {
    --columnGap: 1rem;
  }
}
.columns.is-variable.is-5 {
  --columnGap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-5-mobile {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-5-tablet {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-5-tablet-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-5-touch {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-5-desktop {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-5-desktop-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-5-widescreen {
    --columnGap: 1.25rem;
  }
}
.columns.is-variable.is-6 {
  --columnGap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-6-mobile {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-6-tablet {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-6-tablet-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-6-touch {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-6-desktop {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-6-desktop-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-6-widescreen {
    --columnGap: 1.5rem;
  }
}
.columns.is-variable.is-7 {
  --columnGap: 1.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-7-mobile {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-7-tablet {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-7-tablet-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-7-touch {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-7-desktop {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-7-desktop-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-7-widescreen {
    --columnGap: 1.75rem;
  }
}
.columns.is-variable.is-8 {
  --columnGap: 2rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-8-mobile {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-8-tablet {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-8-tablet-only {
    --columnGap: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-8-touch {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-8-desktop {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-8-desktop-only {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-8-widescreen {
    --columnGap: 2rem;
  }
}
.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: min-content;
}
.tile.is-ancestor {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}
.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}
.tile.is-child {
  margin: 0 !important;
}
.tile.is-parent {
  padding: 0.75rem;
}
.tile.is-vertical {
  flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 769px), print {
  .tile:not(.is-child) {
    display: flex;
  }
  .tile.is-1 {
    flex: none;
    width: 8.33333337%;
  }
  .tile.is-2 {
    flex: none;
    width: 16.66666674%;
  }
  .tile.is-3 {
    flex: none;
    width: 25%;
  }
  .tile.is-4 {
    flex: none;
    width: 33.33333337%;
  }
  .tile.is-5 {
    flex: none;
    width: 41.66666674%;
  }
  .tile.is-6 {
    flex: none;
    width: 50%;
  }
  .tile.is-7 {
    flex: none;
    width: 58.33333337%;
  }
  .tile.is-8 {
    flex: none;
    width: 66.66666674%;
  }
  .tile.is-9 {
    flex: none;
    width: 75%;
  }
  .tile.is-10 {
    flex: none;
    width: 83.33333337%;
  }
  .tile.is-11 {
    flex: none;
    width: 91.66666674%;
  }
  .tile.is-12 {
    flex: none;
    width: 100%;
  }
}
/* Bulma Helpers */
.has-text-white {
  color: var(--white) !important;
}
a.has-text-white:hover, a.has-text-white:focus {
  color: var(--white) !important;
}
.has-background-white {
  background-color: var(--white) !important;
}
.has-text-black {
  color: #0a0a0a !important;
}
a.has-text-black:hover, a.has-text-black:focus {
  color: black !important;
}
.has-background-black {
  background-color: #0a0a0a !important;
}
.has-text-light {
  color: whitesmoke !important;
}
a.has-text-light:hover, a.has-text-light:focus {
  color: #dbdbdb !important;
}
.has-background-light {
  background-color: whitesmoke !important;
}
.has-text-dark {
  color: var(--dark) !important;
}
a.has-text-dark:hover, a.has-text-dark:focus {
  color: var(--dark) !important;
}
.has-background-dark {
  background-color: var(--dark) !important;
}
.has-text-primary {
  color: var(--primary) !important;
}
a.has-text-primary:hover, a.has-text-primary:focus {
  color: var(--primary) !important;
}
.has-background-primary {
  background-color: var(--primary) !important;
}
.has-text-primary-light {
  color: var(--primary--light-color) !important;
}
a.has-text-primary-light:hover, a.has-text-primary-light:focus {
  color: var(--primary--light-color) !important;
}
.has-background-primary-light {
  background-color: var(--primary--light-color) !important;
}
.has-text-primary-dark {
  color: var(--primary--dark-color) !important;
}
a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
  color: var(--primary--dark-color) !important;
}
.has-background-primary-dark {
  background-color: var(--primary--dark-color) !important;
}
.has-text-link {
  color: var(--link) !important;
}
a.has-text-link:hover, a.has-text-link:focus {
  color: var(--link) !important;
}
.has-background-link {
  background-color: var(--link) !important;
}
.has-text-link-light {
  color: var(--link--light-color) !important;
}
a.has-text-link-light:hover, a.has-text-link-light:focus {
  color: var(--link--light-color) !important;
}
.has-background-link-light {
  background-color: var(--link--light-color) !important;
}
.has-text-link-dark {
  color: var(--link--dark-color) !important;
}
a.has-text-link-dark:hover, a.has-text-link-dark:focus {
  color: var(--link--dark-color) !important;
}
.has-background-link-dark {
  background-color: var(--link--dark-color) !important;
}
.has-text-info {
  color: var(--info) !important;
}
a.has-text-info:hover, a.has-text-info:focus {
  color: var(--info) !important;
}
.has-background-info {
  background-color: var(--info) !important;
}
.has-text-info-light {
  color: var(--info--light-color) !important;
}
a.has-text-info-light:hover, a.has-text-info-light:focus {
  color: var(--info--light-color) !important;
}
.has-background-info-light {
  background-color: var(--info--light-color) !important;
}
.has-text-info-dark {
  color: var(--info--dark-color) !important;
}
a.has-text-info-dark:hover, a.has-text-info-dark:focus {
  color: var(--info--dark-color) !important;
}
.has-background-info-dark {
  background-color: var(--info--dark-color) !important;
}
.has-text-success {
  color: var(--success) !important;
}
a.has-text-success:hover, a.has-text-success:focus {
  color: var(--success) !important;
}
.has-background-success {
  background-color: var(--success) !important;
}
.has-text-success-light {
  color: var(--success--light-color) !important;
}
a.has-text-success-light:hover, a.has-text-success-light:focus {
  color: var(--success--light-color) !important;
}
.has-background-success-light {
  background-color: var(--success--light-color) !important;
}
.has-text-success-dark {
  color: var(--success--dark-color) !important;
}
a.has-text-success-dark:hover, a.has-text-success-dark:focus {
  color: var(--success--dark-color) !important;
}
.has-background-success-dark {
  background-color: var(--success--dark-color) !important;
}
.has-text-warning {
  color: var(--warning) !important;
}
a.has-text-warning:hover, a.has-text-warning:focus {
  color: var(--warning) !important;
}
.has-background-warning {
  background-color: var(--warning) !important;
}
.has-text-warning-light {
  color: var(--warning--light-color) !important;
}
a.has-text-warning-light:hover, a.has-text-warning-light:focus {
  color: var(--warning--light-color) !important;
}
.has-background-warning-light {
  background-color: var(--warning--light-color) !important;
}
.has-text-warning-dark {
  color: var(--warning--dark-color) !important;
}
a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
  color: var(--warning--dark-color) !important;
}
.has-background-warning-dark {
  background-color: var(--warning--dark-color) !important;
}
.has-text-danger {
  color: var(--danger) !important;
}
a.has-text-danger:hover, a.has-text-danger:focus {
  color: var(--danger) !important;
}
.has-background-danger {
  background-color: var(--danger) !important;
}
.has-text-danger-light {
  color: var(--danger--light-color) !important;
}
a.has-text-danger-light:hover, a.has-text-danger-light:focus {
  color: var(--danger--light-color) !important;
}
.has-background-danger-light {
  background-color: var(--danger--light-color) !important;
}
.has-text-danger-dark {
  color: var(--danger--dark-color) !important;
}
a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
  color: var(--danger--dark-color) !important;
}
.has-background-danger-dark {
  background-color: var(--danger--dark-color) !important;
}
.has-text-black-bis {
  color: #121212 !important;
}
.has-background-black-bis {
  background-color: #121212 !important;
}
.has-text-black-ter {
  color: #242424 !important;
}
.has-background-black-ter {
  background-color: #242424 !important;
}
.has-text-grey-darker {
  color: #363636 !important;
}
.has-background-grey-darker {
  background-color: #363636 !important;
}
.has-text-grey-dark {
  color: #4a4a4a !important;
}
.has-background-grey-dark {
  background-color: #4a4a4a !important;
}
.has-text-grey {
  color: #7a7a7a !important;
}
.has-background-grey {
  background-color: #7a7a7a !important;
}
.has-text-grey-light {
  color: #b5b5b5 !important;
}
.has-background-grey-light {
  background-color: #b5b5b5 !important;
}
.has-text-grey-lighter {
  color: #dbdbdb !important;
}
.has-background-grey-lighter {
  background-color: #dbdbdb !important;
}
.has-text-white-ter {
  color: whitesmoke !important;
}
.has-background-white-ter {
  background-color: whitesmoke !important;
}
.has-text-white-bis {
  color: #fafafa !important;
}
.has-background-white-bis {
  background-color: #fafafa !important;
}
.is-flex-direction-row {
  flex-direction: row !important;
}
.is-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}
.is-flex-direction-column {
  flex-direction: column !important;
}
.is-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}
.is-flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}
.is-flex-wrap-wrap {
  flex-wrap: wrap !important;
}
.is-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.is-justify-content-flex-start {
  justify-content: flex-start !important;
}
.is-justify-content-flex-end {
  justify-content: flex-end !important;
}
.is-justify-content-center {
  justify-content: center !important;
}
.is-justify-content-space-between {
  justify-content: space-between !important;
}
.is-justify-content-space-around {
  justify-content: space-around !important;
}
.is-justify-content-space-evenly {
  justify-content: space-evenly !important;
}
.is-justify-content-start {
  justify-content: start !important;
}
.is-justify-content-end {
  justify-content: end !important;
}
.is-justify-content-left {
  justify-content: left !important;
}
.is-justify-content-right {
  justify-content: right !important;
}
.is-align-content-flex-start {
  align-content: flex-start !important;
}
.is-align-content-flex-end {
  align-content: flex-end !important;
}
.is-align-content-center {
  align-content: center !important;
}
.is-align-content-space-between {
  align-content: space-between !important;
}
.is-align-content-space-around {
  align-content: space-around !important;
}
.is-align-content-space-evenly {
  align-content: space-evenly !important;
}
.is-align-content-stretch {
  align-content: stretch !important;
}
.is-align-content-start {
  align-content: start !important;
}
.is-align-content-end {
  align-content: end !important;
}
.is-align-content-baseline {
  align-content: baseline !important;
}
.is-align-items-stretch {
  align-items: stretch !important;
}
.is-align-items-flex-start {
  align-items: flex-start !important;
}
.is-align-items-flex-end {
  align-items: flex-end !important;
}
.is-align-items-center {
  align-items: center !important;
}
.is-align-items-baseline {
  align-items: baseline !important;
}
.is-align-items-start {
  align-items: start !important;
}
.is-align-items-end {
  align-items: end !important;
}
.is-align-items-self-start {
  align-items: self-start !important;
}
.is-align-items-self-end {
  align-items: self-end !important;
}
.is-align-self-auto {
  align-self: auto !important;
}
.is-align-self-flex-start {
  align-self: flex-start !important;
}
.is-align-self-flex-end {
  align-self: flex-end !important;
}
.is-align-self-center {
  align-self: center !important;
}
.is-align-self-baseline {
  align-self: baseline !important;
}
.is-align-self-stretch {
  align-self: stretch !important;
}
.is-flex-grow-0 {
  flex-grow: 0 !important;
}
.is-flex-grow-1 {
  flex-grow: 1 !important;
}
.is-flex-grow-2 {
  flex-grow: 2 !important;
}
.is-flex-grow-3 {
  flex-grow: 3 !important;
}
.is-flex-grow-4 {
  flex-grow: 4 !important;
}
.is-flex-grow-5 {
  flex-grow: 5 !important;
}
.is-flex-shrink-0 {
  flex-shrink: 0 !important;
}
.is-flex-shrink-1 {
  flex-shrink: 1 !important;
}
.is-flex-shrink-2 {
  flex-shrink: 2 !important;
}
.is-flex-shrink-3 {
  flex-shrink: 3 !important;
}
.is-flex-shrink-4 {
  flex-shrink: 4 !important;
}
.is-flex-shrink-5 {
  flex-shrink: 5 !important;
}
.is-clearfix::after {
  clear: both;
  content: " ";
  display: table;
}
.is-pulled-left {
  float: left !important;
}
.is-pulled-right {
  float: right !important;
}
.is-radiusless {
  border-radius: 0 !important;
}
.is-shadowless {
  box-shadow: none !important;
}
.is-clickable {
  cursor: pointer !important;
  pointer-events: all !important;
}
.is-clipped {
  overflow: hidden !important;
}
.is-relative {
  position: relative !important;
}
.is-marginless {
  margin: 0 !important;
}
.is-paddingless {
  padding: 0 !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.m-3 {
  margin: 0.75rem !important;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.mr-3 {
  margin-right: 0.75rem !important;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.ml-3 {
  margin-left: 0.75rem !important;
}
.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}
.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.m-4 {
  margin: 1rem !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.mr-4 {
  margin-right: 1rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.ml-4 {
  margin-left: 1rem !important;
}
.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.m-5 {
  margin: 1.5rem !important;
}
.mt-5 {
  margin-top: 1.5rem !important;
}
.mr-5 {
  margin-right: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 1.5rem !important;
}
.ml-5 {
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.m-6 {
  margin: 3rem !important;
}
.mt-6 {
  margin-top: 3rem !important;
}
.mr-6 {
  margin-right: 3rem !important;
}
.mb-6 {
  margin-bottom: 3rem !important;
}
.ml-6 {
  margin-left: 3rem !important;
}
.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.p-3 {
  padding: 0.75rem !important;
}
.pt-3 {
  padding-top: 0.75rem !important;
}
.pr-3 {
  padding-right: 0.75rem !important;
}
.pb-3 {
  padding-bottom: 0.75rem !important;
}
.pl-3 {
  padding-left: 0.75rem !important;
}
.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.p-4 {
  padding: 1rem !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.pr-4 {
  padding-right: 1rem !important;
}
.pb-4 {
  padding-bottom: 1rem !important;
}
.pl-4 {
  padding-left: 1rem !important;
}
.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.p-5 {
  padding: 1.5rem !important;
}
.pt-5 {
  padding-top: 1.5rem !important;
}
.pr-5 {
  padding-right: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 1.5rem !important;
}
.pl-5 {
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.p-6 {
  padding: 3rem !important;
}
.pt-6 {
  padding-top: 3rem !important;
}
.pr-6 {
  padding-right: 3rem !important;
}
.pb-6 {
  padding-bottom: 3rem !important;
}
.pl-6 {
  padding-left: 3rem !important;
}
.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.p-auto {
  padding: auto !important;
}
.pt-auto {
  padding-top: auto !important;
}
.pr-auto {
  padding-right: auto !important;
}
.pb-auto {
  padding-bottom: auto !important;
}
.pl-auto {
  padding-left: auto !important;
}
.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}
.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.is-size-1 {
  font-size: 3rem !important;
}
.is-size-2 {
  font-size: 2.5rem !important;
}
.is-size-3 {
  font-size: 2rem !important;
}
.is-size-4 {
  font-size: 1.5rem !important;
}
.is-size-5 {
  font-size: 1.25rem !important;
}
.is-size-6 {
  font-size: 1rem !important;
}
.is-size-7 {
  font-size: 0.75rem !important;
}
@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3rem !important;
  }

  .is-size-2-mobile {
    font-size: 2.5rem !important;
  }

  .is-size-3-mobile {
    font-size: 2rem !important;
  }

  .is-size-4-mobile {
    font-size: 1.5rem !important;
  }

  .is-size-5-mobile {
    font-size: 1.25rem !important;
  }

  .is-size-6-mobile {
    font-size: 1rem !important;
  }

  .is-size-7-mobile {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 3rem !important;
  }

  .is-size-2-tablet {
    font-size: 2.5rem !important;
  }

  .is-size-3-tablet {
    font-size: 2rem !important;
  }

  .is-size-4-tablet {
    font-size: 1.5rem !important;
  }

  .is-size-5-tablet {
    font-size: 1.25rem !important;
  }

  .is-size-6-tablet {
    font-size: 1rem !important;
  }

  .is-size-7-tablet {
    font-size: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-size-1-touch {
    font-size: 3rem !important;
  }

  .is-size-2-touch {
    font-size: 2.5rem !important;
  }

  .is-size-3-touch {
    font-size: 2rem !important;
  }

  .is-size-4-touch {
    font-size: 1.5rem !important;
  }

  .is-size-5-touch {
    font-size: 1.25rem !important;
  }

  .is-size-6-touch {
    font-size: 1rem !important;
  }

  .is-size-7-touch {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-size-1-desktop {
    font-size: 3rem !important;
  }

  .is-size-2-desktop {
    font-size: 2.5rem !important;
  }

  .is-size-3-desktop {
    font-size: 2rem !important;
  }

  .is-size-4-desktop {
    font-size: 1.5rem !important;
  }

  .is-size-5-desktop {
    font-size: 1.25rem !important;
  }

  .is-size-6-desktop {
    font-size: 1rem !important;
  }

  .is-size-7-desktop {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important;
  }

  .is-size-2-widescreen {
    font-size: 2.5rem !important;
  }

  .is-size-3-widescreen {
    font-size: 2rem !important;
  }

  .is-size-4-widescreen {
    font-size: 1.5rem !important;
  }

  .is-size-5-widescreen {
    font-size: 1.25rem !important;
  }

  .is-size-6-widescreen {
    font-size: 1rem !important;
  }

  .is-size-7-widescreen {
    font-size: 0.75rem !important;
  }
}
.has-text-centered {
  text-align: center !important;
}
.has-text-justified {
  text-align: justify !important;
}
.has-text-left {
  text-align: left !important;
}
.has-text-right {
  text-align: right !important;
}
@media screen and (max-width: 768px) {
  .has-text-centered-mobile {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-centered-tablet {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-centered-tablet-only {
    text-align: center !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-centered-touch {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-centered-desktop {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-centered-widescreen {
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-justified-touch {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-justified-desktop {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-left-mobile {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-left-tablet {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-left-tablet-only {
    text-align: left !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-left-touch {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-left-desktop {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-left-desktop-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-left-widescreen {
    text-align: left !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-right-mobile {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-right-tablet {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-right-tablet-only {
    text-align: right !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-right-touch {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-right-desktop {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-right-desktop-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-right-widescreen {
    text-align: right !important;
  }
}
.is-capitalized {
  text-transform: capitalize !important;
}
.is-lowercase {
  text-transform: lowercase !important;
}
.is-uppercase {
  text-transform: uppercase !important;
}
.is-italic {
  font-style: italic !important;
}
.is-underlined {
  text-decoration: underline !important;
}
.has-text-weight-light {
  font-weight: 300 !important;
}
.has-text-weight-normal {
  font-weight: 400 !important;
}
.has-text-weight-medium {
  font-weight: 500 !important;
}
.has-text-weight-semibold {
  font-weight: 600 !important;
}
.has-text-weight-bold {
  font-weight: 700 !important;
}
.is-family-primary {
  font-family: "Noto Sans KR", sans-serif !important;
}
.is-family-secondary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}
.is-family-sans-serif {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}
.is-family-monospace {
  font-family: monospace !important;
}
.is-family-code {
  font-family: monospace !important;
}
.is-block {
  display: block !important;
}
@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-block-tablet {
    display: block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-block-tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-block-touch {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-block-desktop {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-block-desktop-only {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-block-widescreen {
    display: block !important;
  }
}
.is-flex {
  display: flex !important;
}
@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-flex-tablet {
    display: flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-flex-tablet-only {
    display: flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-flex-touch {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-flex-desktop {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-flex-desktop-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-flex-widescreen {
    display: flex !important;
  }
}
.is-inline {
  display: inline !important;
}
@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-tablet {
    display: inline !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-tablet-only {
    display: inline !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-touch {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-desktop {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-desktop-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-widescreen {
    display: inline !important;
  }
}
.is-inline-block {
  display: inline-block !important;
}
@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-block-tablet {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-block-touch {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-block-desktop {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-block-desktop-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-block-widescreen {
    display: inline-block !important;
  }
}
.is-inline-flex {
  display: inline-flex !important;
}
@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-flex-tablet {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}
.is-hidden {
  display: none !important;
}
.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}
@media screen and (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-hidden-tablet {
    display: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-hidden-tablet-only {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-hidden-touch {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-hidden-desktop {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-hidden-desktop-only {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-hidden-widescreen {
    display: none !important;
  }
}
.is-invisible {
  visibility: hidden !important;
}
@media screen and (max-width: 768px) {
  .is-invisible-mobile {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-invisible-tablet {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-invisible-tablet-only {
    visibility: hidden !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-invisible-touch {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-invisible-desktop {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-invisible-desktop-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-invisible-widescreen {
    visibility: hidden !important;
  }
}
/* Bulma Layout */
.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero .navbar {
  background: none;
}
.hero .tabs ul {
  border-bottom: none;
}
.hero.is-white {
  background-color: var(--white);
  color: #0a0a0a;
}
.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
  color: inherit;
}
.hero.is-white .title {
  color: #0a0a0a;
}
.hero.is-white .subtitle {
  color: rgba(10, 10, 10, 0.9);
}
.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
  color: #0a0a0a;
}
@media screen and (max-width: 1023px) {
  .hero.is-white .navbar-menu {
    background-color: var(--white);
  }
}
.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
  color: rgba(10, 10, 10, 0.7);
}
.hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white .navbar-link.is-active {
  background-color: var(--white);
  color: #0a0a0a;
}
.hero.is-white .tabs a {
  color: #0a0a0a;
  opacity: 0.9;
}
.hero.is-white .tabs a:hover {
  opacity: 1;
}
.hero.is-white .tabs li.is-active a {
  color: var(--white) !important;
  opacity: 1;
}
.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
  color: #0a0a0a;
}
.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: var(--white);
}
.hero.is-black {
  background-color: #0a0a0a;
  color: var(--white);
}
.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
  color: inherit;
}
.hero.is-black .title {
  color: var(--white);
}
.hero.is-black .subtitle {
  color: var(--white);
}
.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
  color: var(--white);
}
@media screen and (max-width: 1023px) {
  .hero.is-black .navbar-menu {
    background-color: #0a0a0a;
  }
}
.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
  color: var(--white);
}
.hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black .navbar-link.is-active {
  background-color: black;
  color: var(--white);
}
.hero.is-black .tabs a {
  color: var(--white);
  opacity: 0.9;
}
.hero.is-black .tabs a:hover {
  opacity: 1;
}
.hero.is-black .tabs li.is-active a {
  color: #0a0a0a !important;
  opacity: 1;
}
.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
  color: var(--white);
}
.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
  background-color: var(--white);
  border-color: var(--white);
  color: #0a0a0a;
}
.hero.is-black.is-bold {
  background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-black.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
  }
}
.hero.is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
  color: inherit;
}
.hero.is-light .title {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .subtitle {
  color: rgba(0, 0, 0, 0.9);
}
.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1023px) {
  .hero.is-light .navbar-menu {
    background-color: whitesmoke;
  }
}
.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
  background-color: #e8e8e8;
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}
.hero.is-light .tabs a:hover {
  opacity: 1;
}
.hero.is-light .tabs li.is-active a {
  color: whitesmoke !important;
  opacity: 1;
}
.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: whitesmoke;
}
.hero.is-light.is-bold {
  background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-light.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
  }
}
.hero.is-dark {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
  color: inherit;
}
.hero.is-dark .title {
  color: var(--dark--color-invert);
}
.hero.is-dark .subtitle {
  color: var(--dark--color-invert);
}
.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
  color: var(--dark--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-dark .navbar-menu {
    background-color: var(--dark);
  }
}
.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
  color: var(--dark--color-invert);
}
.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.hero.is-dark .tabs a {
  color: var(--dark--color-invert);
  opacity: 0.9;
}
.hero.is-dark .tabs a:hover {
  opacity: 1;
}
.hero.is-dark .tabs li.is-active a {
  color: var(--dark) !important;
  opacity: 1;
}
.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
  color: var(--dark--color-invert);
}
.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
  background-color: var(--dark--color-invert);
  border-color: var(--dark--color-invert);
  color: var(--dark);
}
.hero.is-primary {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
  color: inherit;
}
.hero.is-primary .title {
  color: var(--primary--color-invert);
}
.hero.is-primary .subtitle {
  color: var(--primary--color-invert);
}
.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
  color: var(--primary--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-primary .navbar-menu {
    background-color: var(--primary);
  }
}
.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
  color: var(--primary--color-invert);
}
.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.hero.is-primary .tabs a {
  color: var(--primary--color-invert);
  opacity: 0.9;
}
.hero.is-primary .tabs a:hover {
  opacity: 1;
}
.hero.is-primary .tabs li.is-active a {
  color: var(--primary) !important;
  opacity: 1;
}
.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
  color: var(--primary--color-invert);
}
.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
  background-color: var(--primary--color-invert);
  border-color: var(--primary--color-invert);
  color: var(--primary);
}
.hero.is-link {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
  color: inherit;
}
.hero.is-link .title {
  color: var(--link--color-invert);
}
.hero.is-link .subtitle {
  color: var(--link--color-invert);
}
.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
  color: var(--link--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-link .navbar-menu {
    background-color: var(--link);
  }
}
.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
  color: var(--link--color-invert);
}
.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.hero.is-link .tabs a {
  color: var(--link--color-invert);
  opacity: 0.9;
}
.hero.is-link .tabs a:hover {
  opacity: 1;
}
.hero.is-link .tabs li.is-active a {
  color: var(--link) !important;
  opacity: 1;
}
.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
  color: var(--link--color-invert);
}
.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
  background-color: var(--link--color-invert);
  border-color: var(--link--color-invert);
  color: var(--link);
}
.hero.is-info {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
  color: inherit;
}
.hero.is-info .title {
  color: var(--info--color-invert);
}
.hero.is-info .subtitle {
  color: var(--info--color-invert);
}
.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
  color: var(--info--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-info .navbar-menu {
    background-color: var(--info);
  }
}
.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
  color: var(--info--color-invert);
}
.hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info .navbar-link.is-active {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.hero.is-info .tabs a {
  color: var(--info--color-invert);
  opacity: 0.9;
}
.hero.is-info .tabs a:hover {
  opacity: 1;
}
.hero.is-info .tabs li.is-active a {
  color: var(--info) !important;
  opacity: 1;
}
.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
  color: var(--info--color-invert);
}
.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
  background-color: var(--info--color-invert);
  border-color: var(--info--color-invert);
  color: var(--info);
}
.hero.is-success {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
  color: inherit;
}
.hero.is-success .title {
  color: var(--success--color-invert);
}
.hero.is-success .subtitle {
  color: var(--success--color-invert);
}
.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
  color: var(--success--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-success .navbar-menu {
    background-color: var(--success);
  }
}
.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
  color: var(--success--color-invert);
}
.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.hero.is-success .tabs a {
  color: var(--success--color-invert);
  opacity: 0.9;
}
.hero.is-success .tabs a:hover {
  opacity: 1;
}
.hero.is-success .tabs li.is-active a {
  color: var(--success) !important;
  opacity: 1;
}
.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
  color: var(--success--color-invert);
}
.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
  background-color: var(--success--color-invert);
  border-color: var(--success--color-invert);
  color: var(--success);
}
.hero.is-warning {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
  color: inherit;
}
.hero.is-warning .title {
  color: var(--warning--color-invert);
}
.hero.is-warning .subtitle {
  color: var(--warning--color-invert);
}
.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
  color: var(--warning--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-warning .navbar-menu {
    background-color: var(--warning);
  }
}
.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
  color: var(--warning--color-invert);
}
.hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning .navbar-link.is-active {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.hero.is-warning .tabs a {
  color: var(--warning--color-invert);
  opacity: 0.9;
}
.hero.is-warning .tabs a:hover {
  opacity: 1;
}
.hero.is-warning .tabs li.is-active a {
  color: var(--warning) !important;
  opacity: 1;
}
.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
  color: var(--warning--color-invert);
}
.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
  background-color: var(--warning--color-invert);
  border-color: var(--warning--color-invert);
  color: var(--warning);
}
.hero.is-danger {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
  color: inherit;
}
.hero.is-danger .title {
  color: var(--danger--color-invert);
}
.hero.is-danger .subtitle {
  color: var(--danger--color-invert);
}
.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
  color: var(--danger--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-danger .navbar-menu {
    background-color: var(--danger);
  }
}
.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
  color: var(--danger--color-invert);
}
.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.hero.is-danger .tabs a {
  color: var(--danger--color-invert);
  opacity: 0.9;
}
.hero.is-danger .tabs a:hover {
  opacity: 1;
}
.hero.is-danger .tabs li.is-active a {
  color: var(--danger) !important;
  opacity: 1;
}
.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
  color: var(--danger--color-invert);
}
.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
  background-color: var(--danger--color-invert);
  border-color: var(--danger--color-invert);
  color: var(--danger);
}
.hero.is-small .hero-body {
  padding: 1.5rem;
}
@media screen and (min-width: 769px), print {
  .hero.is-medium .hero-body {
    padding: 9rem 4.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero.is-large .hero-body {
    padding: 18rem 6rem;
  }
}
.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
  align-items: center;
  display: flex;
}
.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
  flex-grow: 1;
  flex-shrink: 1;
}
.hero.is-halfheight {
  min-height: 50vh;
}
.hero.is-fullheight {
  min-height: 100vh;
}
.hero-video {
  overflow: hidden;
}
.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.hero-video.is-transparent {
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  .hero-video {
    display: none;
  }
}
.hero-buttons {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .hero-buttons .button {
    display: flex;
  }
  .hero-buttons .button:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero-buttons {
    display: flex;
    justify-content: center;
  }
  .hero-buttons .button:not(:last-child) {
    margin-right: 1.5rem;
  }
}
.hero-head,
.hero-foot {
  flex-grow: 0;
  flex-shrink: 0;
}
.hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 769px), print {
  .hero-body {
    padding: 3rem 3rem;
  }
}
.section {
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 1024px) {
  .section {
    padding: 3rem 3rem;
  }
  .section.is-medium {
    padding: 9rem 4.5rem;
  }
  .section.is-large {
    padding: 18rem 6rem;
  }
}
.footer {
  background-color: #fafafa;
  padding: 3rem 1.5rem 6rem;
}
/*! _typography.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Titles
    2. Titles Dark mode
    3. Typography Helpers
*/
/* ==========================================================================
1. Titles
========================================================================== */
.title {
  font-family: var(--font-alt);
  color: var(--dark-text);
}
.title.is-narrow {
  margin-bottom: 0;
}
.title.is-thin {
  font-weight: 300;
}
.title.is-heavy {
  font-weight: 600;
}
.title.is-bold {
  font-weight: 700;
}
.title.is-bolder {
  font-weight: 800;
}
.subtitle {
  font-family: var(--font);
  color: var(--dark-text);
}
.subtitle.is-narrow {
  margin-bottom: 0;
}
.subtitle.is-thin {
  font-weight: 300;
}
.subtitle.is-heavy {
  font-weight: 600;
}
.subtitle.is-bold {
  font-weight: 700;
}
.subtitle.is-bolder {
  font-weight: 800;
}
p {
  font-family: var(--font);
  font-weight: 300;
  color: var(--light-text);
}
p.white-text {
  color: var(--white);
}
div {
  color: var(--dark-text);
}
var {
  font-style: normal;
}
.font-size-base {
  font-size: 1rem;
}
.has-dark-text {
  color: var(--dark-text);
}
code {
  white-space: pre;
  color: var(--primary);
  background: transparent;
  font-family: var(--font-monospace);
}
pre {
  border-radius: 0.75rem;
}
.is-dark pre,
.is-dark code {
  background: #1a1a1f;
  color: #c0c0d1;
}
a:focus-visible,
select:focus-visible,
textarea:focus-visible,
input:focus-visible,
label:focus-visible,
button:focus-visible,
.is-trigger:focus-visible {
  border-radius: 4px;
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
/* ==========================================================================
2. Titles Dark mode
========================================================================== */
.is-dark .title,
.is-dark .dark-inverted {
  color: var(--dark-dark-text) !important;
}
.is-dark .subtitle {
  color: var(--light-text);
}
.is-dark a.dark-inverted {
  color: var(--primary) !important;
}
.is-dark a.dark-inverted-hover:hover {
  color: var(--primary) !important;
}
.is-dark h1,
.is-dark h2,
.is-dark h3,
.is-dark h4,
.is-dark h5,
.is-dark h6 {
  color: var(--dark-dark-text);
}
.is-dark code {
  color: var(--primary);
}
.is-dark strong {
  color: var(--white);
}
.content .title {
  font-family: var(--font-alt);
}
/* ==========================================================================
3. Typography Helpers
========================================================================== */
.is-font {
  font-family: var(--font);
}
.is-font-alt {
  font-family: var(--font-alt) !important;
}
.is-weight-300 {
  font-weight: 300 !important;
}
.is-weight-400 {
  font-weight: 400 !important;
}
.is-weight-500 {
  font-weight: 500 !important;
}
.is-weight-600 {
  font-weight: 600 !important;
}
.is-weight-700 {
  font-weight: 700 !important;
}
.is-weight-500 {
  font-weight: 500 !important;
}
.is-weight-900 {
  font-weight: 900 !important;
}
.rem-70 {
  font-size: 0.7rem;
}
.rem-75 {
  font-size: 0.75rem;
}
.rem-80 {
  font-size: 0.8rem;
}
.rem-85 {
  font-size: 0.85rem;
}
.rem-90 {
  font-size: 0.9rem;
}
.rem-95 {
  font-size: 0.95rem;
}
.rem-100 {
  font-size: 1rem;
}
.rem-110 {
  font-size: 1.1rem;
}
.rem-120 {
  font-size: 1.2rem;
}
.rem-130 {
  font-size: 1.3rem;
}
.rem-140 {
  font-size: 1.4rem;
}
.rem-150 {
  font-size: 1.5rem;
}
.rem-160 {
  font-size: 1.6rem;
}
.rem-170 {
  font-size: 1.7rem;
}
.rem-180 {
  font-size: 1.8rem;
}
.rem-190 {
  font-size: 1.9rem;
}
.rem-200 {
  font-size: 2rem;
}
.is-capitalize {
  text-transform: capitalize;
}
/*! _animations.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Base Class
    2. pulsate
    3. Infinite rotate
    4. Fade In Up
    5. Fade In Down
    6. Fade In Left
    7. Scale in
    8. Scale out
    9. Scale In Circle
    10. Gelatine
    11. Wave
    12. Levitate
    13. Glowing
    14. Translate Left
*/
/* ==========================================================================
1. Base Class
========================================================================== */
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
/* ==========================================================================
2. Pulsate
========================================================================== */
@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
.pulsate {
  animation: pulsate 1.5s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
}
/* ==========================================================================
3. Infinite rotate
========================================================================== */
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotating {
  animation: rotating 2s linear infinite;
}
/* ==========================================================================
4. Fade In Up
========================================================================== */
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 20px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 20px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.preFadeInUp {
  opacity: 0;
}
.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
}
/* ==========================================================================
5. Fade In Down
========================================================================== */
@keyframes fadeInDown {
  from {
    transform: translate3d(0, -20px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.preFadeInDown {
  opacity: 0;
}
.fadeInDown {
  opacity: 0;
  animation-name: fadeInDown;
}
/* ==========================================================================
6. Fade In Left
========================================================================== */
@keyframes fadeInLeft {
  from {
    transform: translate3d(20px, 0, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  from {
    transform: translate3d(20px, 0, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.preFadeInLeft {
  opacity: 0;
}
.fadeInLeft {
  opacity: 0;
  animation-name: fadeInLeft;
}
/* ==========================================================================
7. Scale in
========================================================================== */
@keyframes scaleIn {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes scaleIn {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.scaleIn {
  animation: scaleIn 0.5s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.scaleInTooltip {
  animation: scaleIn 0.3s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* ==========================================================================
8. Scale out
========================================================================== */
@keyframes scaleOut {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
@keyframes scaleOut {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
.scaleOut {
  animation: scaleOut 0.5s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.scaleOutTooltip {
  animation: scaleOut 0.3s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* ==========================================================================
9. Scale in circle (used for modal popup)
========================================================================== */
@keyframes scaleInCircle {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(7);
  }
}
@keyframes scaleInCircle {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(7);
  }
}
.scaleInCircle {
  animation: scaleInCircle 0.6s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* ==========================================================================
10. Gelatine
========================================================================== */
@keyframes gelatine {
  from, to {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
@keyframes gelatine {
  from, to {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
.gelatine {
  animation: gelatine 0.6s;
  animation-duration: 0.6s;
  animation-fill-mode: both;
}
/* ==========================================================================
11. Wave
========================================================================== */
@keyframes wave {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4.5);
    opacity: 0;
  }
}
/* ==========================================================================
12. Levitate
========================================================================== */
@keyframes levitate {
  from {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10px);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes levitate {
  from {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10px);
  }
  to {
    transform: translate(0, 0);
  }
}
.levitate {
  animation-name: levitate;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
/* ==========================================================================
13. Glowing
========================================================================== */
@keyframes glowing {
  0% {
    box-shadow: 0 0 -10px #fafafa;
  }
  40% {
    box-shadow: 0 0 20px #fafafa;
  }
  60% {
    box-shadow: 0 0 20px #fafafa;
  }
  100% {
    box-shadow: 0 0 -10px #fafafa;
  }
}
/* ==========================================================================
14. Translate Left
========================================================================== */
@keyframes translateLeft {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes translateLeft {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.translateLeft {
  animation-name: translateLeft;
  animation-duration: 0.3s;
  transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
/* ==========================================================================
1. fade-fast
========================================================================== */
.fade-fast-enter-active,
.fade-fast-leave-active {
  transition: opacity 0.2s ease;
}
.fade-fast-enter-from,
.fade-fast-leave-to {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .fade-fast-enter-active,
.fade-fast-leave-active {
    transition: none;
  }
}
/* ==========================================================================
2. fade-slow
========================================================================== */
.fade-slow-enter-active,
.fade-slow-leave-active {
  transition: opacity 0.5s ease;
}
.fade-slow-enter-from,
.fade-slow-leave-to {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .fade-slow-enter-active,
.fade-slow-leave-active {
    transition: none;
  }
}
/* ==========================================================================
3. translate-page-y
========================================================================== */
.translate-page-y-enter-active,
.translate-page-y-leave-active {
  transform: translateY(0);
  transition: transform 0.25s ease-out, opacity 0.25s ease-out;
}
.translate-page-y-enter-from {
  transform: translateY(10px);
  opacity: 0;
}
.translate-page-y-leave-to {
  transform: translateY(-300px);
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .translate-page-y-enter-active,
.translate-page-y-leave-active {
    transition: none;
  }
}
/* ==========================================================================
4. translate-page-x
========================================================================== */
.translate-page-x-enter-active {
  animation: translate-page-x-in 0.2s cubic-bezier(0.25, 1, 0.5, 1);
}
.translate-page-x-leave-active {
  animation: translate-page-x-out 0.2s cubic-bezier(0.25, 1, 0.5, 1);
}
@keyframes translate-page-x-in {
  0% {
    transform: translateX(-200px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes translate-page-x-out {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(500px);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .translate-page-x-enter-active,
.translate-page-x-leave-active {
    transition: none;
  }
}
/* ==========================================================================
5. list
========================================================================== */
.list-item {
  display: inline-block;
  margin-right: 10px;
}
.list-enter-active,
.list-leave-active {
  transition: all 0.4s ease;
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateY(30px);
}
@media (prefers-reduced-motion: reduce) {
  .list-enter-active,
.list-leave-active {
    transition: none;
  }
}
/* ==========================================================================
6. list-complete
========================================================================== */
.list-complete-item {
  transition: all 0.8s ease;
  display: inline-block;
  margin-right: 10px;
}
.list-complete-enter-from,
.list-complete-leave-to {
  opacity: 0;
  transform: translateY(30px);
}
.list-complete-leave-active {
  position: absolute;
}
@media (prefers-reduced-motion: reduce) {
  .list-complete-enter-active,
.list-complete-leave-active {
    transition: none;
  }
}
/* ==========================================================================
7. slide-x
========================================================================== */
.slide-x-enter-active {
  transition: transform 0.3s ease-out;
}
.slide-x-leave-active {
  transition: transform 0.2s ease-in;
}
.slide-x-enter-from {
  transform: translateX(-100%);
}
.slide-x-enter-to {
  transform: translateX(0);
}
.slide-x-leave-from {
  transform: translateX(0);
}
.slide-x-leave-to {
  transform: translateX(-100%);
}
@media (prefers-reduced-motion: reduce) {
  .slide-x-enter-active,
.slide-x-leave-active {
    transition: none;
    transform: translateX(0);
  }
}
/* ==========================================================================
7. from-bottom
========================================================================== */
.from-bottom-enter-active,
.from-bottom-leave-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.2s ease, transform 0.3s ease;
}
.from-bottom-enter-from,
.from-bottom-leave-to {
  transform: translateY(100%);
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .from-bottom-enter-active,
.from-bottom-leave-active {
    transition: none;
  }
}
/*! _helpers.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Spacing helpers
    2. Color helpers
    3. Shadow helpers
    4. Dark helpers
    5. Radius helpers
*/
/* ==========================================================================
1. Spacing helpers
========================================================================== */
.m-t-5 {
  margin-top: 5px !important;
}
.p-t-5 {
  padding-top: 5px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
.p-b-5 {
  padding-bottom: 5px !important;
}
.m-l-5 {
  margin-left: 5px !important;
}
.p-l-5 {
  padding-left: 5px !important;
}
.m-r-5 {
  margin-right: 5px !important;
}
.p-r-5 {
  padding-right: 5px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.m-l-10 {
  margin-left: 10px !important;
}
.p-l-10 {
  padding-left: 10px !important;
}
.m-r-10 {
  margin-right: 10px !important;
}
.p-r-10 {
  padding-right: 10px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.p-t-15 {
  padding-top: 15px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.p-b-15 {
  padding-bottom: 15px !important;
}
.m-l-15 {
  margin-left: 15px !important;
}
.p-l-15 {
  padding-left: 15px !important;
}
.m-r-15 {
  margin-right: 15px !important;
}
.p-r-15 {
  padding-right: 15px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.p-t-20 {
  padding-top: 20px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.p-b-20 {
  padding-bottom: 20px !important;
}
.m-l-20 {
  margin-left: 20px !important;
}
.p-l-20 {
  padding-left: 20px !important;
}
.m-r-20 {
  margin-right: 20px !important;
}
.p-r-20 {
  padding-right: 20px !important;
}
.m-t-25 {
  margin-top: 25px !important;
}
.p-t-25 {
  padding-top: 25px !important;
}
.m-b-25 {
  margin-bottom: 25px !important;
}
.p-b-25 {
  padding-bottom: 25px !important;
}
.m-l-25 {
  margin-left: 25px !important;
}
.p-l-25 {
  padding-left: 25px !important;
}
.m-r-25 {
  margin-right: 25px !important;
}
.p-r-25 {
  padding-right: 25px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}
.p-t-30 {
  padding-top: 30px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.p-b-30 {
  padding-bottom: 30px !important;
}
.m-l-30 {
  margin-left: 30px !important;
}
.p-l-30 {
  padding-left: 30px !important;
}
.m-r-30 {
  margin-right: 30px !important;
}
.p-r-30 {
  padding-right: 30px !important;
}
.m-t-35 {
  margin-top: 35px !important;
}
.p-t-35 {
  padding-top: 35px !important;
}
.m-b-35 {
  margin-bottom: 35px !important;
}
.p-b-35 {
  padding-bottom: 35px !important;
}
.m-l-35 {
  margin-left: 35px !important;
}
.p-l-35 {
  padding-left: 35px !important;
}
.m-r-35 {
  margin-right: 35px !important;
}
.p-r-35 {
  padding-right: 35px !important;
}
.m-t-40 {
  margin-top: 40px !important;
}
.p-t-40 {
  padding-top: 40px !important;
}
.m-b-40 {
  margin-bottom: 40px !important;
}
.p-b-40 {
  padding-bottom: 40px !important;
}
.m-l-40 {
  margin-left: 40px !important;
}
.p-l-40 {
  padding-left: 40px !important;
}
.m-r-40 {
  margin-right: 40px !important;
}
.p-r-40 {
  padding-right: 40px !important;
}
.m-t-45 {
  margin-top: 45px !important;
}
.p-t-45 {
  padding-top: 45px !important;
}
.m-b-45 {
  margin-bottom: 45px !important;
}
.p-b-45 {
  padding-bottom: 45px !important;
}
.m-l-45 {
  margin-left: 45px !important;
}
.p-l-45 {
  padding-left: 45px !important;
}
.m-r-45 {
  margin-right: 45px !important;
}
.p-r-45 {
  padding-right: 45px !important;
}
.m-t-50 {
  margin-top: 50px !important;
}
.p-t-50 {
  padding-top: 50px !important;
}
.m-b-50 {
  margin-bottom: 50px !important;
}
.p-b-50 {
  padding-bottom: 50px !important;
}
.m-l-50 {
  margin-left: 50px !important;
}
.p-l-50 {
  padding-left: 50px !important;
}
.m-r-50 {
  margin-right: 50px !important;
}
.p-r-50 {
  padding-right: 50px !important;
}
.m-t-60 {
  margin-top: 60px !important;
}
.p-t-60 {
  padding-top: 60px !important;
}
.m-b-60 {
  margin-bottom: 60px !important;
}
.p-b-60 {
  padding-bottom: 60px !important;
}
.m-l-60 {
  margin-left: 60px !important;
}
.p-l-60 {
  padding-left: 60px !important;
}
.m-r-60 {
  margin-right: 60px !important;
}
.p-r-60 {
  padding-right: 60px !important;
}
.m-t-70 {
  margin-top: 70px !important;
}
.p-t-70 {
  padding-top: 70px !important;
}
.m-b-70 {
  margin-bottom: 70px !important;
}
.p-b-70 {
  padding-bottom: 70px !important;
}
.m-l-70 {
  margin-left: 70px !important;
}
.p-l-70 {
  padding-left: 70px !important;
}
.m-r-70 {
  margin-right: 70px !important;
}
.p-r-70 {
  padding-right: 70px !important;
}
.m-t-80 {
  margin-top: 80px !important;
}
.p-t-80 {
  padding-top: 80px !important;
}
.m-b-80 {
  margin-bottom: 80px !important;
}
.p-b-80 {
  padding-bottom: 80px !important;
}
.m-l-80 {
  margin-left: 80px !important;
}
.p-l-80 {
  padding-left: 80px !important;
}
.m-r-80 {
  margin-right: 80px !important;
}
.p-r-80 {
  padding-right: 80px !important;
}
.m-t-90 {
  margin-top: 90px !important;
}
.p-t-90 {
  padding-top: 90px !important;
}
.m-b-90 {
  margin-bottom: 90px !important;
}
.p-b-90 {
  padding-bottom: 90px !important;
}
.m-l-90 {
  margin-left: 90px !important;
}
.p-l-90 {
  padding-left: 90px !important;
}
.m-r-90 {
  margin-right: 90px !important;
}
.p-r-90 {
  padding-right: 90px !important;
}
.m-t-100 {
  margin-top: 100px !important;
}
.p-t-100 {
  padding-top: 100px !important;
}
.m-b-100 {
  margin-bottom: 100px !important;
}
.p-b-100 {
  padding-bottom: 100px !important;
}
.m-l-100 {
  margin-left: 100px !important;
}
.p-l-100 {
  padding-left: 100px !important;
}
.m-r-100 {
  margin-right: 100px !important;
}
.p-r-100 {
  padding-right: 100px !important;
}
.no-padding-all {
  padding: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-margin-all {
  margin: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.is-block {
  display: block !important;
}
.is-inline-block {
  display: inline-block !important;
}
.is-rounded {
  border-radius: var(--radius);
}
.no-margin-right {
  margin-right: 0 !important;
}
.has-fullheight {
  height: 100%;
}
.has-fullwidth {
  width: 100%;
}
.no-scroll {
  overflow: hidden !important;
}
.has-help-cursor {
  cursor: help;
}
.zero-height {
  height: 0;
}
.max-h-60 {
  max-height: 60px;
}
.max-h-280 {
  max-height: 280px;
}
.iconify.is-inline {
  vertical-align: -1px;
}
/* ==========================================================================
2. Color helpers
========================================================================== */
.has-text-secondary {
  color: var(--secondary) !important;
}
.has-background-secondary {
  background-color: var(--secondary) !important;
}
.has-light-shadow {
  box-shadow: var(--light-box-shadow);
}
.has-light-shadow.has-light-border {
  border: 1px solid var(--fade-grey-dark-3);
}
/* ==========================================================================
4. Dark helpers
========================================================================== */
.is-dark .is-dark-card-bordered,
.is-dark .is-dark-bordered-12 {
  border-color: var(--dark-sidebar-light-12) !important;
}
.is-dark .is-dark-primary {
  color: var(--primary) !important;
}
.is-dark .is-dark-primary-hover:hover {
  color: var(--primary) !important;
}
.is-dark .is-dark-bg-1 {
  background: var(--dark-sidebar-light-1) !important;
}
.is-dark .is-dark-bg-2 {
  background: var(--dark-sidebar-light-2) !important;
}
.is-dark .is-dark-bg-3 {
  background: var(--dark-sidebar-light-3) !important;
}
.is-dark .is-dark-bg-4 {
  background: var(--dark-sidebar-light-4) !important;
}
.is-dark .is-dark-bg-5 {
  background: var(--dark-sidebar-light-5) !important;
}
.is-dark .is-dark-bg-6 {
  background: var(--dark-sidebar-light-6) !important;
}
/* ==========================================================================
4. Radius helpers
========================================================================== */
.radius-5 {
  border-radius: 0.5rem;
}
.radius-75 {
  border-radius: 0.75rem;
}
.radius-full {
  border-radius: var(--radius-rounded);
}
/* ==========================================================================
5. Size helpers
========================================================================== */
.max-w-540 {
  max-width: 540px;
}
/*! _layout.scss | Vuero | Css ninja 2020-2021 */
/*
    1. App Layout
    2. View Wrapper
    3. Page Content
    4. Page Title / Toolbar
    5. Minimal Wrapper
    6. Media Queries
*/
/* ==========================================================================
1. App layout
========================================================================== */
body {
  font-weight: 500;
}
body.opened {
  background: var(--white);
}
body.is-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
body.is-curved {
  background: #f2f2f2;
}
.app-font * {
  font-family: var(--font) !important;
}
.app-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s;
}
.app-overlay.is-active {
  opacity: 0.8;
  z-index: 9999;
}
.overlay-highlight {
  position: relative;
  z-index: 99999 !important;
}
/* ==========================================================================
4. Page Title / Toolbar
========================================================================== */
.is-navbar .page-title {
  display: none;
  margin-bottom: 0;
}
.page-title {
  position: relative;
  height: 60px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 10;
}
.page-title .title-wrap {
  margin-left: 1rem;
}
.page-title .title-wrap h1 {
  text-align: left;
  margin-bottom: 0;
}
.page-title .title-wrap p {
  line-height: 1;
  color: var(--light-text);
  font-size: 1.1rem;
}
.toolbar {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}
.toolbar .control {
  min-width: 280px;
  margin-right: 1rem;
}
.toolbar .dark-mode {
  transform: scale(0.55);
}
.toolbar .toolbar-notifications {
  margin: 0 4px;
}
.toolbar .toolbar-notifications .dropdown:hover .is-trigger {
  background: var(--white);
  border-color: var(--fade-grey);
  border-radius: var(--radius-rounded);
  box-shadow: var(--light-box-shadow);
}
.toolbar .toolbar-notifications .dropdown .is-trigger {
  position: relative;
  height: 34px;
  width: 34px;
}
.toolbar .toolbar-notifications .dropdown .is-trigger .new-indicator {
  position: absolute;
  top: 1px;
  right: 1px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-rounded);
  background: var(--danger);
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content {
  top: 2.5rem;
  line-height: 1.5;
  color: var(--dark-text);
  width: 20rem;
  background: var(--white);
  border-radius: 5px;
  box-shadow: var(--light-box-shadow);
  padding-top: 0;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 0.01rem solid var(--light-grey);
  margin-bottom: 0;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .heading .heading-left h6 {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--light-text);
  line-height: 1.6;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .heading .heading-right .notification-link {
  margin: 0.4rem 0;
  color: var(--primary);
  font-weight: 500;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list {
  list-style-type: none;
  padding: 0.5rem 1rem;
  margin: 0;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item {
  display: flex;
  padding: 0.65rem 0;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .img-left img {
  display: inline-block;
  vertical-align: middle;
  height: 2.25rem;
  width: 2.25rem;
  margin: 0 0.5rem 0 0;
  border-radius: var(--radius-rounded);
  max-width: 100%;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content {
  text-align: left;
  font-family: var(--font);
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content .user-info {
  color: var(--dark-text);
  font-size: 0.95rem;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content .user-info span {
  font-weight: 500;
}
.toolbar .toolbar-notifications .dropdown .dropdown-menu .dropdown-content .notification-list .notification-item .user-content .time {
  margin: 0;
  font-size: 0.85rem;
  color: var(--light-text);
}
.toolbar .toolbar-link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  width: 34px;
  border-radius: var(--radius-rounded);
  margin: 0 4px;
  transition: all 0.3s;
}
.toolbar .toolbar-link:hover {
  background: var(--white);
  border-color: var(--fade-grey);
  box-shadow: var(--light-box-shadow);
}
.toolbar .toolbar-link:focus {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.toolbar .toolbar-link svg {
  height: 18px;
  width: 18px;
  stroke-width: 1.6px;
  color: var(--light-text);
  transition: stroke 0.3s;
}
.toolbar .toolbar-link img {
  display: block;
  height: 24px;
  width: 24px;
  min-width: 24px;
  border-radius: var(--radius-rounded);
}
/* ==========================================================================
5. Minimal Wrapper
========================================================================== */
.minimal-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: var(--lighter-grey);
  transition: all 0.3s;
}
.minimal-wrapper.light {
  background: var(--white);
}
.minimal-wrapper.lighter {
  background: var(--smoke-white);
}
.minimal-wrapper.darker {
  background: var(--background-grey);
}
.minimal-wrapper .minimal-wrap {
  min-height: calc(100vh - 60px);
}
/* ==========================================================================
6. Media Queries
========================================================================== */
@media (max-width: 550px) {
  .contentSlide .swiper-slide {
    width: 135px !important;
  }
}
@media (max-width: 767px) {
  .page-title .toolbar .control {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .page-title .title-wrap {
    margin-left: 0;
  }
}
/*! _right-panel.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Right Panel Base
    2. Right Panel Base Dark mode
    3. Media Queries

*/
/* ==========================================================================
1. Right Panel Base
========================================================================== */
.right-panel-wrapper.is-active .panel-overlay {
  opacity: 0.8;
  pointer-events: all;
}
.right-panel-wrapper.is-active .right-panel {
  transform: translateX(0);
}
.right-panel-wrapper.is-left.is-active .right-panel {
  transform: translateX(0) !important;
}
.right-panel-wrapper.is-left .right-panel {
  right: unset;
  left: 0;
  transform: translateX(-100%);
}
.right-panel-wrapper .panel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--dark-sidebar);
  opacity: 0;
  pointer-events: none;
  z-index: 101;
  transition: all 0.3s;
}
.right-panel-wrapper .right-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 360px;
  height: 100%;
  background: var(--white);
  transform: translateX(100%);
  z-index: 102;
  transition: all 0.3s;
}
.right-panel-wrapper .right-panel .right-panel-head {
  position: relative;
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.right-panel-wrapper .right-panel .right-panel-head h3 {
  color: var(--muted-grey);
  font-family: var(--font-alt);
  font-size: 1.2rem;
}
.right-panel-wrapper .right-panel .right-panel-head > img {
  max-width: 36px;
}
.right-panel-wrapper .right-panel .right-panel-head .close-panel {
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-rounded);
  transition: all 0.3s;
}
.right-panel-wrapper .right-panel .right-panel-head .close-panel:hover {
  background: var(--fade-grey);
}
.right-panel-wrapper .right-panel .right-panel-head .close-panel:hover svg {
  color: var(--primary);
}
.right-panel-wrapper .right-panel .right-panel-head .close-panel svg {
  color: var(--light-text);
  height: 22px;
  width: 22px;
  transition: stroke 0.3s;
}
.right-panel-wrapper .right-panel .right-panel-body {
  position: relative;
  height: calc(100% - 60px);
  width: 100%;
}
/* ==========================================================================
2. Right Panel Base Dark mode
========================================================================== */
.is-dark .right-panel-wrapper .right-panel {
  background: var(--dark-sidebar);
}
.is-dark .right-panel-wrapper .right-panel .right-panel-head h3 {
  color: var(--dark-dark-text);
}
.is-dark .right-panel-wrapper .right-panel .right-panel-head .close-panel:hover {
  background: var(--dark-sidebar-light-6);
}
.is-dark .right-panel-wrapper .right-panel .right-panel-head .close-panel:hover svg {
  color: var(--primary);
}
/* ==========================================================================
3. Media Queries
========================================================================== */
@media only screen and (max-width: 767px) {
  .right-panel-wrapper .right-panel {
    width: 100%;
    max-width: 100%;
  }
}
/*! _utilities.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Titles
    2. Divider
    3. Helpers
    4. Hamburger
    5. Tooltips
    6. Alertify js
    7. Alertify js Dark mode
    8. Divider alt
    9. Text tips
    10. Text tips Dark mode
    11. Hopscotch
    12. Demo toggler
    13. Background images
    14. Dark mode images
    15. Demo spacer
    16. Simplebar
    17. Back to top button
*/
/* ==========================================================================
1. Titles
========================================================================== */
.title.light-mb,
.subtitle.light-mb {
  margin-bottom: 10px;
}
.title.no-mb,
.subtitle.no-mb {
  margin-bottom: 0;
}
.title.has-margin-top,
.subtitle.has-margin-top {
  margin-top: 20px;
}
.title.has-margin-top-lg,
.subtitle.has-margin-top-lg {
  margin-top: 50px;
}
.title.is-purple,
.subtitle.is-purple {
  color: var(--primary);
}
.title.is-light,
.subtitle.is-light {
  color: var(--white);
}
var {
  font-style: inherit;
}
.has-text-centered {
  text-align: center;
}
/* ==========================================================================
2. Divider
========================================================================== */
.divider-container {
  max-width: 640px;
  margin: 0 auto;
}
.divider-container .divider {
  text-align: center;
  margin: 1.5em auto 1em;
  width: 100%;
  position: relative;
}
.divider-container .divider span {
  display: inline-block;
  margin-top: 1px;
  font-size: 1rem;
  text-transform: none;
  color: var(--primary-grey);
}
.divider-container .divider span::before, .divider-container .divider span::after {
  width: 36%;
  display: block;
  position: absolute;
  left: 0;
  top: 0.9em;
  height: 1px;
  content: " ";
  border-top: 1px solid var(--primary-grey);
}
.divider-container .divider span::after {
  right: 0;
  left: auto;
}
@media (max-width: 768px) {
  .divider span::before,
.divider span::after {
    width: 22% !important;
  }
}
/* ==========================================================================
3. Helpers
========================================================================== */
.is-flex-wrapped {
  flex-wrap: wrap !important;
}
.is-hidden {
  display: none !important;
}
.is-vhidden {
  visibility: hidden !important;
}
.no-click {
  pointer-events: none !important;
}
.is-disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: default !important;
}
.ml-auto {
  margin-left: auto !important;
}
.no-padding {
  padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.no-mb {
  margin-bottom: 0 !important;
}
.mb-20 {
  margin-bottom: 20px;
}
.is-green {
  color: var(--success);
}
.is-purple {
  color: var(--primary);
}
.has-slimscroll {
  overflow-y: auto;
}
.has-slimscroll-x {
  overflow-x: auto;
}
.has-slimscroll-all {
  overflow: auto;
}
.has-slimscroll::-webkit-scrollbar,
.has-slimscroll-x::-webkit-scrollbar,
.has-slimscroll-all::-webkit-scrollbar {
  height: 6px !important;
  width: 6px !important;
}
.has-slimscroll::-webkit-scrollbar-thumb,
.has-slimscroll-x::-webkit-scrollbar-thumb,
.has-slimscroll-all::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.has-slimscroll-sm::-webkit-scrollbar {
  height: 3px !important;
  width: 3px !important;
}
.has-slimscroll-sm::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.dark-text {
  color: var(--dark-text);
}
.light-text {
  color: var(--light-text);
}
.success-text {
  color: var(--success);
}
.info-text {
  color: var(--info);
}
.warning-text {
  color: var(--warning);
}
.danger-text {
  color: var(--danger);
}
.inverted-text {
  color: var(--smoke-white);
}
/* ==========================================================================
4. Hamburger
========================================================================== */
.menu-toggle {
  font-size: 20px;
  color: #666;
  text-align: center;
  background: transparent;
  display: block;
  width: 26px;
  height: 26px;
  cursor: pointer;
  padding: 0;
  transition: opacity 0.4s;
  opacity: 1;
  position: relative;
}
.menu-toggle.has-chevron .icon-box-toggle.active .icon-line-top {
  width: 13px !important;
  top: 17px !important;
}
.menu-toggle.has-chevron .icon-box-toggle.active .icon-line-bottom {
  width: 13px !important;
  top: 9px !important;
}
.menu-toggle .icon-box-toggle {
  background: transparent;
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
}
.menu-toggle .icon-box-toggle.active > span.rotate {
  transform: rotate(90deg);
  transform: translate(0, 0) rotate(90deg);
  transform: translate(0, 0) rotate(90deg);
  transform: translate(0, 0) rotate(90deg);
  transform: translate(0, 0) rotate(90deg);
}
.menu-toggle .icon-box-toggle.active > span > i.icon-line-center {
  visibility: hidden;
  width: 1px;
  height: 3px;
  left: 70%;
}
.menu-toggle .icon-box-toggle.active > span > i.icon-line-bottom {
  margin: -2px 0 0 -10px;
  left: 50%;
  top: 12px;
  transform: rotate(135deg);
  transform: translate(0, 0) rotate(135deg);
  transform: translate(0, 0) rotate(135deg);
  transform: translate(0, 0) rotate(135deg);
  transform: translate(0, 0) rotate(135deg);
}
.menu-toggle .icon-box-toggle.active > span > i.icon-line-top {
  margin: -2px 0 0 -10px;
  left: 50%;
  top: 12px;
  transform: rotate(45deg);
  transform: translate(0, 0) rotate(45deg);
  transform: translate(0, 0) rotate(45deg);
  transform: translate(0, 0) rotate(45deg);
  transform: translate(0, 0) rotate(45deg);
}
.menu-toggle .icon-line-center {
  position: absolute;
  width: 12px;
  height: 2px;
  background: var(--primary);
  margin: -1px 0 0 -10px;
  left: 50%;
  top: 12px;
  transition: all 0.3s;
}
.menu-toggle .icon-line-top {
  position: absolute;
  width: 20px;
  height: 2px;
  background: var(--primary);
  margin: -3px 0 0 -10px;
  left: 50%;
  top: 6px;
  transition: all 0.3s;
}
.menu-toggle .icon-line-bottom {
  position: absolute;
  width: 20px;
  height: 2px;
  background: var(--primary);
  margin: 2px 0 0 -10px;
  left: 50%;
  top: 17px;
  transition: all 0.3s;
}
/* ==========================================================================
5. Tooltips
========================================================================== */
/* ==========================================================================
6. Alertify js
========================================================================== */
.alertify .ajs-dialog {
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
  border-radius: 8px !important;
}
.ajs-dimmer {
  background-color: var(--dark-sidebar) !important;
}
.ajs-header {
  font-weight: 600 !important;
  font-family: var(--font-alt) !important;
  border-radius: 8px 8px 0 0 !important;
}
.ajs-footer {
  border-radius: 0 0 6px 6px !important;
  border: none !important;
  background: transparent !important;
}
.ajs-content {
  padding: 16px 0 !important;
  font-family: var(--font) !important;
}
.ajs-content b {
  font-weight: 500 !important;
  color: var(--primary) !important;
}
.ajs-buttons {
  padding: 6px 10px;
}
.ajs-ok {
  padding: 8px 22px;
  height: 33px;
  min-width: 82px !important;
  line-height: 0;
  text-transform: capitalize !important;
  font-weight: 500 !important;
  font-size: 0.75rem;
  background: var(--primary) !important;
  color: var(--white) !important;
  border: 1px solid var(--primary);
  border-radius: var(--radius-large);
  transition: all 0.3s;
  cursor: pointer;
}
.ajs-ok:hover, .ajs-ok:focus {
  box-shadow: var(--primary-box-shadow);
}
.ajs-cancel {
  padding: 8px 22px;
  height: 33px;
  min-width: 82px !important;
  line-height: 0;
  text-transform: capitalize !important;
  font-weight: 500 !important;
  font-size: 0.75rem;
  background: var(--white) !important;
  color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
  border-radius: var(--radius-large);
  transition: all 0.3s;
  cursor: pointer;
}
/* ==========================================================================
7. Alertify js Dark mode
========================================================================== */
.is-dark .ajs-dialog {
  background: var(--dark-sidebar-light-6) !important;
  border-color: var(--dark-sidebar-light-2) !important;
}
.is-dark .ajs-header {
  background: var(--dark-sidebar-light-6) !important;
  border-color: var(--dark-sidebar-light-6) !important;
  color: var(--primary-grey) !important;
}
.is-dark .ajs-content {
  color: var(--dark-dark-text) !important;
}
.is-dark .ajs-content span {
  color: var(--dark-dark-text) !important;
}
.is-dark .ajs-content span b {
  color: var(--primary) !important;
}
.is-dark .ajs-footer {
  background: var(--dark-sidebar-light-6) !important;
  border-color: var(--dark-sidebar-light-6) !important;
}
.is-dark .ajs-footer .ajs-ok {
  background: var(--primary) !important;
}
.is-dark .ajs-footer .ajs-cancel {
  background: var(--dark-sidebar-light-2) !important;
  border-color: var(--dark-sidebar-light-2) !important;
  color: var(--muted-grey) !important;
}
/* ==========================================================================
8. Divider alt
========================================================================== */
.divider {
  display: flex;
  color: var(--muted-grey);
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 500;
}
.divider::before, .divider::after {
  content: "";
  flex: 1;
}
.divider.line {
  align-items: center;
  margin: 1em -1em;
}
.divider.line::before, .divider.line::after {
  height: 1px;
  margin: 0 1em;
}
.divider.one-line::before, .divider.one-line::after {
  background: var(--fade-grey-dark-5);
}
/* ==========================================================================
9. Text tips
========================================================================== */
.has-text-tip,
.has-small-text-tip {
  position: relative;
  cursor: pointer;
}
.text-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 999;
}
.text-tooltip .tooltip-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px 16px;
  background: var(--white);
  color: var(--dark-text);
  border: 1px solid var(--primary-grey);
  box-shadow: var(--light-box-shadow);
  border-radius: var(--radius-large);
  font-size: 0.9rem;
}
/* ==========================================================================
10. Text tips Dark mode
========================================================================== */
.is-dark .text-tooltip .tooltip-content {
  background: var(--dark-sidebar);
  border-color: var(--dark-sidebar);
  color: var(--primary-grey);
}
/* ==========================================================================
11. Hopscotch
========================================================================== */
.app-wrapper.is-pushed-bottom {
  transform: translateY(50px);
}
.hopscotch-bubble .hopscotch-bubble-container .hopscotch-bubble-number {
  padding: 0;
  background: var(--primary);
  border-radius: var(--radius-rounded);
  box-shadow: var(--primary-box-shadow);
  font-size: 0.8rem;
}
.hopscotch-bubble .hopscotch-bubble-container .hopscotcv-actions .hopscotch-nav-button {
  background: var(--white);
  text-shadow: none;
  color: var(--primary);
  border-color: var(--primary);
  font-weight: 500;
  height: 32px;
  min-width: 80px;
  border-radius: 100px;
  transition: all 0.3s;
}
.hopscotch-bubble .hopscotch-bubble-container .hopscotcv-actions .hopscotch-nav-button:hover {
  background: var(--primary);
  color: var(--smoke-white);
}
/* ==========================================================================
12. Demo toggler
========================================================================== */
.demo-wrapper {
  position: fixed;
  bottom: -50px;
  right: -50px;
  height: 140px;
  width: 140px;
  background: transparent;
  border-radius: var(--radius-rounded);
  transform: scale(0.4);
  transition: all 0.3s;
}
.demo-wrapper:hover {
  background: var(--white);
  transform: scale(1);
}
.demo-wrapper:hover .form-switch {
  opacity: 1 !important;
  pointer-events: all !important;
}
.demo-wrapper .inner {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.demo-wrapper .inner .form-switch {
  position: relative;
  top: -10px;
  left: -10px;
  display: block;
  transition: all 0.3s;
  opacity: 0;
  pointer-events: none;
}
/* ==========================================================================
13. Background images
========================================================================== */
.has-background-image {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: rgba(0, 0, 0, 0.1);
}
.has-background-image.is-top {
  background-position: top !important;
}
.has-background-image.is-bottom {
  background-position: bottom !important;
}
/* ==========================================================================
14. Dark mode images
========================================================================== */
.light-image {
  display: inline-block !important;
}
.dark-image {
  display: none !important;
}
.light-image-block {
  display: block !important;
}
.dark-image-block {
  display: none !important;
}
.is-dark .light-image {
  display: none !important;
}
.is-dark .dark-image {
  display: inline-block !important;
}
.is-dark .light-image-block {
  display: none !important;
}
.is-dark .dark-image-block {
  display: block !important;
}
/* ==========================================================================
15. Demo Spacer
========================================================================== */
.demo-spacer {
  width: 100%;
  height: 2px;
  padding: 80px 0;
}
/* ==========================================================================
16. Simplebar
========================================================================== */
.simplebar-scrollbar::before {
  background: rgba(0, 0, 0, 0.2) !important;
}
/* ==========================================================================
17. Back to top button
========================================================================== */
#backtotop {
  position: fixed;
  right: 0;
  opacity: 0;
  visibility: hidden;
  bottom: 25px;
  margin: 0 25px 0 0;
  z-index: 9999;
  transform: scale(0.7);
  transition: all 0.5s;
}
#backtotop.visible {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
#backtotop.visible a:hover {
  opacity: 0.9;
  background: var(--primary);
  color: var(--white);
}
#backtotop a {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: 0 none;
  display: block;
  width: 46px;
  height: 46px;
  background-color: var(--medium-grey);
  opacity: 1;
  transition: all 0.3s;
  border-radius: var(--radius-rounded);
  text-align: center;
  font-size: 20px;
  color: var(--dark-text);
}
#backtotop a i {
  position: relative;
  top: 6px;
}
/*! _cards.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Simple Cards
    2. Simple Cards Dark mode
*/
/* ==========================================================================
1. Simple Cards
========================================================================== */
.r-card {
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: var(--white);
  border-radius: 10px;
  border: 1px solid var(--fade-grey-dark-3);
  transition: all 0.3s;
}
.r-card.has-margin-bottom {
  margin-bottom: 1.5rem;
}
.r-card.is-flat {
  box-shadow: none;
}
.r-card.is-raised {
  box-shadow: var(--light-box-shadow);
}
.r-card.is-primary {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--primary--color-invert);
}
.r-card.is-primary .title,
.r-card.is-primary .subtitle,
.r-card.is-primary h1,
.r-card.is-primary h2,
.r-card.is-primary h3,
.r-card.is-primary h4,
.r-card.is-primary p {
  color: var(--smoke-white) !important;
}
.r-card.is-secondary {
  background: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.r-card.is-secondary .title,
.r-card.is-secondary .subtitle,
.r-card.is-secondary h1,
.r-card.is-secondary h2,
.r-card.is-secondary h3,
.r-card.is-secondary h4,
.r-card.is-secondary p {
  color: var(--smoke-white) !important;
}
.r-card.is-info {
  background: var(--info) !important;
  border-color: var(--info) !important;
}
.r-card.is-info .title,
.r-card.is-info .subtitle,
.r-card.is-info h1,
.r-card.is-info h2,
.r-card.is-info h3,
.r-card.is-info h4,
.r-card.is-info p {
  color: var(--smoke-white) !important;
}
.r-card.is-success {
  background: var(--success) !important;
  border-color: var(--success) !important;
}
.r-card.is-success .title,
.r-card.is-success .subtitle,
.r-card.is-success h1,
.r-card.is-success h2,
.r-card.is-success h3,
.r-card.is-success h4,
.r-card.is-success p {
  color: var(--smoke-white) !important;
}
.r-card.is-warning {
  background: var(--warning) !important;
  border-color: var(--warning) !important;
}
.r-card.is-warning .title,
.r-card.is-warning .subtitle,
.r-card.is-warning h1,
.r-card.is-warning h2,
.r-card.is-warning h3,
.r-card.is-warning h4,
.r-card.is-warning p {
  color: var(--smoke-white) !important;
}
.r-card.is-danger {
  background: var(--danger) !important;
  border-color: var(--danger) !important;
}
.r-card.is-danger .title,
.r-card.is-danger .subtitle,
.r-card.is-danger h1,
.r-card.is-danger h2,
.r-card.is-danger h3,
.r-card.is-danger h4,
.r-card.is-danger p {
  color: var(--smoke-white) !important;
}
.r-card .card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.r-card .card-head .left,
.r-card .card-head .right {
  display: flex;
  align-items: center;
}
.r-card .card-head .left .title {
  font-size: 1.2rem;
  font-weight: 500;
}
.r-card .card-head .right {
  justify-content: flex-end;
}
.r-card .card-inner {
  padding-top: 1.75rem;
}
.s-card {
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: var(--white);
  border-radius: var(--radius-large);
  border: 1px solid var(--fade-grey-dark-3);
  transition: all 0.3s;
}
.s-card.has-margin-bottom {
  margin-bottom: 1.5rem;
}
.s-card.is-flat {
  box-shadow: none;
}
.s-card.is-raised {
  box-shadow: var(--light-box-shadow);
}
.s-card.is-primary {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--primary--color-invert);
}
.s-card.is-primary .title,
.s-card.is-primary .subtitle,
.s-card.is-primary h1,
.s-card.is-primary h2,
.s-card.is-primary h3,
.s-card.is-primary h4,
.s-card.is-primary p {
  color: var(--smoke-white) !important;
}
.s-card.is-secondary {
  background: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.s-card.is-secondary .title,
.s-card.is-secondary .subtitle,
.s-card.is-secondary h1,
.s-card.is-secondary h2,
.s-card.is-secondary h3,
.s-card.is-secondary h4,
.s-card.is-secondary p {
  color: var(--smoke-white) !important;
}
.s-card.is-info {
  background: var(--info) !important;
  border-color: var(--info) !important;
}
.s-card.is-info .title,
.s-card.is-info .subtitle,
.s-card.is-info h1,
.s-card.is-info h2,
.s-card.is-info h3,
.s-card.is-info h4,
.s-card.is-info p {
  color: var(--smoke-white) !important;
}
.s-card.is-success {
  background: var(--success) !important;
  border-color: var(--success) !important;
}
.s-card.is-success .title,
.s-card.is-success .subtitle,
.s-card.is-success h1,
.s-card.is-success h2,
.s-card.is-success h3,
.s-card.is-success h4,
.s-card.is-success p {
  color: var(--smoke-white) !important;
}
.s-card.is-warning {
  background: var(--warning) !important;
  border-color: var(--warning) !important;
}
.s-card.is-warning .title,
.s-card.is-warning .subtitle,
.s-card.is-warning h1,
.s-card.is-warning h2,
.s-card.is-warning h3,
.s-card.is-warning h4,
.s-card.is-warning p {
  color: var(--smoke-white) !important;
}
.s-card.is-danger {
  background: var(--danger) !important;
  border-color: var(--danger) !important;
}
.s-card.is-danger .title,
.s-card.is-danger .subtitle,
.s-card.is-danger h1,
.s-card.is-danger h2,
.s-card.is-danger h3,
.s-card.is-danger h4,
.s-card.is-danger p {
  color: var(--smoke-white) !important;
}
.s-card .card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.s-card .card-head .left,
.s-card .card-head .right {
  display: flex;
  align-items: center;
}
.s-card .card-head .left .title {
  font-size: 1.2rem;
  font-weight: 500;
}
.s-card .card-head .right {
  justify-content: flex-end;
}
.s-card .card-inner {
  padding-top: 1.75rem;
}
.l-card {
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: var(--white);
  border-radius: 16px;
  border: 1px solid var(--fade-grey-dark-3);
  transition: all 0.3s;
}
.l-card.has-margin-bottom {
  margin-bottom: 1.5rem;
}
.l-card.is-flat {
  box-shadow: none;
}
.l-card.is-raised {
  box-shadow: var(--light-box-shadow);
}
.l-card.is-primary {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--primary--color-invert);
}
.l-card.is-primary .title,
.l-card.is-primary .subtitle,
.l-card.is-primary h1,
.l-card.is-primary h2,
.l-card.is-primary h3,
.l-card.is-primary h4,
.l-card.is-primary p {
  color: var(--smoke-white) !important;
}
.l-card.is-secondary {
  background: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.l-card.is-secondary .title,
.l-card.is-secondary .subtitle,
.l-card.is-secondary h1,
.l-card.is-secondary h2,
.l-card.is-secondary h3,
.l-card.is-secondary h4,
.l-card.is-secondary p {
  color: var(--smoke-white) !important;
}
.l-card.is-info {
  background: var(--info) !important;
  border-color: var(--info) !important;
}
.l-card.is-info .title,
.l-card.is-info .subtitle,
.l-card.is-info h1,
.l-card.is-info h2,
.l-card.is-info h3,
.l-card.is-info h4,
.l-card.is-info p {
  color: var(--smoke-white) !important;
}
.l-card.is-success {
  background: var(--success) !important;
  border-color: var(--success) !important;
}
.l-card.is-success .title,
.l-card.is-success .subtitle,
.l-card.is-success h1,
.l-card.is-success h2,
.l-card.is-success h3,
.l-card.is-success h4,
.l-card.is-success p {
  color: var(--smoke-white) !important;
}
.l-card.is-warning {
  background: var(--warning) !important;
  border-color: var(--warning) !important;
}
.l-card.is-warning .title,
.l-card.is-warning .subtitle,
.l-card.is-warning h1,
.l-card.is-warning h2,
.l-card.is-warning h3,
.l-card.is-warning h4,
.l-card.is-warning p {
  color: var(--smoke-white) !important;
}
.l-card.is-danger {
  background: var(--danger) !important;
  border-color: var(--danger) !important;
}
.l-card.is-danger .title,
.l-card.is-danger .subtitle,
.l-card.is-danger h1,
.l-card.is-danger h2,
.l-card.is-danger h3,
.l-card.is-danger h4,
.l-card.is-danger p {
  color: var(--smoke-white) !important;
}
.l-card .card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l-card .card-head .left,
.l-card .card-head .right {
  display: flex;
  align-items: center;
}
.l-card .card-head .left .title {
  font-size: 1.2rem;
  font-weight: 500;
}
.l-card .card-head .right {
  justify-content: flex-end;
}
.l-card .card-inner {
  padding-top: 1.75rem;
}
/* ==========================================================================
2. Simple Cards Dark mode
========================================================================== */
.is-dark .r-card,
.is-dark .s-card,
.is-dark .l-card {
  background: var(--dark-sidebar-light-6);
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .r-card .v-avatar img,
.is-dark .s-card .v-avatar img,
.is-dark .l-card .v-avatar img {
  border-color: var(--dark-sidebar-light-6) !important;
}
.is-dark .r-card .avatar-stack .v-avatar,
.is-dark .s-card .avatar-stack .v-avatar,
.is-dark .l-card .avatar-stack .v-avatar {
  border-color: var(--dark-sidebar-light-6) !important;
}
.is-dark .r-card .avatar-stack .v-avatar .avatar.is-more .inner,
.is-dark .s-card .avatar-stack .v-avatar .avatar.is-more .inner,
.is-dark .l-card .avatar-stack .v-avatar .avatar.is-more .inner {
  border-color: var(--dark-sidebar-light-6) !important;
}
/* ==========================================================================
3. Advanced Cards
========================================================================== */
.l-card-advanced {
  border-radius: 16px;
}
.r-card-advanced {
  border-radius: 10px;
}
.s-card-advanced {
  border-radius: var(--radius-large);
}
.r-card-advanced,
.s-card-advanced,
.l-card-advanced {
  flex: 1;
  display: inline-block;
  width: 100%;
  background-color: var(--white);
  border: 1px solid var(--fade-grey-dark-3);
  transition: all 0.3s;
}
.r-card-advanced .card-head,
.r-card-advanced .card-foot,
.s-card-advanced .card-head,
.s-card-advanced .card-foot,
.l-card-advanced .card-head,
.l-card-advanced .card-foot {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.r-card-advanced .card-head .left,
.r-card-advanced .card-foot .left,
.s-card-advanced .card-head .left,
.s-card-advanced .card-foot .left,
.l-card-advanced .card-head .left,
.l-card-advanced .card-foot .left {
  display: flex;
  align-items: center;
}
.r-card-advanced .card-head .right,
.r-card-advanced .card-foot .right,
.s-card-advanced .card-head .right,
.s-card-advanced .card-foot .right,
.l-card-advanced .card-head .right,
.l-card-advanced .card-foot .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.r-card-advanced .card-head,
.s-card-advanced .card-head,
.l-card-advanced .card-head {
  border-bottom: 1px solid var(--fade-grey-dark-3);
}
.r-card-advanced .card-foot,
.s-card-advanced .card-foot,
.l-card-advanced .card-foot {
  border-top: 1px solid var(--fade-grey-dark-3);
}
.r-card-advanced .card-body,
.s-card-advanced .card-body,
.l-card-advanced .card-body {
  padding: 20px;
}
/* ==========================================================================
4. Advanced Cards Dark mode
========================================================================== */
.is-dark .r-card-advanced,
.is-dark .s-card-advanced,
.is-dark .l-card-advanced {
  background: var(--dark-sidebar-light-6);
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .r-card-advanced .card-head,
.is-dark .r-card-advanced .card-foot,
.is-dark .s-card-advanced .card-head,
.is-dark .s-card-advanced .card-foot,
.is-dark .l-card-advanced .card-head,
.is-dark .l-card-advanced .card-foot {
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .r-card-advanced .v-avatar img,
.is-dark .s-card-advanced .v-avatar img,
.is-dark .l-card-advanced .v-avatar img {
  border-color: var(--dark-sidebar-light-6) !important;
}
.is-dark .r-card-advanced .avatar-stack .v-avatar,
.is-dark .s-card-advanced .avatar-stack .v-avatar,
.is-dark .l-card-advanced .avatar-stack .v-avatar {
  border-color: var(--dark-sidebar-light-6) !important;
}
.is-dark .r-card-advanced .avatar-stack .v-avatar .avatar.is-more .inner,
.is-dark .s-card-advanced .avatar-stack .v-avatar .avatar.is-more .inner,
.is-dark .l-card-advanced .avatar-stack .v-avatar .avatar.is-more .inner {
  border-color: var(--dark-sidebar-light-6) !important;
}
/* ==========================================================================
5. Bulma Cards
========================================================================== */
.card.v-card {
  box-shadow: none;
  border-radius: var(--radius);
  border: 1px solid var(--fade-grey-dark-3);
}
.card.v-card .card-header {
  box-shadow: none;
}
.card.v-card .card-header .card-header-title {
  font-family: var(--font-alt);
  font-weight: 600;
}
.card.v-card .card-image img {
  object-fit: cover;
}
.card.v-card .card-footer a {
  font-family: var(--font);
  color: var(--light-text);
}
/* ==========================================================================
6. Bulma Cards Dark mode
========================================================================== */
.is-dark .card.v-card {
  background: var(--dark-sidebar-light-6);
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .card.v-card .card-header .card-header-title {
  color: var(--dark-dark-text);
}
.is-dark .card.v-card .card-footer {
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .card.v-card .card-footer a {
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .card.v-card .v-avatar .badge {
  border-color: var(--dark-sidebar-light-6);
}
/*! _content.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Content
    2. Content Dark mode
*/
/* ==========================================================================
1. Content
========================================================================== */
.content ol,
.content ul {
  color: var(--dark-text);
  font-family: var(--font);
}
.content ol.is-light,
.content ul.is-light {
  color: var(--light-text);
}
.content blockquote {
  color: var(--light-text);
}
.content blockquote.is-primary {
  border-color: var(--primary);
}
.content blockquote.is-success {
  border-color: var(--success);
}
.content blockquote.is-info {
  border-color: var(--info);
}
.content blockquote.is-warning {
  border-color: var(--warning);
}
.content blockquote.is-danger {
  border-color: var(--danger);
}
.content table th {
  color: var(--dark-text);
  font-family: var(--font-alt);
}
.content table td {
  color: var(--light-text);
}
.content__title {
  margin-bottom: 14px;
}
/* ==========================================================================
2. Content Dark mode
========================================================================== */
.is-dark .content ol:not(.is-light),
.is-dark .content ul:not(.is-light) {
  color: var(--dark-dark-text);
}
.is-dark .content blockquote {
  background: var(--dark-sidebar-light-10);
}
.is-dark .content blockquote:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger) {
  border-color: var(--dark-sidebar-light-2);
}
.is-dark .content blockquote.is-primary {
  border-color: var(--primary);
}
.is-dark .content table th {
  color: var(--dark-dark-text);
  border-color: var(--dark-sidebar-light-14);
}
.is-dark .content table td {
  border-color: var(--dark-sidebar-light-14);
}
.is-dark .is-divider,
.is-dark .is-divider-vertical {
  border-color: var(--dark-sidebar-light-14);
}
.is-dark .is-divider::before,
.is-dark .is-divider-vertical::before {
  border-color: var(--dark-sidebar-light-14);
}
.is-dark .is-divider::after,
.is-dark .is-divider-vertical::after {
  background: var(--dark-sidebar-light-6);
}
/*! _forms-general.scss | Vuero | Css ninja 2020-2021 */
/*
    1. labels
    2. Inputs and textareas
    3. Inputs and textareas dark-mode
    4. Radio List
    5. Fieldset | Field | Controls
    6. Fieldset | Field | Controls Dark mode
    7. File inputs
    8. File inputs Dark mode
    9. Filepond
    10. Filepond Dark mode
*/
/* ==========================================================================
1. Labels
========================================================================== */
.form-label {
  display: block;
  margin-bottom: 4px;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--dark-text);
}
.form-label.is-smaller {
  font-size: 0.8rem;
  font-weight: 400;
}
.form-label.is-narrow {
  margin-bottom: 0;
}
.sub-label {
  font-size: 0.8rem;
  color: var(--muted-grey);
}
label[for] {
  cursor: pointer;
}
/* ==========================================================================
2. Inputs and textareas
========================================================================== */
.input,
.input:focus,
.textarea,
.textarea:focus {
  box-shadow: none;
}
.input {
  height: 38px;
  transition: all 0.3s;
}
.input:focus-visible {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.input:focus {
  border-color: var(--fade-grey-dark-4);
  box-shadow: var(--light-box-shadow);
}
.input:focus.is-primary-focus {
  border-color: var(--primary) !important;
}
.input:focus.is-success-focus {
  border-color: var(--success) !important;
}
.input:focus.is-info-focus {
  border-color: var(--info) !important;
}
.input:focus.is-warning-focus {
  border-color: var(--warning) !important;
}
.input:focus.is-danger-focus {
  border-color: var(--danger) !important;
}
.textarea {
  transition: all 0.3s;
}
.textarea:focus {
  border-color: var(--fade-grey-dark-4);
  box-shadow: var(--light-box-shadow);
}
.textarea:focus.is-primary-focus {
  border-color: var(--primary) !important;
}
.textarea:focus.is-success-focus {
  border-color: var(--success) !important;
}
.textarea:focus.is-info-focus {
  border-color: var(--info) !important;
}
.textarea:focus.is-warning-focus {
  border-color: var(--warning) !important;
}
.textarea:focus.is-danger-focus {
  border-color: var(--danger) !important;
}
.textarea:focus-visible {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
/* ==========================================================================
3. Inputs and textareas dark-mode
========================================================================== */
.is-dark .input,
.is-dark .textarea {
  background-color: var(--dark-sidebar-light-2);
  border-color: var(--dark-sidebar-light-4);
  color: var(--dark-dark-text);
}
.is-dark .input:hover, .is-dark .input:focus,
.is-dark .textarea:hover,
.is-dark .textarea:focus {
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .input:focus,
.is-dark .textarea:focus {
  border-color: var(--dark-sidebar-light-8);
}
.is-dark .input:focus + .form-icon svg,
.is-dark .textarea:focus + .form-icon svg {
  color: var(--primary) !important;
}
.is-dark .input::placeholder,
.is-dark .textarea::placeholder {
  color: var(--primary-grey-dark-30) !important;
}
.is-dark .input.is-primary-focus:focus,
.is-dark .textarea.is-primary-focus:focus {
  border-color: var(--primary) !important;
}
/* ==========================================================================
4. Radio List
========================================================================== */
.radio-list {
  padding: 6px 4px;
}
.radio-list li label {
  position: relative;
  display: block;
}
.radio-list li label input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.radio-list li label input:checked + .k-radio .radio-knob {
  border-color: var(--primary);
}
.radio-list li label input:checked + .k-radio .radio-knob .knob-inner {
  transform: scale(1);
}
.radio-list li label input:checked + .k-radio .label-text {
  color: var(--dark-text);
}
.radio-list li label span {
  display: block;
}
.radio-list li label .k-radio {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.radio-list li label .k-radio .radio-knob {
  height: 20px;
  width: 20px;
  border: 1px solid var(--primary-grey);
  border-radius: var(--radius-rounded);
  display: flex;
  justify-content: center;
  align-items: center;
}
.radio-list li label .k-radio .radio-knob .knob-inner {
  height: 8px;
  width: 8px;
  border-radius: var(--radius-rounded);
  background: var(--primary);
  transition: all 0.3s;
  transform: scale(0);
}
.radio-list li label .k-radio .label-text {
  margin-left: 10px;
  color: var(--muted-grey);
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 0;
  transition: color 0.3s;
}
/* ==========================================================================
5. Fieldset | Field | Controls
========================================================================== */
.form-fieldset {
  padding: 20px 0;
  max-width: 480px;
  margin: 0 auto;
}
.form-fieldset .fieldset-heading {
  margin-bottom: 20px;
}
.form-fieldset .fieldset-heading h4 {
  font-family: var(--font-alt);
  font-weight: 600;
}
.form-fieldset .fieldset-heading p {
  font-size: 0.9rem;
}
.form-fieldset .columns .column {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.select:not(.is-multiple):not(.is-loading)::after {
  border-color: var(--muted-grey-light-14);
  border-width: 1.4px;
}
.select {
  width: 100%;
}
.select.is-loading::after {
  right: 0.75em;
  top: 0.75em;
}
.select + .icon svg {
  height: 18px;
  width: 18px;
}
.select + .icon .lnil,
.select + .icon .lnir {
  font-size: 16px;
}
select {
  width: 100%;
  font-family: var(--font);
}
select:focus {
  box-shadow: none !important;
  border-color: var(--fade-grey-dark-6) !important;
}
.select select:focus-visible {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.file-label {
  overflow: initial;
}
.file-input:focus-visible + .file-cta, .file-input:focus + .file-cta {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.field.is-horizontal .field-label .label {
  font-family: var(--font);
  font-size: 0.9rem;
  color: var(--light-text) !important;
  font-weight: 400;
}
.field.has-addons .control .button, .field.is-grouped .control .button {
  height: 38px;
}
.field.has-addons .control .select, .field.is-grouped .control .select {
  height: 38px;
}
.field.has-addons .control .select.currency-select select, .field.is-grouped .control .select.currency-select select {
  font-family: var(--font);
  font-weight: 600;
}
.field.has-addons .control .select select, .field.is-grouped .control .select select {
  height: 38px;
}
.field.has-textarea-addon .textarea {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
  border-color: var(--fade-grey-dark-2) !important;
  box-shadow: var(--light-box-shadow);
}
.field.has-textarea-addon .is-textarea-addon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 8px;
  background: var(--white);
  border-radius: 0 0 4px 4px;
  border: 1px solid var(--fade-grey-dark-2);
  border-top: none;
  box-shadow: var(--light-box-shadow);
}
.field > label {
  font-family: var(--font);
  font-size: 0.9rem;
  color: var(--light-text) !important;
}
.control.is-loading::after {
  right: 0.75em;
  top: 0.75em;
}
.control.is-loading .select::after {
  display: none;
}
.control.has-icon {
  position: relative;
}
.control.has-icon .form-icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 38px;
  width: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.control.has-icon .form-icon svg {
  height: 18px;
  width: 18px;
  color: var(--placeholder);
  transition: all 0.3s;
}
.control.has-icon .form-icon .fas,
.control.has-icon .form-icon .far,
.control.has-icon .form-icon .fal,
.control.has-icon .form-icon .fab {
  color: var(--placeholder);
  transition: all 0.3s;
}
.control.has-icon .form-icon .lnil,
.control.has-icon .form-icon .lnir {
  font-size: 1.2rem;
  color: var(--placeholder);
  transition: all 0.3s;
}
.control.has-icon .input {
  height: 38px;
  padding-left: 38px;
  transition: all 0.3s;
}
.control.has-icon .input:focus + .form-icon svg {
  color: var(--primary);
}
.control.has-icon .input:focus + .form-icon .fas,
.control.has-icon .input:focus + .form-icon .far,
.control.has-icon .input:focus + .form-icon .fal,
.control.has-icon .input:focus + .form-icon .fab {
  color: var(--primary);
}
.control.has-icon .input:focus + .form-icon .lnil,
.control.has-icon .input:focus + .form-icon .lnir {
  color: var(--primary);
}
.control.has-validation.has-success input {
  border-color: var(--success) !important;
  box-shadow: var(--light-box-shadow);
  transition: all 0.3s;
}
.control.has-validation.has-success .validation-icon.is-success,
.control.has-validation.has-success .form-icon {
  opacity: 1 !important;
}
.control.has-validation.has-success .validation-icon.is-success svg,
.control.has-validation.has-success .validation-icon.is-success .form-icon svg,
.control.has-validation.has-success .form-icon svg,
.control.has-validation.has-success .form-icon .form-icon svg {
  color: var(--success) !important;
}
.control.has-validation.has-error input {
  border-color: var(--danger) !important;
  box-shadow: var(--light-box-shadow);
}
.control.has-validation.has-error .validation-icon.is-error,
.control.has-validation.has-error .form-icon {
  opacity: 1 !important;
}
.control.has-validation.has-error .validation-icon.is-error svg,
.control.has-validation.has-error .validation-icon.is-error .form-icon svg,
.control.has-validation.has-error .form-icon svg,
.control.has-validation.has-error .form-icon .form-icon svg {
  color: var(--danger) !important;
}
.control.has-validation.has-error .help-text span.info {
  display: none;
}
.control.has-validation.has-error .help-text span.error {
  display: block;
}
.control.has-validation .input {
  padding-right: 40px;
}
.control.has-validation .validation-icon {
  position: absolute;
  top: 0;
  right: 0;
  height: 38px;
  width: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.3s;
}
.control.has-validation .validation-icon svg {
  height: 18px;
  width: 18px;
  color: var(--placeholder);
  transition: all 0.3s;
}
.control .help-text {
  display: block;
  color: var(--muted-grey);
  margin-top: 10px;
  font-size: 0.8rem;
}
.control .help-text span.info {
  display: block;
}
.control .help-text span.error {
  display: none;
  color: var(--danger);
}
.control .search-results {
  position: absolute;
  top: 64px;
  left: 0;
  width: 100%;
  max-height: 285px;
  overflow-y: auto;
  background: var(--white);
  opacity: 0;
  border: 1px solid var(--fade-grey-dark-3);
  border-radius: var(--radius);
  pointer-events: none;
  transform: translateY(5px);
  box-shadow: var(--light-box-shadow);
  z-index: 10;
  transition: all 0.3s;
}
.control .search-results.is-active {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}
.control .search-results .placeholder-wrap {
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}
.control .search-results .placeholder-wrap .placeholder-content img {
  display: block;
  margin: 0 auto;
  max-width: 100px;
}
.control .search-results .placeholder-wrap .placeholder-content h3 {
  font-family: var(--font);
  font-weight: 600;
  color: var(--dark-text);
  padding: 0;
}
.control .search-results .placeholder-wrap .placeholder-content p {
  color: var(--light-text);
  font-size: 0.95rem;
  max-width: 420px;
  margin: 0 auto;
}
.control .search-results .search-result {
  display: flex;
  align-items: center;
  padding: 12px;
  transition: all 0.3s;
}
.control .search-results .search-result:last-child {
  border-bottom: none;
}
.control .search-results .search-result:hover {
  background: var(--fade-grey-light-4);
}
.control .search-results .search-result .v-avatar .article {
  border-radius: var(--radius-small);
}
.control .search-results .search-result .meta {
  margin-left: 12px;
}
.control .search-results .search-result .meta span {
  display: block;
  line-height: 1.3;
}
.control .search-results .search-result .meta span:first-child {
  font-family: var(--font);
  font-weight: 500;
  font-size: 0.9rem;
  color: var(--dark-text);
}
.control .search-results .search-result .meta span:nth-child(2) {
  font-size: 0.85rem;
  color: var(--light-text);
}
/* ==========================================================================
6. Fieldset | Field | Controls Dark mode
========================================================================== */
.is-dark .form-fieldset .fieldset-heading h4 {
  color: var(--dark-dark-text);
}
.is-dark .field.has-textarea-addon .textarea {
  border-color: var(--dark-sidebar-light-4) !important;
}
.is-dark .field.has-textarea-addon .is-textarea-addon {
  background-color: var(--dark-sidebar-light-2);
  border-color: var(--dark-sidebar-light-4);
}
.is-dark .control.has-icon .input:focus ~ .form-icon svg {
  color: var(--primary);
}
.is-dark .control.has-icon .input:focus ~ .form-icon .fas,
.is-dark .control.has-icon .input:focus ~ .form-icon .fal,
.is-dark .control.has-icon .input:focus ~ .form-icon .far,
.is-dark .control.has-icon .input:focus ~ .form-icon .fab,
.is-dark .control.has-icon .input:focus ~ .form-icon .lnir,
.is-dark .control.has-icon .input:focus ~ .form-icon .lnil {
  color: var(--primary);
}
.is-dark .control.has-icon .form-icon svg {
  color: var(--light-text-dark-5);
}
.is-dark .control.has-icon .form-icon .fas,
.is-dark .control.has-icon .form-icon .fal,
.is-dark .control.has-icon .form-icon .far,
.is-dark .control.has-icon .form-icon .fab,
.is-dark .control.has-icon .form-icon .lnir,
.is-dark .control.has-icon .form-icon .lnil {
  color: var(--light-text-dark-5);
}
.is-dark .select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: var(--dark-dark-text) !important;
}
.is-dark .select select {
  background-color: var(--dark-sidebar-light-10);
  border-color: var(--dark-sidebar-light-12) !important;
  color: var(--dark-dark-text);
}
.is-dark .search-results {
  background: var(--dark-sidebar-dark-2);
  border-color: var(--dark-sidebar-light-4) !important;
}
.is-dark .search-results .search-result:hover {
  background: var(--dark-sidebar-light-2);
}
.is-dark .search-results .search-result .meta span:first-child {
  color: var(--dark-dark-text);
}
/* ==========================================================================
7. File inputs
========================================================================== */
.file.is-default:hover .file-cta {
  box-shadow: var(--light-box-shadow) !important;
}
.file.is-default .file-cta {
  background: var(--white);
  border: 1px solid var(--fade-grey-dark-3);
  transition: all 0.3s;
}
/* ==========================================================================
8. File inputs Dark mode
========================================================================== */
.is-dark .file:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger) .file-cta {
  background: var(--dark-sidebar-light-10);
  border-color: var(--dark-sidebar-light-12);
  color: var(--dark-dark-text);
}
.is-dark .file .file-name {
  background-color: var(--dark-sidebar-light-2);
  border-color: var(--dark-sidebar-light-4);
}
/* ==========================================================================
9. Filepond
========================================================================== */
.filepond-uploader.is-two-grid .filepond--item {
  width: calc(50% - 0.5em);
}
.filepond-uploader.is-three-grid .filepond--item {
  width: calc(33.3% - 0.5em);
}
.filepond-uploader .filepond--root {
  border: 2px dashed var(--fade-grey-dark-4);
  border-radius: var(--radius);
  min-height: 70px;
  cursor: pointer;
  transition: all 0.3s;
}
.filepond-profile-wrap,
.filepond-square-wrap {
  display: inline-block;
  height: 100px;
  width: 100px;
  max-height: 100px;
  max-width: 100px;
}
.filepond-profile-wrap.is-tiny,
.filepond-square-wrap.is-tiny {
  height: 68px;
  width: 68px;
  max-height: 68px;
  max-width: 68px;
}
.filepond-profile-wrap.is-tiny .lnil,
.filepond-square-wrap.is-tiny .lnil {
  font-size: 1.8rem;
}
.filepond-profile-wrap.is-small,
.filepond-square-wrap.is-small {
  height: 80px;
  width: 80px;
  max-height: 80px;
  max-width: 80px;
}
.filepond-profile-wrap.is-small .lnil,
.filepond-square-wrap.is-small .lnil {
  font-size: 2rem;
}
.filepond-profile-wrap:hover .lnil,
.filepond-square-wrap:hover .lnil {
  color: var(--primary);
}
.filepond-profile-wrap:hover .filepond--root,
.filepond-square-wrap:hover .filepond--root {
  border-color: dashed var(--fade-grey-dark-6);
}
.filepond-profile-wrap .lnil,
.filepond-square-wrap .lnil {
  pointer-events: none;
  font-size: 2.4rem;
  color: var(--light-text);
  transition: color 0.3s;
}
.filepond-profile-wrap .filepond--root,
.filepond-square-wrap .filepond--root {
  border: 2px dashed var(--fade-grey-dark-4);
  cursor: pointer;
  transition: all 0.3s;
}
.filepond-square-wrap .filepond--root {
  border-radius: var(--radius);
}
/* ==========================================================================
10. Filepond Dark mode
========================================================================== */
.is-dark .filepond-uploader:hover .lnil,
.is-dark .filepond-profile-wrap:hover .lnil,
.is-dark .filepond-square-wrap:hover .lnil {
  color: var(--primary);
}
.is-dark .filepond-uploader .filepond--root,
.is-dark .filepond-profile-wrap .filepond--root,
.is-dark .filepond-square-wrap .filepond--root {
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .filepond-uploader .filepond--drop-label,
.is-dark .filepond-profile-wrap .filepond--drop-label,
.is-dark .filepond-square-wrap .filepond--drop-label {
  background: var(--dark-sidebar-light-2);
}
.is-dark .filepond-uploader .filepond--drop-label label,
.is-dark .filepond-profile-wrap .filepond--drop-label label,
.is-dark .filepond-square-wrap .filepond--drop-label label {
  color: var(--dark-dark-text);
}
:root {
  --topschH: 15vw;
}
.top-sch-wrap {
  display: flex;
  border: 1px solid black;
  border-radius: var(--topschH);
  height: var(--topschH);
}
.top-sch-wrap input {
  flex: 1;
  appearance: none;
  background: none;
  border: 0;
  padding: 0 2vw;
  color: #7d86a5;
}
.top-sch-wrap .sch-btn {
  position: relative;
  flex: 0 0 var(--topschH);
  width: var(--topschH);
  height: var(--topschH);
}
.top-sch-wrap .sch-btn:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAACu0lEQVRYhb3XX2jVZRzH8dd+ZbpUFMtkaE2ICpotvHDphYSBN23mn5taYLXaRWhX3UQXKXqhaagXQ8XC/67yWqc3/oFuIlg1K8M2XBAmlajJCMXUvPj+Dh7GtvO4/TofOJzDOb/n+b6f79/n1PT2XTeMWvEK5uHJIX6/hu9xGvvw23AbjaSaIQCex0dowXicwUlcwD8Yh0fRiOWowVlswd6xAizBDswSJ9uKb3EZN8ueyzAZT+AtvId/87VrMaxbRwJYgj3idB9iOwYS9ngI8/GZCNUnWIcbKQBZ/t6IDkxFOzYlGic88xVexc/4IP+cpEzEeT3qsQa78V/qBmXqwfv4CxtRlwqwDIvFKbaNwnC5ToiKqMO7qQAr8DA+lhi3CvoUF0Uoa1MAmkQZfVOAcehHt/BCQwpAPY5LT7oUnRLeXJACUIPfRR0XpX7cwewUAKLDFanSYR5IBRhXMMAk4dmKHbEE8Ei+oCg1iNP/kgIwgLmYWJDxDIvy969THv4OzaIailCTmKjnRDJWBDgtBsrbBRjPsFrMlA4JlZXhgIjVKrw4RoBWMYjO4suUBRl+xQZMEG10ziiNvySm6J9iDiQ1tlIVdGIznsYX+Wb3ozfwOWbiCn5MXVgCuC1G8mbhgU7hlacqrF8ormE787168AwOYloKwOAr2QS8lhuvE1OtWyTqeZFUk/GsyJdG0UN+ENeyXuzCUjFfXsff9wNANKTSPG/DDNwSvb30e5a/fhJ5c7jM0BQcEpfaihBDAZSrFs/hBdEnHhRzo080mX5Dl9pUEYYWdGElro4GYCyaInKpGcdEol4e/FA2+IsCdS032oWXxVXtsWoCECXZhqMiHHtETlUNAC6JNn9UhGO3+O9RNYASRDuO5BD7ML2aAESLfsc9T+zH7GoCEJ54U3hiHm7+n2U4kh4Xze2Pu7fjp4uLKn0QAAAAAElFTkSuQmCC") no-repeat;
  width: 35px;
  height: 25px;
  transform: translate(-50%, -50%);
}
/*! _checkboxes.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Checkbox List
    2. H Toggle
    3. H Toggle Dark mode
*/
/* ==========================================================================
1. Checkbox list
========================================================================== */
.checkboxes-list .list-item {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0;
  border: none;
}
.checkboxes-list .list-item .animated-checkbox .checkmark-wrap {
  position: relative;
}
.checkboxes-list .list-item .item-meta {
  margin-left: 1rem;
}
.checkboxes-list .list-item .item-meta span {
  display: block;
  line-height: 1.4;
}
.checkboxes-list .list-item .item-meta span:first-child {
  font-family: var(--font-alt);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--dark-text);
}
.checkboxes-list .list-item .item-meta span:nth-child(2) {
  font-family: var(--font);
  font-size: 0.9rem;
  color: var(--light-text);
}
/* ==========================================================================
2. H Toggle
========================================================================== */
.h-toggle {
  margin: 0 auto;
  width: 76px;
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  user-select: none;
}
.h-toggle input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.h-toggle input:checked ~ .toggler {
  background: var(--placeholder-light-10);
  border-color: var(--placeholder-light-10);
}
.h-toggle input:checked ~ .toggler .active,
.h-toggle input:checked ~ .toggler .inactive {
  transform: translateX(80%) rotate(360deg);
}
.h-toggle input:checked ~ .toggler .active {
  opacity: 1;
}
.h-toggle input:checked ~ .toggler .inactive {
  opacity: 0;
}
.h-toggle .toggler {
  position: relative;
  display: block;
  height: 16px;
  width: 50px;
  border: 1.6px solid var(--placeholder);
  border-radius: 100px;
  transition: all 0.3s;
}
.h-toggle .toggler .active,
.h-toggle .toggler .inactive {
  position: absolute;
  top: -14px;
  left: -10px;
  height: 40px;
  width: 40px;
  border-radius: var(--radius-rounded);
  background: var(--white);
  border: 1.6px solid transparent;
  box-shadow: var(--light-box-shadow);
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(0) rotate(0);
  transition: all 0.3s ease;
}
.h-toggle .toggler .active i,
.h-toggle .toggler .inactive i {
  color: var(--white);
  font-size: 18px;
}
.h-toggle .toggler .active svg,
.h-toggle .toggler .inactive svg {
  height: 16px;
  width: 16px;
}
.h-toggle .toggler .inactive {
  background: var(--white);
  border-color: var(--success);
  color: var(--success);
  opacity: 1;
  z-index: 1;
}
.h-toggle .toggler .active {
  background: var(--white);
  border-color: var(--light-text);
  color: var(--light-text);
  opacity: 0;
  z-index: 0;
}
/* ==========================================================================
3. H Toggle Dark mode
========================================================================== */
.is-dark .h-toggle input:checked ~ .toggler {
  background: var(--dark-sidebar-light-2);
}
.is-dark .h-toggle .toggler {
  border-color: var(--dark-sidebar-light-25) !important;
}
.is-dark .h-toggle .toggler .active,
.is-dark .h-toggle .toggler .inactive {
  background: var(--dark-sidebar-light-2);
}
/*! _forms-slider.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Vue Slider
*/
/* ==========================================================================
1. Vue Slider
========================================================================== */
.slider-target .slider-base .slider-connects .slider-connect {
  background: var(--primary);
}
.slider-target .slider-base .slider-tooltip {
  font-size: 0.9rem;
  border: 1px solid var(--primary);
  background: var(--primary);
}
.is-slider-info .slider-target .slider-base .slider-connects .slider-connect {
  background: var(--info);
}
.is-slider-info .slider-target .slider-base .slider-tooltip {
  border: 1px solid var(--info);
  background: var(--info);
}
.is-slider-success .slider-target .slider-base .slider-connects .slider-connect {
  background: var(--success);
}
.is-slider-success .slider-target .slider-base .slider-tooltip {
  border: 1px solid var(--success);
  background: var(--success);
}
.is-slider-warning .slider-target .slider-base .slider-connects .slider-connect {
  background: var(--warning);
}
.is-slider-warning .slider-target .slider-base .slider-tooltip {
  border: 1px solid var(--warning);
  background: var(--warning);
}
.is-slider-danger .slider-target .slider-base .slider-connects .slider-connect {
  background: var(--danger);
}
.is-slider-danger .slider-target .slider-base .slider-tooltip {
  border: 1px solid var(--danger);
  background: var(--danger);
}
.has-rounded-tooltip .slider-target .slider-base .slider-handle:focus-visible {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-color: var(--accessibility-focus-outline-color);
  outline-style: var(--accessibility-focus-outline-style);
}
.has-rounded-tooltip .slider-target .slider-base .slider-handle .slider-tooltip {
  border-radius: 100px;
  width: 28px;
  height: 28px;
  font-size: 0.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 3;
}
.has-curved-tooltip .slider-target .slider-base .slider-handle:focus-visible {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-color: var(--accessibility-focus-outline-color);
  outline-style: var(--accessibility-focus-outline-style);
}
.has-curved-tooltip .slider-target .slider-base .slider-handle .slider-tooltip {
  border-radius: 0.75rem;
  min-width: 28px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  height: 28px;
  font-size: 0.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 3;
}
.has-squared-tooltip .slider-target .slider-base .slider-handle:focus-visible {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-color: var(--accessibility-focus-outline-color);
  outline-style: var(--accessibility-focus-outline-style);
}
.has-squared-tooltip .slider-target .slider-base .slider-handle .slider-tooltip {
  border-radius: 0.5rem;
  min-width: 28px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  height: 28px;
  font-size: 0.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 3;
}
.is-dark .slider-target .slider-base {
  background: var(--dark-sidebar-light-2);
}
/*! _forms-multiselect.scss | Vuero | Css ninja 2020-2021 */
/*
    0. Multiselect base styles
    1. Rounded Select
    2. Curved Select
    3. Image / Icon select
    4. Image tags select

*/
/* ==========================================================================
0. Multiselect base styles
========================================================================== */
.multiselect {
  font-family: var(--font);
  min-width: initial;
  width: 100%;
  max-width: 100%;
}
.multiselect input:focus-visible, .multiselect:focus-visible {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-color: var(--accessibility-focus-outline-color);
  outline-style: var(--accessibility-focus-outline-style);
}
.multiselect.is-active {
  box-shadow: none;
}
.multiselect .multiselect-caret {
  margin-right: 0.85rem;
}
.multiselect .multiselect-dropdown {
  overflow: hidden;
}
.multiselect .multiselect-clear {
  height: 32px;
  width: 32px;
}
.multiselect .multiselect-clear::after, .multiselect .multiselect-clear::before {
  top: 10px;
}
.multiselect .multiselect-clear .multiselect-clear-icon {
  margin-top: 0.6rem;
}
.multiselect .multiselect-input {
  background: var(--white);
  min-height: 38px;
}
.multiselect .multiselect-single-label {
  font-family: var(--font);
  font-size: 0.9rem;
}
.multiselect .multiselect-single-label .select-label-text {
  font-family: var(--font);
  font-size: 0.9rem;
  color: var(--dark-text);
}
.multiselect .multiselect-placeholder,
.multiselect .multiselect-multiple-label {
  font-size: 0.9rem;
  color: var(--light-text);
  padding-left: 1rem;
}
.multiselect .multiselect-tags .multiselect-tag {
  font-family: var(--font);
  font-size: 0.9rem;
  font-weight: 400;
  padding: 1px 0 1px 8px;
  background: var(--widget-grey-dark-4);
  color: var(--dark-text);
}
.multiselect .multiselect-tags .multiselect-tag i {
  padding-right: 4px;
}
.multiselect .multiselect-tags .multiselect-tag i::before {
  color: var(--light-text);
}
.multiselect .multiselect-tags .multiselect-tag i:hover {
  background: transparent;
}
.multiselect .multiselect-tags .multiselect-tag i:hover::before {
  color: var(--dark-text);
}
.multiselect .multiselect-search {
  font-family: var(--font);
  font-size: 0.9rem;
  color: var(--dark-text);
}
.multiselect .multiselect-options {
  overflow-x: hidden;
  padding: 1rem 0.75rem;
}
.multiselect .multiselect-options::-webkit-scrollbar {
  width: 6px !important;
}
.multiselect .multiselect-options::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.multiselect .multiselect-options .multiselect-option {
  position: relative;
  border-radius: 0.5rem;
  transition: background-color 0.3s;
}
.multiselect .multiselect-options .multiselect-option.is-pointed {
  background: var(--widget-grey-dark-1);
}
.multiselect .multiselect-options .multiselect-option.is-selected {
  background: transparent !important;
  color: var(--dark-text);
}
.multiselect .multiselect-options .multiselect-option.is-selected::after {
  position: absolute;
  top: 12px;
  right: 15px;
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.9rem;
  color: var(--light-text);
}
.multiselect .multiselect-options .multiselect-option > span {
  font-size: 0.9rem;
}
.multiselect .multiselect-options > span {
  width: 100%;
}
.multiselect .multiselect-options .multiselect-no-options,
.multiselect .multiselect-options .multiselect-no-results {
  width: 100%;
  font-family: var(--font);
  font-size: 0.95rem;
  color: var(--light-text);
}
.is-dark .is-image-tags:not(.is-stacked) .multiselect .multiselect-tag i:hover::before {
  color: var(--white) !important;
}
.is-dark .is-image-tags .multiselect .multiselect-tag img {
  border-color: var(--dark-sidebar-light-2) !important;
}
.is-dark .multiselect {
  background-color: var(--dark-sidebar-light-2);
  border: 1px solid var(--dark-sidebar-light-10);
  color: var(--dark-dark-text);
}
.is-dark .multiselect .multiselect-clear {
  background-color: var(--dark-sidebar-light-2);
}
.is-dark .multiselect .multiselect-single-label {
  color: var(--dark-dark-text);
}
.is-dark .multiselect .multiselect-tags-search,
.is-dark .multiselect .multiselect-search {
  background: transparent;
  color: var(--light-text);
}
.is-dark .multiselect .multiselect-single-label .select-label-text {
  color: var(--white);
}
.is-dark .multiselect .multiselect-tags .multiselect-tag {
  background-color: var(--dark-sidebar-light-10);
  color: var(--white);
}
.is-dark .multiselect .multiselect-tags .multiselect-tag i::before:hover {
  color: var(--white) !important;
}
.is-dark .multiselect .multiselect-dropdown {
  background-color: var(--dark-sidebar-dark-2);
  border-color: var(--dark-sidebar-light-10);
}
.is-dark .multiselect .multiselect-dropdown .multiselect-option {
  color: var(--light-text);
}
.is-dark .multiselect .multiselect-dropdown .multiselect-option.is-pointed {
  background: var(--dark-sidebar-light-6);
}
.is-dark .multiselect .multiselect-dropdown .multiselect-option.is-selected {
  color: var(--white);
}
.is-dark .multiselect .multiselect-dropdown .multiselect-option.is-disabled {
  background: var(--dark-sidebar-light-2);
  cursor: not-allowed;
}
/* ==========================================================================
1. Rounded Select
========================================================================== */
.is-rounded-select .multiselect {
  border-radius: 500px;
}
.is-rounded-select .multiselect .multiselect-clear {
  border-radius: 500px;
}
.is-rounded-select .multiselect .multiselect-input,
.is-rounded-select .multiselect .multiselect-search {
  border-radius: 500px;
}
.is-rounded-select .multiselect .multiselect-input::before,
.is-rounded-select .multiselect .multiselect-search::before {
  right: 20px;
}
.is-rounded-select .multiselect .multiselect-input .multiselect-tags .multiselect-tag,
.is-rounded-select .multiselect .multiselect-search .multiselect-tags .multiselect-tag {
  border-radius: 15rem;
}
.is-rounded-select .multiselect .multiselect-options {
  border-radius: 0.75rem;
  margin-top: 0.25rem;
}
/* ==========================================================================
2. Curved Select
========================================================================== */
.is-curved-select .multiselect {
  border-radius: 0.5rem;
}
.is-curved-select .multiselect .multiselect-clear {
  border-radius: 0.5rem;
}
.is-curved-select .multiselect .multiselect-input,
.is-curved-select .multiselect .multiselect-search {
  border-radius: 0.5rem;
}
.is-curved-select .multiselect .multiselect-input .multiselect-tags .multiselect-tag,
.is-curved-select .multiselect .multiselect-search .multiselect-tags .multiselect-tag {
  border-radius: 0.35rem;
}
.is-curved-select .multiselect .multiselect-options {
  border-radius: 0.75rem;
  margin-top: 0.25rem;
}
/* ==========================================================================
3. Image / Icon select
========================================================================== */
.is-image-select,
.is-icon-select {
  --ms-px: 0.3rem;
}
.is-image-select.has-curved-images .multiselect .select-option-icon,
.is-image-select.has-curved-images .multiselect .select-option-icon-wrap,
.is-image-select.has-curved-images .multiselect .select-label-icon,
.is-image-select.has-curved-images .multiselect .select-label-icon-wrap,
.is-icon-select.has-curved-images .multiselect .select-option-icon,
.is-icon-select.has-curved-images .multiselect .select-option-icon-wrap,
.is-icon-select.has-curved-images .multiselect .select-label-icon,
.is-icon-select.has-curved-images .multiselect .select-label-icon-wrap {
  border-radius: 0.35rem;
}
.is-image-select.has-rounded-images .multiselect .select-option-icon,
.is-image-select.has-rounded-images .multiselect .select-option-icon-wrap,
.is-image-select.has-rounded-images .multiselect .select-label-icon,
.is-image-select.has-rounded-images .multiselect .select-label-icon-wrap,
.is-icon-select.has-rounded-images .multiselect .select-option-icon,
.is-icon-select.has-rounded-images .multiselect .select-option-icon-wrap,
.is-icon-select.has-rounded-images .multiselect .select-label-icon,
.is-icon-select.has-rounded-images .multiselect .select-label-icon-wrap {
  border-radius: var(--radius-rounded);
}
.is-image-select .multiselect .multiselect-input .multiselect-single-label,
.is-icon-select .multiselect .multiselect-input .multiselect-single-label {
  padding-left: 6px;
}
.is-image-select .multiselect .select-option-icon,
.is-icon-select .multiselect .select-option-icon {
  margin: 0 6px 0 0;
  height: 22px;
  min-width: 22px;
  border-radius: 0.15rem;
}
.is-image-select .multiselect .select-option-icon-wrap,
.is-icon-select .multiselect .select-option-icon-wrap {
  margin: 0 6px 0 0;
  height: 22px;
  min-width: 22px;
  border-radius: 0.15rem;
  font-size: 1rem;
  color: var(--light-text);
}
.is-image-select .multiselect .select-option-text,
.is-icon-select .multiselect .select-option-text {
  font-family: var(--font);
  font-size: 0.9rem;
  color: var(--light-text);
}
.is-image-select .multiselect .select-label-text,
.is-icon-select .multiselect .select-label-text {
  font-family: var(--font);
  font-size: 0.9rem;
  color: var(--dark-text);
}
.is-image-select .multiselect .select-label-icon,
.is-icon-select .multiselect .select-label-icon {
  margin: 0 6px 0 0;
  height: 26px;
  min-width: 26px;
  border-radius: 0.15rem;
}
.is-image-select .multiselect .select-label-icon-wrap,
.is-icon-select .multiselect .select-label-icon-wrap {
  margin: 0 6px 0 0;
  height: 26px;
  min-width: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.15rem;
  font-size: 1.1rem;
  color: var(--light-text);
}
.is-image-select .multiselect .select-option-label,
.is-icon-select .multiselect .select-option-label {
  font-family: var(--font);
}
.is-image-select .multiselect .select-option-icon.is-curved,
.is-image-select .multiselect .select-label-icon.is-curved,
.is-icon-select .multiselect .select-option-icon.is-curved,
.is-icon-select .multiselect .select-label-icon.is-curved {
  border-radius: 0.35rem;
}
.is-image-select .multiselect .select-option-icon.is-rounded,
.is-image-select .multiselect .select-label-icon.is-rounded,
.is-icon-select .multiselect .select-option-icon.is-rounded,
.is-icon-select .multiselect .select-label-icon.is-rounded {
  border-radius: var(--radius-rounded);
}
/* ==========================================================================
4. Image tags select
========================================================================== */
.is-image-tags:not(.is-curved-select):not(.is-rounded-select) .multiselect .multiselect-tag.is-user, .is-image-tags:not(.is-curved-select):not(.is-rounded-select) .multiselect .multiselect-tag.is-image, .is-image-tags:not(.is-curved-select):not(.is-rounded-select) .multiselect .multiselect-tag.is-icon {
  border-radius: var(--radius);
}
.is-image-tags:not(.is-curved-select):not(.is-rounded-select) .multiselect .multiselect-tag.is-user img, .is-image-tags:not(.is-curved-select):not(.is-rounded-select) .multiselect .multiselect-tag.is-image img, .is-image-tags:not(.is-curved-select):not(.is-rounded-select) .multiselect .multiselect-tag.is-icon img {
  border-radius: 0.25rem;
}
.is-image-tags.is-curved-select .multiselect .multiselect-tag.is-user, .is-image-tags.is-curved-select .multiselect .multiselect-tag.is-image, .is-image-tags.is-curved-select .multiselect .multiselect-tag.is-icon {
  border-radius: 0.45rem;
}
.is-image-tags.is-curved-select .multiselect .multiselect-tag.is-user img, .is-image-tags.is-curved-select .multiselect .multiselect-tag.is-image img, .is-image-tags.is-curved-select .multiselect .multiselect-tag.is-icon img {
  border-radius: 0.5rem;
}
.is-image-tags.is-rounded-select .multiselect .multiselect-input {
  border-radius: 0.5rem !important;
}
.is-image-tags.is-stacked.is-rounded-select .multiselect .multiselect-tags > span:not(:first-child) {
  margin-left: -12px !important;
}
.is-image-tags.is-stacked .multiselect .multiselect-tag {
  padding: 0 !important;
  background: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.is-image-tags.is-stacked .multiselect .multiselect-tag:hover i::before, .is-image-tags.is-stacked .multiselect .multiselect-tag:focus i::before {
  opacity: 1;
  pointer-events: all;
}
.is-image-tags.is-stacked .multiselect .multiselect-tag img {
  border: 2px solid var(--white);
  margin: 0 !important;
}
.is-image-tags.is-stacked .multiselect .multiselect-tag i::before {
  position: absolute;
  top: -2px;
  right: 0;
  background: var(--white);
  height: 14px;
  width: 14px;
  min-width: 14px !important;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.is-image-tags .multiselect .multiselect-tags {
  padding-left: 4px;
}
.is-image-tags .multiselect .multiselect-tag {
  position: relative;
}
.is-image-tags .multiselect .multiselect-tag.is-user, .is-image-tags .multiselect .multiselect-tag.is-image, .is-image-tags .multiselect .multiselect-tag.is-icon {
  padding: 4px 6px;
  border-radius: 22px;
  margin: 3px 3px 8px;
}
.is-image-tags .multiselect .multiselect-tag.is-user img, .is-image-tags .multiselect .multiselect-tag.is-image img, .is-image-tags .multiselect .multiselect-tag.is-icon img {
  min-width: 26px;
  border-radius: var(--radius-rounded);
  height: 26px;
  margin-right: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.is-image-tags .multiselect .multiselect-tag.is-user i::before, .is-image-tags .multiselect .multiselect-tag.is-image i::before, .is-image-tags .multiselect .multiselect-tag.is-icon i::before {
  color: var(--light-text);
  border-radius: var(--radius-rounded);
  margin-left: 0.5rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  transition: color 0.3s background-color 0.3s;
}
/* ==========================================================================
5. Autocomplete select
========================================================================== */
.is-autocomplete-select .multiselect .multiselect-single-label,
.is-autocomplete-select .multiselect .multiselect-placeholder {
  padding-left: 40px !important;
}
.is-autocomplete-select .multiselect .multiselect-search {
  padding-left: 40px !important;
}
/* ==========================================================================
6. Minimal select
========================================================================== */
.is-minimal-select .multiselect .multiselect-input {
  border: none;
  background: none;
}
/*! _steps.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Steps
*/
/* ==========================================================================
1. Steps
========================================================================== */
/* stylelint-disable scss/no-global-function-names */
.steps:not(:last-child) {
  margin-bottom: 1.5rem;
}
.steps .steps-segment {
  position: relative;
}
.steps .steps-segment:not(:last-child)::after {
  content: " ";
  display: block;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .steps:not(.is-horizontal) .steps-segment {
    display: block;
  }
  .steps:not(.is-horizontal) .steps-segment:not(:last-child) {
    min-height: 4em;
  }
  .steps:not(.is-horizontal).is-short .steps-segment {
    flex-grow: 0;
  }
  .steps:not(.is-horizontal).is-short.is-centered {
    justify-content: center;
  }
  .steps:not(.is-horizontal).is-short.is-bottom {
    justify-content: flex-end;
  }
  .steps:not(.is-horizontal):not(.is-short) {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .steps:not(.is-horizontal):not(.is-short) .steps-segment:not(:last-child) {
    flex-grow: 1;
  }
}
.steps.is-vertical .steps-segment {
  display: block;
}
.steps.is-vertical .steps-segment:not(:last-child) {
  min-height: 4em;
}
.steps.is-vertical.is-short .steps-segment {
  flex-grow: 0;
}
.steps.is-vertical.is-short.is-centered {
  justify-content: center;
}
.steps.is-vertical.is-short.is-bottom {
  justify-content: flex-end;
}
.steps.is-vertical:not(.is-short) {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.steps.is-vertical:not(.is-short) .steps-segment:not(:last-child) {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .steps:not(.is-vertical) {
    display: flex;
  }
  .steps:not(.is-vertical) .steps-segment:not(:last-child) {
    flex-basis: 1rem;
    flex-grow: 1;
    flex-shrink: 1;
  }
  .steps:not(.is-vertical).is-narrow .steps-segment {
    flex-grow: 0;
  }
  .steps:not(.is-vertical).is-narrow .steps-segment:not(:last-child) {
    min-width: 10em;
  }
  .steps:not(.is-vertical).is-narrow.is-centered {
    justify-content: center;
  }
  .steps:not(.is-vertical).is-narrow.is-right {
    justify-content: flex-end;
  }
  .steps:not(.is-vertical).has-content-centered {
    text-align: center;
  }
  .steps:not(.is-vertical).is-balanced .steps-segment:last-child, .steps:not(.is-vertical).has-content-centered .steps-segment:last-child {
    flex-basis: 1rem;
    flex-grow: 1;
    flex-shrink: 1;
  }
  .steps:not(.is-vertical).is-narrow.has-content-centered .steps-segment:last-child {
    flex-grow: 0;
    min-width: 10em;
  }
  .steps:not(.is-vertical) .steps-content.is-divider-content {
    text-align: center;
  }
}
.steps.is-horizontal {
  display: flex;
}
.steps.is-horizontal .steps-segment:not(:last-child) {
  flex-basis: 1rem;
  flex-grow: 1;
  flex-shrink: 1;
}
.steps.is-horizontal.is-narrow .steps-segment {
  flex-grow: 0;
}
.steps.is-horizontal.is-narrow .steps-segment:not(:last-child) {
  min-width: 10em;
}
.steps.is-horizontal.is-narrow.is-centered {
  justify-content: center;
}
.steps.is-horizontal.is-narrow.is-right {
  justify-content: flex-end;
}
.steps.is-horizontal.has-content-centered {
  text-align: center;
}
.steps.is-horizontal.is-balanced .steps-segment:last-child, .steps.is-horizontal.has-content-centered .steps-segment:last-child {
  flex-basis: 1rem;
  flex-grow: 1;
  flex-shrink: 1;
}
.steps.is-horizontal.is-narrow.has-content-centered .steps-segment:last-child {
  flex-grow: 0;
  min-width: 10em;
}
.steps.is-horizontal .steps-content.is-divider-content {
  text-align: center;
}
.steps .steps-marker {
  align-items: center;
  display: flex;
  border-radius: 50%;
  font-weight: 700;
  justify-content: center;
  position: relative;
  z-index: 5;
}
.steps {
  font-size: 1rem;
}
.steps .steps-marker {
  height: 2rem;
  width: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .steps:not(.is-horizontal) {
    display: flex;
    flex-direction: column;
  }
  .steps:not(.is-horizontal) .steps-segment:not(:last-child)::after {
    bottom: -0.24rem;
    left: calc(1rem - (0.2em));
    top: 1.76rem;
    width: 0.4em;
  }
  .steps:not(.is-horizontal) .steps-content {
    margin-left: calc(1rem + 0.5em);
    margin-top: -2rem;
    padding-left: 1em;
    padding-bottom: 1em;
  }
  .steps:not(.is-horizontal) .steps-content.is-divider-content {
    margin-top: 0;
    padding-bottom: 0;
  }
  .steps:not(.is-horizontal).has-content-centered .steps-content {
    padding-top: calc(1rem - 0.5em);
  }
  .steps:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    top: 2.3rem;
    bottom: 0.3rem;
  }
}
.steps.is-vertical {
  display: flex;
  flex-direction: column;
}
.steps.is-vertical .steps-segment:not(:last-child)::after {
  bottom: -0.24rem;
  left: calc(1rem - (0.2em));
  top: 1.76rem;
  width: 0.4em;
}
.steps.is-vertical .steps-content {
  margin-left: calc(1rem + 0.5em);
  margin-top: -2rem;
  padding-left: 1em;
  padding-bottom: 1em;
}
.steps.is-vertical .steps-content.is-divider-content {
  margin-top: 0;
  padding-bottom: 0;
}
.steps.is-vertical.has-content-centered .steps-content {
  padding-top: calc(1rem - 0.5em);
}
.steps.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
  top: 2.3rem;
  bottom: 0.3rem;
}
@media screen and (min-width: 769px), print {
  .steps:not(.is-vertical) .steps-segment:not(:last-child)::after {
    height: 0.4em;
    left: 1.76rem;
    right: -0.24rem;
    top: calc(1rem - (0.2em));
  }
  .steps:not(.is-vertical).has-content-above .steps-segment:not(:last-child)::after {
    bottom: calc(1rem - (0.2em));
    top: auto;
  }
  .steps:not(.is-vertical) .extra-data {
    left: calc(50% + 1.3rem);
    right: calc(-50% + 1.3rem);
    bottom: 100%;
    position: absolute;
  }
  .steps:not(.is-vertical) .extra-data.has-overflow-right {
    overflow: visible;
    right: auto;
    white-space: nowrap;
    min-width: calc( 100% - 1rem - (0.2em) );
  }
  .steps:not(.is-vertical) .extra-data.has-overflow-left {
    overflow: visible;
    left: auto;
    white-space: nowrap;
    min-width: calc( 100% - 1rem - (0.2em) );
  }
  .steps:not(.is-vertical) .extra-data.has-overflow-centered {
    overflow: visible;
    left: auto;
    white-space: nowrap;
    min-width: calc( 100% - 1rem - (0.2em) );
  }
  .steps:not(.is-vertical).has-content-above .extra-data {
    top: 100%;
    bottom: auto;
  }
  .steps:not(.is-vertical) .steps-content {
    margin-left: 1rem;
  }
  .steps:not(.is-vertical) .steps-content:not(:last-child) {
    margin-right: -1rem;
  }
  .steps:not(.is-vertical) .steps-content.is-divider-content {
    margin-right: -1rem;
    padding-left: 2em;
    padding-right: 2em;
  }
  .steps:not(.is-vertical).has-content-centered .steps-segment:not(:last-child)::after {
    left: 50%;
    right: -50%;
  }
  .steps:not(.is-vertical).has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - 1rem);
  }
  .steps:not(.is-vertical).has-content-centered .steps-content {
    margin-top: 2rem;
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding-top: 0.2em;
  }
  .steps:not(.is-vertical).has-content-above.has-content-centered .steps-content {
    margin-bottom: 2rem;
    padding-bottom: 0.2em;
  }
  .steps:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    left: 2.3rem;
    right: 0.3rem;
  }
  .steps:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child)::after,
.steps:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child)::after {
    left: calc(50% + 1.3rem);
    right: calc(-50% + 1.3rem);
  }
}
.steps.is-horizontal .steps-segment:not(:last-child)::after {
  height: 0.4em;
  left: 1.76rem;
  right: -0.24rem;
  top: calc(1rem - (0.2em));
}
.steps.is-horizontal.has-content-above .steps-segment:not(:last-child)::after {
  bottom: calc(1rem - (0.2em));
  top: auto;
}
.steps.is-horizontal .extra-data {
  left: calc(50% + 1.3rem);
  right: calc(-50% + 1.3rem);
  bottom: 100%;
  position: absolute;
}
.steps.is-horizontal .extra-data.has-overflow-right {
  overflow: visible;
  right: auto;
  white-space: nowrap;
  min-width: calc( 100% - 1rem - (0.2em) );
}
.steps.is-horizontal .extra-data.has-overflow-left {
  overflow: visible;
  left: auto;
  white-space: nowrap;
  min-width: calc( 100% - 1rem - (0.2em) );
}
.steps.is-horizontal .extra-data.has-overflow-centered {
  overflow: visible;
  left: auto;
  white-space: nowrap;
  min-width: calc( 100% - 1rem - (0.2em) );
}
.steps.is-horizontal.has-content-above .extra-data {
  top: 100%;
  bottom: auto;
}
.steps.is-horizontal .steps-content {
  margin-left: 1rem;
}
.steps.is-horizontal .steps-content:not(:last-child) {
  margin-right: -1rem;
}
.steps.is-horizontal .steps-content.is-divider-content {
  margin-right: -1rem;
  padding-left: 2em;
  padding-right: 2em;
}
.steps.is-horizontal.has-content-centered .steps-segment:not(:last-child)::after {
  left: 50%;
  right: -50%;
}
.steps.is-horizontal.has-content-centered .steps-marker {
  position: absolute;
  left: calc(50% - 1rem);
}
.steps.is-horizontal.has-content-centered .steps-content {
  margin-top: 2rem;
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding-top: 0.2em;
}
.steps.is-horizontal.has-content-above.has-content-centered .steps-content {
  margin-bottom: 2rem;
  padding-bottom: 0.2em;
}
.steps.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
  left: 2.3rem;
  right: 0.3rem;
}
.steps.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child)::after,
.steps.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child)::after {
  left: calc(50% + 1.3rem);
  right: calc(-50% + 1.3rem);
}
.steps.is-small {
  font-size: 0.75rem;
}
.steps.is-small .steps-marker {
  height: 1.5rem;
  width: 1.5rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .steps.is-small:not(.is-horizontal) {
    display: flex;
    flex-direction: column;
  }
  .steps.is-small:not(.is-horizontal) .steps-segment:not(:last-child)::after {
    bottom: -0.24rem;
    left: calc(0.75rem - (0.2em));
    top: 1.26rem;
    width: 0.4em;
  }
  .steps.is-small:not(.is-horizontal) .steps-content {
    margin-left: calc(0.75rem + 0.5em);
    margin-top: -1.5rem;
    padding-left: 1em;
    padding-bottom: 1em;
  }
  .steps.is-small:not(.is-horizontal) .steps-content.is-divider-content {
    margin-top: 0;
    padding-bottom: 0;
  }
  .steps.is-small:not(.is-horizontal).has-content-centered .steps-content {
    padding-top: calc(0.75rem - 0.5em);
  }
  .steps.is-small:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-small:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    top: 1.8rem;
    bottom: 0.3rem;
  }
}
.steps.is-small.is-vertical {
  display: flex;
  flex-direction: column;
}
.steps.is-small.is-vertical .steps-segment:not(:last-child)::after {
  bottom: -0.24rem;
  left: calc(0.75rem - (0.2em));
  top: 1.26rem;
  width: 0.4em;
}
.steps.is-small.is-vertical .steps-content {
  margin-left: calc(0.75rem + 0.5em);
  margin-top: -1.5rem;
  padding-left: 1em;
  padding-bottom: 1em;
}
.steps.is-small.is-vertical .steps-content.is-divider-content {
  margin-top: 0;
  padding-bottom: 0;
}
.steps.is-small.is-vertical.has-content-centered .steps-content {
  padding-top: calc(0.75rem - 0.5em);
}
.steps.is-small.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-small.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
  top: 1.8rem;
  bottom: 0.3rem;
}
@media screen and (min-width: 769px), print {
  .steps.is-small:not(.is-vertical) .steps-segment:not(:last-child)::after {
    height: 0.4em;
    left: 1.26rem;
    right: -0.24rem;
    top: calc(0.75rem - (0.2em));
  }
  .steps.is-small:not(.is-vertical).has-content-above .steps-segment:not(:last-child)::after {
    bottom: calc(0.75rem - (0.2em));
    top: auto;
  }
  .steps.is-small:not(.is-vertical) .extra-data {
    left: calc(50% + 1.05rem);
    right: calc(-50% + 1.05rem);
    bottom: 100%;
    position: absolute;
  }
  .steps.is-small:not(.is-vertical) .extra-data.has-overflow-right {
    overflow: visible;
    right: auto;
    white-space: nowrap;
    min-width: calc( 100% - 0.75rem - (0.2em) );
  }
  .steps.is-small:not(.is-vertical) .extra-data.has-overflow-left {
    overflow: visible;
    left: auto;
    white-space: nowrap;
    min-width: calc( 100% - 0.75rem - (0.2em) );
  }
  .steps.is-small:not(.is-vertical) .extra-data.has-overflow-centered {
    overflow: visible;
    left: auto;
    white-space: nowrap;
    min-width: calc( 100% - 0.75rem - (0.2em) );
  }
  .steps.is-small:not(.is-vertical).has-content-above .extra-data {
    top: 100%;
    bottom: auto;
  }
  .steps.is-small:not(.is-vertical) .steps-content {
    margin-left: 0.75rem;
  }
  .steps.is-small:not(.is-vertical) .steps-content:not(:last-child) {
    margin-right: -0.75rem;
  }
  .steps.is-small:not(.is-vertical) .steps-content.is-divider-content {
    margin-right: -0.75rem;
    padding-left: 2em;
    padding-right: 2em;
  }
  .steps.is-small:not(.is-vertical).has-content-centered .steps-segment:not(:last-child)::after {
    left: 50%;
    right: -50%;
  }
  .steps.is-small:not(.is-vertical).has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - 0.75rem);
  }
  .steps.is-small:not(.is-vertical).has-content-centered .steps-content {
    margin-top: 1.5rem;
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding-top: 0.2em;
  }
  .steps.is-small:not(.is-vertical).has-content-above.has-content-centered .steps-content {
    margin-bottom: 1.5rem;
    padding-bottom: 0.2em;
  }
  .steps.is-small:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-small:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    left: 1.8rem;
    right: 0.3rem;
  }
  .steps.is-small:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child)::after,
.steps.is-small:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child)::after {
    left: calc(50% + 1.05rem);
    right: calc(-50% + 1.05rem);
  }
}
.steps.is-small.is-horizontal .steps-segment:not(:last-child)::after {
  height: 0.4em;
  left: 1.26rem;
  right: -0.24rem;
  top: calc(0.75rem - (0.2em));
}
.steps.is-small.is-horizontal.has-content-above .steps-segment:not(:last-child)::after {
  bottom: calc(0.75rem - (0.2em));
  top: auto;
}
.steps.is-small.is-horizontal .extra-data {
  left: calc(50% + 1.05rem);
  right: calc(-50% + 1.05rem);
  bottom: 100%;
  position: absolute;
}
.steps.is-small.is-horizontal .extra-data.has-overflow-right {
  overflow: visible;
  right: auto;
  white-space: nowrap;
  min-width: calc( 100% - 0.75rem - (0.2em) );
}
.steps.is-small.is-horizontal .extra-data.has-overflow-left {
  overflow: visible;
  left: auto;
  white-space: nowrap;
  min-width: calc( 100% - 0.75rem - (0.2em) );
}
.steps.is-small.is-horizontal .extra-data.has-overflow-centered {
  overflow: visible;
  left: auto;
  white-space: nowrap;
  min-width: calc( 100% - 0.75rem - (0.2em) );
}
.steps.is-small.is-horizontal.has-content-above .extra-data {
  top: 100%;
  bottom: auto;
}
.steps.is-small.is-horizontal .steps-content {
  margin-left: 0.75rem;
}
.steps.is-small.is-horizontal .steps-content:not(:last-child) {
  margin-right: -0.75rem;
}
.steps.is-small.is-horizontal .steps-content.is-divider-content {
  margin-right: -0.75rem;
  padding-left: 2em;
  padding-right: 2em;
}
.steps.is-small.is-horizontal.has-content-centered .steps-segment:not(:last-child)::after {
  left: 50%;
  right: -50%;
}
.steps.is-small.is-horizontal.has-content-centered .steps-marker {
  position: absolute;
  left: calc(50% - 0.75rem);
}
.steps.is-small.is-horizontal.has-content-centered .steps-content {
  margin-top: 1.5rem;
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding-top: 0.2em;
}
.steps.is-small.is-horizontal.has-content-above.has-content-centered .steps-content {
  margin-bottom: 1.5rem;
  padding-bottom: 0.2em;
}
.steps.is-small.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-small.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
  left: 1.8rem;
  right: 0.3rem;
}
.steps.is-small.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child)::after,
.steps.is-small.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child)::after {
  left: calc(50% + 1.05rem);
  right: calc(-50% + 1.05rem);
}
.steps.is-medium {
  font-size: 1.25rem;
}
.steps.is-medium .steps-marker {
  height: 2.5rem;
  width: 2.5rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .steps.is-medium:not(.is-horizontal) {
    display: flex;
    flex-direction: column;
  }
  .steps.is-medium:not(.is-horizontal) .steps-segment:not(:last-child)::after {
    bottom: -0.24rem;
    left: calc(1.25rem - (0.2em));
    top: 2.26rem;
    width: 0.4em;
  }
  .steps.is-medium:not(.is-horizontal) .steps-content {
    margin-left: calc(1.25rem + 0.5em);
    margin-top: -2.5rem;
    padding-left: 1em;
    padding-bottom: 1em;
  }
  .steps.is-medium:not(.is-horizontal) .steps-content.is-divider-content {
    margin-top: 0;
    padding-bottom: 0;
  }
  .steps.is-medium:not(.is-horizontal).has-content-centered .steps-content {
    padding-top: calc(1.25rem - 0.5em);
  }
  .steps.is-medium:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-medium:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    top: 2.8rem;
    bottom: 0.3rem;
  }
}
.steps.is-medium.is-vertical {
  display: flex;
  flex-direction: column;
}
.steps.is-medium.is-vertical .steps-segment:not(:last-child)::after {
  bottom: -0.24rem;
  left: calc(1.25rem - (0.2em));
  top: 2.26rem;
  width: 0.4em;
}
.steps.is-medium.is-vertical .steps-content {
  margin-left: calc(1.25rem + 0.5em);
  margin-top: -2.5rem;
  padding-left: 1em;
  padding-bottom: 1em;
}
.steps.is-medium.is-vertical .steps-content.is-divider-content {
  margin-top: 0;
  padding-bottom: 0;
}
.steps.is-medium.is-vertical.has-content-centered .steps-content {
  padding-top: calc(1.25rem - 0.5em);
}
.steps.is-medium.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-medium.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
  top: 2.8rem;
  bottom: 0.3rem;
}
@media screen and (min-width: 769px), print {
  .steps.is-medium:not(.is-vertical) .steps-segment:not(:last-child)::after {
    height: 0.4em;
    left: 2.26rem;
    right: -0.24rem;
    top: calc(1.25rem - (0.2em));
  }
  .steps.is-medium:not(.is-vertical).has-content-above .steps-segment:not(:last-child)::after {
    bottom: calc(1.25rem - (0.2em));
    top: auto;
  }
  .steps.is-medium:not(.is-vertical) .extra-data {
    left: calc(50% + 1.55rem);
    right: calc(-50% + 1.55rem);
    bottom: 100%;
    position: absolute;
  }
  .steps.is-medium:not(.is-vertical) .extra-data.has-overflow-right {
    overflow: visible;
    right: auto;
    white-space: nowrap;
    min-width: calc( 100% - 1.25rem - (0.2em) );
  }
  .steps.is-medium:not(.is-vertical) .extra-data.has-overflow-left {
    overflow: visible;
    left: auto;
    white-space: nowrap;
    min-width: calc( 100% - 1.25rem - (0.2em) );
  }
  .steps.is-medium:not(.is-vertical) .extra-data.has-overflow-centered {
    overflow: visible;
    left: auto;
    white-space: nowrap;
    min-width: calc( 100% - 1.25rem - (0.2em) );
  }
  .steps.is-medium:not(.is-vertical).has-content-above .extra-data {
    top: 100%;
    bottom: auto;
  }
  .steps.is-medium:not(.is-vertical) .steps-content {
    margin-left: 1.25rem;
  }
  .steps.is-medium:not(.is-vertical) .steps-content:not(:last-child) {
    margin-right: -1.25rem;
  }
  .steps.is-medium:not(.is-vertical) .steps-content.is-divider-content {
    margin-right: -1.25rem;
    padding-left: 2em;
    padding-right: 2em;
  }
  .steps.is-medium:not(.is-vertical).has-content-centered .steps-segment:not(:last-child)::after {
    left: 50%;
    right: -50%;
  }
  .steps.is-medium:not(.is-vertical).has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - 1.25rem);
  }
  .steps.is-medium:not(.is-vertical).has-content-centered .steps-content {
    margin-top: 2.5rem;
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding-top: 0.2em;
  }
  .steps.is-medium:not(.is-vertical).has-content-above.has-content-centered .steps-content {
    margin-bottom: 2.5rem;
    padding-bottom: 0.2em;
  }
  .steps.is-medium:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-medium:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    left: 2.8rem;
    right: 0.3rem;
  }
  .steps.is-medium:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child)::after,
.steps.is-medium:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child)::after {
    left: calc(50% + 1.55rem);
    right: calc(-50% + 1.55rem);
  }
}
.steps.is-medium.is-horizontal .steps-segment:not(:last-child)::after {
  height: 0.4em;
  left: 2.26rem;
  right: -0.24rem;
  top: calc(1.25rem - (0.2em));
}
.steps.is-medium.is-horizontal.has-content-above .steps-segment:not(:last-child)::after {
  bottom: calc(1.25rem - (0.2em));
  top: auto;
}
.steps.is-medium.is-horizontal .extra-data {
  left: calc(50% + 1.55rem);
  right: calc(-50% + 1.55rem);
  bottom: 100%;
  position: absolute;
}
.steps.is-medium.is-horizontal .extra-data.has-overflow-right {
  overflow: visible;
  right: auto;
  white-space: nowrap;
  min-width: calc( 100% - 1.25rem - (0.2em) );
}
.steps.is-medium.is-horizontal .extra-data.has-overflow-left {
  overflow: visible;
  left: auto;
  white-space: nowrap;
  min-width: calc( 100% - 1.25rem - (0.2em) );
}
.steps.is-medium.is-horizontal .extra-data.has-overflow-centered {
  overflow: visible;
  left: auto;
  white-space: nowrap;
  min-width: calc( 100% - 1.25rem - (0.2em) );
}
.steps.is-medium.is-horizontal.has-content-above .extra-data {
  top: 100%;
  bottom: auto;
}
.steps.is-medium.is-horizontal .steps-content {
  margin-left: 1.25rem;
}
.steps.is-medium.is-horizontal .steps-content:not(:last-child) {
  margin-right: -1.25rem;
}
.steps.is-medium.is-horizontal .steps-content.is-divider-content {
  margin-right: -1.25rem;
  padding-left: 2em;
  padding-right: 2em;
}
.steps.is-medium.is-horizontal.has-content-centered .steps-segment:not(:last-child)::after {
  left: 50%;
  right: -50%;
}
.steps.is-medium.is-horizontal.has-content-centered .steps-marker {
  position: absolute;
  left: calc(50% - 1.25rem);
}
.steps.is-medium.is-horizontal.has-content-centered .steps-content {
  margin-top: 2.5rem;
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding-top: 0.2em;
}
.steps.is-medium.is-horizontal.has-content-above.has-content-centered .steps-content {
  margin-bottom: 2.5rem;
  padding-bottom: 0.2em;
}
.steps.is-medium.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-medium.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
  left: 2.8rem;
  right: 0.3rem;
}
.steps.is-medium.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child)::after,
.steps.is-medium.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child)::after {
  left: calc(50% + 1.55rem);
  right: calc(-50% + 1.55rem);
}
.steps.is-large {
  font-size: 1.5rem;
}
.steps.is-large .steps-marker {
  height: 3rem;
  width: 3rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .steps.is-large:not(.is-horizontal) {
    display: flex;
    flex-direction: column;
  }
  .steps.is-large:not(.is-horizontal) .steps-segment:not(:last-child)::after {
    bottom: -0.24rem;
    left: calc(1.5rem - (0.2em));
    top: 2.76rem;
    width: 0.4em;
  }
  .steps.is-large:not(.is-horizontal) .steps-content {
    margin-left: calc(1.5rem + 0.5em);
    margin-top: -3rem;
    padding-left: 1em;
    padding-bottom: 1em;
  }
  .steps.is-large:not(.is-horizontal) .steps-content.is-divider-content {
    margin-top: 0;
    padding-bottom: 0;
  }
  .steps.is-large:not(.is-horizontal).has-content-centered .steps-content {
    padding-top: calc(1.5rem - 0.5em);
  }
  .steps.is-large:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-large:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    top: 3.3rem;
    bottom: 0.3rem;
  }
}
.steps.is-large.is-vertical {
  display: flex;
  flex-direction: column;
}
.steps.is-large.is-vertical .steps-segment:not(:last-child)::after {
  bottom: -0.24rem;
  left: calc(1.5rem - (0.2em));
  top: 2.76rem;
  width: 0.4em;
}
.steps.is-large.is-vertical .steps-content {
  margin-left: calc(1.5rem + 0.5em);
  margin-top: -3rem;
  padding-left: 1em;
  padding-bottom: 1em;
}
.steps.is-large.is-vertical .steps-content.is-divider-content {
  margin-top: 0;
  padding-bottom: 0;
}
.steps.is-large.is-vertical.has-content-centered .steps-content {
  padding-top: calc(1.5rem - 0.5em);
}
.steps.is-large.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-large.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
  top: 3.3rem;
  bottom: 0.3rem;
}
@media screen and (min-width: 769px), print {
  .steps.is-large:not(.is-vertical) .steps-segment:not(:last-child)::after {
    height: 0.4em;
    left: 2.76rem;
    right: -0.24rem;
    top: calc(1.5rem - (0.2em));
  }
  .steps.is-large:not(.is-vertical).has-content-above .steps-segment:not(:last-child)::after {
    bottom: calc(1.5rem - (0.2em));
    top: auto;
  }
  .steps.is-large:not(.is-vertical) .extra-data {
    left: calc(50% + 1.8rem);
    right: calc(-50% + 1.8rem);
    bottom: 100%;
    position: absolute;
  }
  .steps.is-large:not(.is-vertical) .extra-data.has-overflow-right {
    overflow: visible;
    right: auto;
    white-space: nowrap;
    min-width: calc( 100% - 1.5rem - (0.2em) );
  }
  .steps.is-large:not(.is-vertical) .extra-data.has-overflow-left {
    overflow: visible;
    left: auto;
    white-space: nowrap;
    min-width: calc( 100% - 1.5rem - (0.2em) );
  }
  .steps.is-large:not(.is-vertical) .extra-data.has-overflow-centered {
    overflow: visible;
    left: auto;
    white-space: nowrap;
    min-width: calc( 100% - 1.5rem - (0.2em) );
  }
  .steps.is-large:not(.is-vertical).has-content-above .extra-data {
    top: 100%;
    bottom: auto;
  }
  .steps.is-large:not(.is-vertical) .steps-content {
    margin-left: 1.5rem;
  }
  .steps.is-large:not(.is-vertical) .steps-content:not(:last-child) {
    margin-right: -1.5rem;
  }
  .steps.is-large:not(.is-vertical) .steps-content.is-divider-content {
    margin-right: -1.5rem;
    padding-left: 2em;
    padding-right: 2em;
  }
  .steps.is-large:not(.is-vertical).has-content-centered .steps-segment:not(:last-child)::after {
    left: 50%;
    right: -50%;
  }
  .steps.is-large:not(.is-vertical).has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - 1.5rem);
  }
  .steps.is-large:not(.is-vertical).has-content-centered .steps-content {
    margin-top: 3rem;
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding-top: 0.2em;
  }
  .steps.is-large:not(.is-vertical).has-content-above.has-content-centered .steps-content {
    margin-bottom: 3rem;
    padding-bottom: 0.2em;
  }
  .steps.is-large:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-large:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
    left: 3.3rem;
    right: 0.3rem;
  }
  .steps.is-large:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child)::after,
.steps.is-large:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child)::after {
    left: calc(50% + 1.8rem);
    right: calc(-50% + 1.8rem);
  }
}
.steps.is-large.is-horizontal .steps-segment:not(:last-child)::after {
  height: 0.4em;
  left: 2.76rem;
  right: -0.24rem;
  top: calc(1.5rem - (0.2em));
}
.steps.is-large.is-horizontal.has-content-above .steps-segment:not(:last-child)::after {
  bottom: calc(1.5rem - (0.2em));
  top: auto;
}
.steps.is-large.is-horizontal .extra-data {
  left: calc(50% + 1.8rem);
  right: calc(-50% + 1.8rem);
  bottom: 100%;
  position: absolute;
}
.steps.is-large.is-horizontal .extra-data.has-overflow-right {
  overflow: visible;
  right: auto;
  white-space: nowrap;
  min-width: calc( 100% - 1.5rem - (0.2em) );
}
.steps.is-large.is-horizontal .extra-data.has-overflow-left {
  overflow: visible;
  left: auto;
  white-space: nowrap;
  min-width: calc( 100% - 1.5rem - (0.2em) );
}
.steps.is-large.is-horizontal .extra-data.has-overflow-centered {
  overflow: visible;
  left: auto;
  white-space: nowrap;
  min-width: calc( 100% - 1.5rem - (0.2em) );
}
.steps.is-large.is-horizontal.has-content-above .extra-data {
  top: 100%;
  bottom: auto;
}
.steps.is-large.is-horizontal .steps-content {
  margin-left: 1.5rem;
}
.steps.is-large.is-horizontal .steps-content:not(:last-child) {
  margin-right: -1.5rem;
}
.steps.is-large.is-horizontal .steps-content.is-divider-content {
  margin-right: -1.5rem;
  padding-left: 2em;
  padding-right: 2em;
}
.steps.is-large.is-horizontal.has-content-centered .steps-segment:not(:last-child)::after {
  left: 50%;
  right: -50%;
}
.steps.is-large.is-horizontal.has-content-centered .steps-marker {
  position: absolute;
  left: calc(50% - 1.5rem);
}
.steps.is-large.is-horizontal.has-content-centered .steps-content {
  margin-top: 3rem;
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding-top: 0.2em;
}
.steps.is-large.is-horizontal.has-content-above.has-content-centered .steps-content {
  margin-bottom: 3rem;
  padding-bottom: 0.2em;
}
.steps.is-large.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-large.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child)::after {
  left: 3.3rem;
  right: 0.3rem;
}
.steps.is-large.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child)::after,
.steps.is-large.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child)::after {
  left: calc(50% + 1.8rem);
  right: calc(-50% + 1.8rem);
}
.steps-segment::after {
  background-color: var(--primary);
}
.steps-segment.is-active::after {
  background-color: #dbdbdb;
}
.steps-segment.is-active ~ .steps-segment::after {
  background-color: #dbdbdb;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow) {
  background-color: var(--primary);
  color: #fff;
}
.steps:not(.is-hollow) .steps-segment.is-active .steps-marker:not(.is-hollow) {
  background-color: var(--primary);
  color: #fff;
}
.steps:not(.is-hollow) .steps-segment.is-active ~ .steps-segment .steps-marker:not(.is-hollow) {
  background-color: #dbdbdb;
  color: rgba(0, 0, 0, 0.7);
}
.steps.is-hollow .steps-marker,
.steps-marker.is-hollow {
  border: 0.3em solid var(--primary);
}
.steps.is-hollow .is-active .steps-marker,
.steps .is-active .steps-marker.is-hollow {
  border-color: var(--primary);
}
.steps.is-hollow .steps-segment.is-active ~ .steps-segment .steps-marker,
.steps-segment.is-active ~ .steps-segment .steps-marker.is-hollow {
  border-color: #dbdbdb;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-white {
  background-color: var(--white) !important;
  color: #0a0a0a !important;
}
.steps.is-hollow .steps-marker.is-white,
.steps .steps-marker.is-hollow.is-white {
  border-color: var(--white) !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-black {
  background-color: #0a0a0a !important;
  color: var(--white) !important;
}
.steps.is-hollow .steps-marker.is-black,
.steps .steps-marker.is-hollow.is-black {
  border-color: #0a0a0a !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-light {
  background-color: whitesmoke !important;
  color: rgba(0, 0, 0, 0.7) !important;
}
.steps.is-hollow .steps-marker.is-light,
.steps .steps-marker.is-hollow.is-light {
  border-color: whitesmoke !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-dark {
  background-color: var(--dark) !important;
  color: var(--dark--color-invert) !important;
}
.steps.is-hollow .steps-marker.is-dark,
.steps .steps-marker.is-hollow.is-dark {
  border-color: var(--dark) !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-primary {
  background-color: var(--primary) !important;
  color: var(--primary--color-invert) !important;
}
.steps.is-hollow .steps-marker.is-primary,
.steps .steps-marker.is-hollow.is-primary {
  border-color: var(--primary) !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-link {
  background-color: var(--link) !important;
  color: var(--link--color-invert) !important;
}
.steps.is-hollow .steps-marker.is-link,
.steps .steps-marker.is-hollow.is-link {
  border-color: var(--link) !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-info {
  background-color: var(--info) !important;
  color: var(--info--color-invert) !important;
}
.steps.is-hollow .steps-marker.is-info,
.steps .steps-marker.is-hollow.is-info {
  border-color: var(--info) !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-success {
  background-color: var(--success) !important;
  color: var(--success--color-invert) !important;
}
.steps.is-hollow .steps-marker.is-success,
.steps .steps-marker.is-hollow.is-success {
  border-color: var(--success) !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-warning {
  background-color: var(--warning) !important;
  color: var(--warning--color-invert) !important;
}
.steps.is-hollow .steps-marker.is-warning,
.steps .steps-marker.is-hollow.is-warning {
  border-color: var(--warning) !important;
}
.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-danger {
  background-color: var(--danger) !important;
  color: var(--danger--color-invert) !important;
}
.steps.is-hollow .steps-marker.is-danger,
.steps .steps-marker.is-hollow.is-danger {
  border-color: var(--danger) !important;
}
@media screen and (max-width: 768px) {
  .steps:not(.is-horizontal).is-dashed .steps-segment::after,
.steps:not(.is-horizontal) .steps-segment.is-dashed::after {
    background: repeating-linear-gradient(0deg, var(--primary), var(--primary) 5px, transparent 5px, transparent 10px);
  }
  .steps:not(.is-horizontal).is-dashed .steps-segment.is-active::after, .steps:not(.is-horizontal).is-dashed .steps-segment.is-active ~ .steps-segment::after,
.steps:not(.is-horizontal) .steps-segment.is-active.is-dashed::after,
.steps:not(.is-horizontal) .steps-segment.is-active ~ .steps-segment.is-dashed::after {
    background: repeating-linear-gradient(0deg, #dbdbdb, #dbdbdb 5px, transparent 5px, transparent 10px);
  }
}
.steps.is-vertical.is-dashed .steps-segment::after,
.steps.is-vertical .steps-segment.is-dashed::after {
  background: repeating-linear-gradient(0deg, var(--primary), var(--primary) 5px, transparent 5px, transparent 10px);
}
.steps.is-vertical.is-dashed .steps-segment.is-active::after, .steps.is-vertical.is-dashed .steps-segment.is-active ~ .steps-segment::after,
.steps.is-vertical .steps-segment.is-active.is-dashed::after,
.steps.is-vertical .steps-segment.is-active ~ .steps-segment.is-dashed::after {
  background: repeating-linear-gradient(0deg, #dbdbdb, #dbdbdb 5px, transparent 5px, transparent 10px);
}
@media screen and (min-width: 769px), print {
  .steps:not(.is-vertical).is-dashed .steps-segment::after,
.steps:not(.is-vertical) .steps-segment.is-dashed::after {
    background: repeating-linear-gradient(90deg, var(--primary), var(--primary) 10px, transparent 10px, transparent 20px);
  }
  .steps:not(.is-vertical).is-dashed .steps-segment.is-active::after, .steps:not(.is-vertical).is-dashed .steps-segment.is-active ~ .steps-segment::after,
.steps:not(.is-vertical) .steps-segment.is-active.is-dashed::after,
.steps:not(.is-vertical) .steps-segment.is-active ~ .steps-segment.is-dashed::after {
    background: repeating-linear-gradient(90deg, #dbdbdb, #dbdbdb 10px, transparent 10px, transparent 20px);
  }
}
.steps.is-horizontal.is-dashed .steps-segment::after,
.steps.is-horizontal .steps-segment.is-dashed::after {
  background: repeating-linear-gradient(90deg, var(--primary), var(--primary) 10px, transparent 10px, transparent 20px);
}
.steps.is-horizontal.is-dashed .steps-segment.is-active::after, .steps.is-horizontal.is-dashed .steps-segment.is-active ~ .steps-segment::after,
.steps.is-horizontal .steps-segment.is-active.is-dashed::after,
.steps.is-horizontal .steps-segment.is-active ~ .steps-segment.is-dashed::after {
  background: repeating-linear-gradient(90deg, #dbdbdb, #dbdbdb 10px, transparent 10px, transparent 20px);
}
.steps.is-thin .steps-marker {
  width: 0.8em;
  height: 0.8em;
}
.steps.is-thin.is-hollow .steps-marker,
.steps.is-thin .steps-marker.is-hollow {
  border-width: 1px;
  height: calc(0.8em + 1px);
  width: calc(0.8em + 1px);
}
@media screen and (max-width: 768px) {
  .steps.is-thin:not(.is-horizontal) .steps-segment:not(:last-child)::after {
    bottom: 0;
    left: calc(0.4em - 0.5px);
    top: 0.8em;
    width: 1px;
  }
  .steps.is-thin:not(.is-horizontal) .steps-content {
    margin-top: -1.2em;
    margin-left: 0.8em;
  }
  .steps.is-thin:not(.is-horizontal).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-thin:not(.is-horizontal) .steps-segment.has-gaps:not(:last-child)::after {
    bottom: 0.4em;
    top: 1.2em;
  }
  .steps.is-thin:not(.is-horizontal).has-content-centered .steps-content {
    padding-top: 1.6em;
  }
}
.steps.is-thin.is-vertical .steps-segment:not(:last-child)::after {
  bottom: 0;
  left: calc(0.4em - 0.5px);
  top: 0.8em;
  width: 1px;
}
.steps.is-thin.is-vertical .steps-content {
  margin-top: -1.2em;
  margin-left: 0.8em;
}
.steps.is-thin.is-vertical.has-gaps .steps-segment:not(:last-child)::after,
.steps.is-thin.is-vertical .steps-segment.has-gaps:not(:last-child)::after {
  bottom: 0.4em;
  top: 1.2em;
}
.steps.is-thin.is-vertical.has-content-centered .steps-content {
  padding-top: 1.6em;
}
@media screen and (min-width: 769px), print {
  .steps.is-thin:not(.is-vertical) .steps-segment:not(:last-child)::after {
    left: 0.8em;
    right: 0;
    top: calc(0.4em - 0.5px);
    height: 1px;
  }
  .steps.is-thin:not(.is-vertical).has-content-above .steps-segment:not(:last-child)::after {
    bottom: calc(0.4em - 0.5px);
    top: auto;
  }
  .steps.is-thin:not(.is-vertical) .steps-content {
    margin-top: 0.8em;
  }
  .steps.is-thin:not(.is-vertical).has-content-centered .steps-segment:not(:last-child)::after {
    left: calc(50% + 0.4em);
    right: calc(-50% + 0.4em);
  }
  .steps.is-thin:not(.is-vertical).has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - 0.4em);
  }
  .steps.is-thin:not(.is-vertical).has-gaps .steps-segment:not(:last-child)::after,
.steps.is-thin:not(.is-vertical) .steps-segment.has-gaps:not(:last-child)::after {
    left: 1.2em;
    right: 0.4em;
  }
  .steps.is-thin:not(.is-vertical).has-content-centered.has-gaps .steps-segment:not(:last-child)::after, .steps.is-thin:not(.is-vertical).has-content-centered .steps-segment.has-gaps:not(:last-child)::after {
    left: calc( 50% + 0.8em );
    right: calc( -50% + 0.8em );
  }
}
.steps.is-thin.is-horizontal .steps-segment:not(:last-child)::after {
  left: 0.8em;
  right: 0;
  top: calc(0.4em - 0.5px);
  height: 1px;
}
.steps.is-thin.is-horizontal.has-content-above .steps-segment:not(:last-child)::after {
  bottom: calc(0.4em - 0.5px);
  top: auto;
}
.steps.is-thin.is-horizontal .steps-content {
  margin-top: 0.8em;
}
.steps.is-thin.is-horizontal.has-content-centered .steps-segment:not(:last-child)::after {
  left: calc(50% + 0.4em);
  right: calc(-50% + 0.4em);
}
.steps.is-thin.is-horizontal.has-content-centered .steps-marker {
  position: absolute;
  left: calc(50% - 0.4em);
}
.steps.is-thin.is-horizontal.has-gaps .steps-segment:not(:last-child)::after,
.steps.is-thin.is-horizontal .steps-segment.has-gaps:not(:last-child)::after {
  left: 1.2em;
  right: 0.4em;
}
.steps.is-thin.is-horizontal.has-content-centered.has-gaps .steps-segment:not(:last-child)::after, .steps.is-thin.is-horizontal.has-content-centered .steps-segment.has-gaps:not(:last-child)::after {
  left: calc( 50% + 0.8em );
  right: calc( -50% + 0.8em );
}
.steps:not(.is-vertical).has-content-above .steps-segment {
  display: flex;
  flex-direction: column-reverse;
}
.steps:not(.is-vertical).has-content-above .steps-segment .steps-content {
  margin-top: 0;
  padding-top: 0;
  display: flex;
  flex-direction: column-reverse;
}
/*! _links.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Action Link
    2. Action Link Dark Mode
*/
/* ==========================================================================
1. Action Link
========================================================================== */
.action-link {
  position: relative;
  display: inline-block;
  font-weight: 500;
  color: var(--primary);
  transition: opacity 0.3s;
}
.action-link::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1.6px dotted var(--primary);
}
.action-link:hover {
  color: var(--primary);
  opacity: 0.6;
}
/* ==========================================================================
2. Action Link Dark Mode
========================================================================== */
.is-dark .action-link {
  color: var(--primary);
}
.is-dark .action-link::after {
  border-bottom-color: var(--primary);
}
/*! _lists.scss | Vuero | Css ninja 2020-2021 */
/*
    1. User List
    2. User List Dark mode
*/
/* ==========================================================================
1. User List
========================================================================== */
.user-list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 0;
}
.user-list .user-list-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 100px;
}
.user-list .user-list-info {
  margin: 0 10px;
}
.user-list .user-list-info .name {
  font-family: var(--font-alt);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--dark-text);
}
.user-list .user-list-info .position {
  font-family: var(--font);
  font-size: 12px;
  color: var(--light-text);
}
.user-list .user-list-status {
  height: 10px;
  width: 10px;
  border-radius: 100px;
  background: var(--fade-grey);
  margin-left: auto;
  margin-right: 1rem;
}
.user-list .user-list-status.is-offline {
  background: var(--fade-grey);
}
.user-list .user-list-status.is-online {
  background: var(--success);
}
.user-list .user-list-status.is-busy {
  background: var(--warning);
}
.user-list .user-list-icons {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}
.user-list .user-list-icons a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  border-radius: var(--radius-rounded);
  color: var(--light-text-light-15);
  font-size: 0.9rem;
  transition: all 0.3s;
}
.user-list .user-list-icons a:hover {
  color: var(--light-text);
  background: var(--fade-grey-light-3);
}
/* ==========================================================================
2. User List Dark mode
========================================================================== */
.is-dark .user-list .user-list-icons a:hover {
  background: var(--dark-sidebar-light-10);
}
#nprogress .bar {
  background: var(--primary);
  z-index: 100000;
}
#nprogress .spinner {
  display: none;
}
/*! _datepicker.scss | Vuero | Css ninja 2020-2021 */
/*
    0. V-Calendar
    1. V-Calendar Dark mode
*/
/* ==========================================================================
0. V-Calendar
========================================================================== */
.vc-pane-container .vc-pane-layout {
  font-family: var(--font);
}
.vc-pane-container .vc-pane-layout .vc-pane {
  padding: 1rem;
}
.vc-pane-container .vc-pane-layout .vc-header .vc-title {
  font-size: 1rem;
  font-weight: 500;
}
.vc-pane-container .vc-pane-layout .vc-weeks {
  margin-top: 0.75rem;
}
.vc-pane-container .vc-pane-layout .vc-weeks .vc-weekday {
  font-weight: 400;
  font-size: 0.9rem;
}
.vc-pane-container .vc-day-content {
  font-size: 0.9rem !important;
  font-weight: 500;
}
.vc-pane-container .vc-arrows-container {
  top: 1.3rem;
  padding: 8px 24px;
}
.vc-pane-container .vc-arrows-container .vc-arrow {
  border-radius: var(--radius-rounded);
  display: flex;
  justify-content: center;
  align-items: center;
}
.vc-pane-container .vc-arrows-container .vc-arrow svg {
  position: relative;
  top: -1px;
  height: 20px;
  width: 20px;
}
.vc-popover-content-wrapper .vc-nav-popover-container .vc-nav-container {
  padding: 0.75rem;
}
.vc-popover-content-wrapper .vc-nav-popover-container .vc-nav-container .vc-nav-header {
  margin-bottom: 0.75rem;
}
.vc-popover-content-wrapper .vc-nav-popover-container .vc-nav-container .vc-nav-header .vc-nav-title:active, .vc-popover-content-wrapper .vc-nav-popover-container .vc-nav-container .vc-nav-header .vc-nav-title:focus,
.vc-popover-content-wrapper .vc-nav-popover-container .vc-nav-container .vc-nav-header .vc-nav-arrow:active,
.vc-popover-content-wrapper .vc-nav-popover-container .vc-nav-container .vc-nav-header .vc-nav-arrow:focus {
  border-color: transparent !important;
}
.vc-popover-content-wrapper .vc-nav-popover-container .vc-nav-container .vc-nav-header .vc-nav-arrow {
  position: relative;
  top: 0.25rem;
  border-radius: var(--radius-rounded);
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
}
.vc-popover-content-wrapper .vc-nav-popover-container .vc-nav-container .vc-nav-header .vc-nav-arrow svg {
  position: relative;
  top: -1px;
  height: 20px;
  width: 20px;
  stroke: var(--white);
}
.vc-popover-content-wrapper .vc-nav-popover-container .vc-nav-container .vc-nav-items .vc-nav-item {
  color: var(--white);
  font-family: var(--font);
  font-weight: 400;
  font-size: 0.75rem;
  text-transform: uppercase;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.vc-popover-content-wrapper .vc-nav-popover-container .vc-nav-container .vc-nav-items .vc-nav-item.is-active {
  background: var(--primary) !important;
}
.vc-time-content .vc-time-date > span {
  font-size: 0.9rem;
}
.vc-time-content .vc-am-pm > button {
  font-family: var(--font);
  font-size: 0.85rem;
}
.vc-time-picker .vc-date-time .vc-date > span {
  font-family: var(--font);
  font-size: 0.9rem;
}
/* ==========================================================================
1. V-Calendar Dark mode
========================================================================== */
.is-dark .vc-popover-content-wrapper .vc-popover-caret {
  border-color: var(--dark-sidebar) !important;
}
.is-dark .vc-container {
  background: var(--dark-sidebar) !important;
  border: 1px solid var(--dark-sidebar-light-8) !important;
}
.is-dark .vc-pane-container .vc-pane-layout .vc-header .vc-title {
  color: var(--dark-dark-text) !important;
}
.is-dark .vc-pane-container .vc-day-content {
  color: var(--dark-dark-text);
}
.is-dark .vc-pane-container .vc-day-content:hover, .is-dark .vc-pane-container .vc-day-content:focus {
  background: var(--dark-sidebar-light-4) !important;
}
.is-dark .vc-pane-container .vc-arrows-container .vc-arrow:hover {
  background: var(--dark-sidebar-light-4) !important;
}
.is-dark .vc-popover-content-wrapper .vc-nav-popover-container {
  background: var(--dark-sidebar-dark-4) !important;
  border-color: var(--dark-sidebar-light-4) !important;
}
.is-dark .vc-popover-content-wrapper .vc-nav-popover-container .vc-nav-container .vc-nav-header .vc-nav-title:hover,
.is-dark .vc-popover-content-wrapper .vc-nav-popover-container .vc-nav-container .vc-nav-header .vc-nav-arrow:hover {
  background: var(--dark-sidebar-light-2) !important;
}
.is-dark .vc-popover-content-wrapper .vc-nav-popover-container .vc-nav-container .vc-nav-items .vc-nav-item {
  color: var(--white);
}
.is-dark .vc-popover-content-wrapper .vc-nav-popover-container .vc-nav-container .vc-nav-items .vc-nav-item:not(.is-active):hover {
  background: var(--dark-sidebar-light-2) !important;
}
.is-dark .vc-popover-content-wrapper .vc-nav-popover-container .vc-nav-container .vc-nav-items .vc-nav-item.is-active {
  background: var(--primary) !important;
}
.is-dark .vc-time-picker.vc-bordered {
  border-color: var(--dark-sidebar-light-12) !important;
}
.is-dark .vc-time-picker .vc-date-time .vc-date .vc-time-weekday {
  color: var(--light-text) !important;
}
.is-dark .vc-time-picker .vc-time-content .vc-time-date .vc-time-weekday {
  color: var(--light-text) !important;
}
.is-dark .vc-time-picker .vc-time-content .vc-select select {
  background: var(--dark-sidebar-dark-4) !important;
  border-color: var(--dark-sidebar-dark-4) !important;
  color: var(--dark-dark-text) !important;
}
.is-dark .vc-time-picker .vc-time-content .vc-am-pm {
  background: var(--dark-sidebar-dark-4) !important;
}
.is-dark .vc-time-picker .vc-time-content .vc-am-pm > button {
  color: var(--white) !important;
}
.is-divider,
.is-divider-vertical {
  display: block;
  position: relative;
  border-top: 0.1rem solid #dbdbdb;
  height: 0.1rem;
  margin: 2rem 0;
  text-align: center;
}
.is-divider[data-content]::after,
.is-divider-vertical[data-content]::after {
  background: var(--white);
  color: #b5b5b5;
  content: attr(data-content);
  display: inline-block;
  font-size: 0.75rem;
  padding: 0.4rem 0.8rem;
  transform: translateY(-1.1rem);
  transform: translateY(-1.1rem);
  transform: translateY(-1.1rem);
  text-align: center;
}
@media screen and (min-width: 769px), print {
  .is-divider-vertical {
    display: block;
    flex: none;
    width: auto;
    height: auto;
    padding: 2rem;
    margin: 0;
    position: relative;
    border-top: none;
    min-height: 2rem;
  }
  .is-divider-vertical::before {
    border-left: 0.1rem solid #dbdbdb;
    bottom: 1rem;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 1rem;
    transform: translateX(-50%);
    transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .is-divider-vertical[data-content]::after {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0.1rem;
    transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }
}
/*! _editors.scss | Vuero | Css Ninja 2020-2021 */
/*
    1. Summernote Editor    
    2. Summernote Dark mode
    3. Sun Editor Dark mode
*/
/* ==========================================================================
1. Summernote Editor
========================================================================== */
.note-modal .note-modal-content .note-modal-header h4 {
  font-family: var(--font);
  font-size: 1.2rem !important;
  font-weight: 500;
  color: var(--dark-text);
}
.note-modal .note-modal-content .note-modal-body {
  padding: 30px;
}
.note-modal .note-modal-content .note-modal-body .form-group label {
  font-family: var(--font);
  font-size: 1rem;
  font-weight: 400;
  color: var(--light-text);
}
.note-modal .note-modal-content .note-modal-footer {
  padding: 0 16px;
  height: 70px;
  background: var(--widget-grey-dark-2);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.note-modal .note-modal-content .note-modal-footer .btn-primary {
  height: 40px;
  background: var(--primary);
  padding-bottom: 8px;
  opacity: 1;
  min-width: 130px;
  border-radius: var(--radius-large);
}
/* ==========================================================================
2. Summernote Dark mode
========================================================================== */
.is-dark .note-editor .note-toolbar {
  background: var(--dark-sidebar-light-2);
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .note-editor .note-toolbar .note-btn-group .note-btn {
  background: var(--dark-sidebar-light-4);
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .note-editor .note-toolbar .note-btn-group .note-btn i,
.is-dark .note-editor .note-toolbar .note-btn-group .note-btn .note-icon-caret {
  color: var(--dark-dark-text);
}
.is-dark .note-editor .note-toolbar .note-btn-group .note-dropdown-menu {
  background: var(--dark-sidebar-dark-2);
  border-color: var(--dark-sidebar-light-8);
}
.is-dark .note-editor .note-toolbar .note-btn-group .note-dropdown-menu .note-dropdown-item {
  color: var(--light-text);
}
.is-dark .note-editor .note-toolbar .note-btn-group .note-dropdown-menu .note-dropdown-item:hover, .is-dark .note-editor .note-toolbar .note-btn-group .note-dropdown-menu .note-dropdown-item:focus {
  background: var(--dark-sidebar-light-1);
}
.is-dark .note-editor .note-toolbar .note-btn-group .note-dropdown-menu .note-dimension-display {
  color: var(--dark-dark-text);
}
.is-dark .note-editor .note-editable .table tbody td {
  border-color: var(--dark-sidebar-light-12) !important;
}
.is-dark .note-editor .note-popover {
  background: var(--dark-sidebar-light-2);
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .note-editor .note-popover.bottom .note-popover-arrow::after {
  border-bottom-color: var(--dark-sidebar-light-2);
}
.is-dark .note-editor .note-popover .note-btn-group .note-btn {
  background: var(--dark-sidebar-light-4);
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .note-editor .note-popover .note-btn-group .note-btn i,
.is-dark .note-editor .note-popover .note-btn-group .note-btn .note-icon-caret {
  color: var(--dark-dark-text);
}
.note-modal .note-modal-content {
  border: none;
}
.note-modal .note-modal-content .note-modal-header {
  background: var(--dark-sidebar-light-2);
  border-color: var(--dark-sidebar-light-12);
}
.note-modal .note-modal-content .note-modal-header h4 {
  color: var(--dark-dark-text);
}
.note-modal .note-modal-content .note-modal-header .close {
  color: var(--dark-dark-text) !important;
}
.note-modal .note-modal-content .note-modal-header .close .note-icon-close {
  color: var(--dark-dark-text) !important;
}
.note-modal .note-modal-content .note-modal-body {
  background: var(--dark-sidebar-light-4);
}
.note-modal .note-modal-content .note-modal-body .form-group input {
  background: var(--dark-sidebar-dark-2);
  border-color: var(--dark-sidebar-light-8);
  color: var(--light-text);
  height: 38px;
  border-radius: var(--radius);
}
.note-modal .note-modal-content .note-modal-footer {
  background: var(--dark-sidebar-light-2);
  border-color: var(--dark-sidebar-light-12);
}
.note-modal .note-modal-content .note-modal-footer .btn-primary {
  background: var(--primary);
  border-color: var(--primary);
}
/* ==========================================================================
3. Sun Editor Dark mode
========================================================================== */
.is-dark .sun-editor {
  width: 100%;
  border-color: var(--dark-sidebar-light-12) !important;
  background: var(--dark-sidebar-dark-2);
}
.is-dark .sun-editor .se-container .se-toolbar {
  background: var(--dark-sidebar-dark-2);
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .sun-editor .se-container .se-toolbar.se-toolbar-balloon {
  box-shadow: var(--light-box-shadow) !important;
}
.is-dark .sun-editor .se-container .se-toolbar.se-toolbar-balloon .se-arrow.se-arrow-down::after {
  border-top-color: var(--dark-sidebar-dark-2);
}
.is-dark .sun-editor .se-container .se-toolbar .se-btn-tray .se-btn-module {
  background: var(--dark-sidebar-light-4);
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .sun-editor .se-container .se-toolbar .se-btn-tray .se-btn-module .se-menu-list li button {
  color: var(--dark-dark-text);
}
.is-dark .sun-editor .se-container .se-toolbar .se-btn-tray .se-btn-module .se-menu-list li button:hover, .is-dark .sun-editor .se-container .se-toolbar .se-btn-tray .se-btn-module .se-menu-list li button:focus {
  background: var(--dark-sidebar-light-2);
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .sun-editor .se-container .se-wrapper {
  background: var(--dark-sidebar-dark-10);
}
.is-dark .sun-editor .se-container .se-wrapper .se-wrapper-inner {
  background: var(--dark-sidebar-dark-10);
  color: var(--dark-dark-text);
}
.is-dark .sun-editor .se-container .se-resizing-bar {
  background: var(--dark-sidebar-dark-2);
  border-color: var(--dark-sidebar-light-12);
}
/*! _charts.scss | Vuero | Css Ninja 2020-2021 */
/*
    1. Apex Charts
*/
/* ==========================================================================
1. Apex Charts
========================================================================== */
.apexcharts-title-text {
  font-family: var(--font-alt) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--dark-text);
}
.apexcharts-legend .apexcharts-legend-text {
  font-family: var(--font) !important;
}
.apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text,
.apexcharts-xaxis .apexcharts-yaxis-texts-g .apexcharts-text,
.apexcharts-yaxis .apexcharts-xaxis-texts-g .apexcharts-text,
.apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-text {
  font-family: var(--font) !important;
}
.apexcharts-datalabels-group .apexcharts-text {
  font-family: var(--font) !important;
  font-weight: 600;
}
.is-dark .apexcharts-ycrosshairs {
  stroke: var(--dark-sidebar-light-12) !important;
}
.is-dark .apexcharts-title-text {
  fill: var(--dark-dark-text) !important;
}
.is-dark .apexcharts-subtitle-text {
  fill: var(--primary);
}
.is-dark .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-text,
.is-dark .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
  fill: var(--dark-dark-text);
}
.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text,
.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label,
.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text,
.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label {
  fill: var(--dark-dark-text);
}
.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-xaxis line,
.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-xaxis line {
  color: var(--dark-sidebar-light-12) !important;
  stroke: var(--dark-sidebar-light-12) !important;
}
.is-dark .apexcharts-svg .apexcharts-inner .apexcharts-grid .apexcharts-gridlines-horizontal .apexcharts-gridline,
.is-dark .apexcharts-svg .apexcharts-graphical .apexcharts-grid .apexcharts-gridlines-horizontal .apexcharts-gridline {
  color: var(--dark-sidebar-light-12);
  stroke: var(--dark-sidebar-light-12);
}
.is-dark .apexcharts-gridlines-vertical .apexcharts-gridline {
  color: var(--dark-sidebar-light-12);
  stroke: var(--dark-sidebar-light-12);
}
.is-dark .apexcharts-series-markers .apexcharts-marker,
.is-dark .apexcharts-series-bubble .apexcharts-marker {
  color: var(--dark-sidebar-light-2);
  stroke: var(--dark-sidebar-light-2);
}
.is-dark .apexcharts-pie-area,
.is-dark .apexcharts-pie-slice-0 {
  color: var(--dark-sidebar-light-12);
  stroke: var(--dark-sidebar-light-12);
}
.is-dark .apexcharts-datalabels-group .apexcharts-text,
.is-dark .apexcharts-datalabels-group .apexcharts-datalabel-value {
  fill: var(--dark-dark-text);
}
.is-dark .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
  color: var(--dark-dark-text) !important;
}
.is-dark .apexcharts-yaxis line,
.is-dark .apexcharts-xaxis-inversed line {
  color: var(--dark-sidebar-light-12);
  stroke: var(--dark-sidebar-light-12);
}
.is-dark .apexcharts-radialbar-track .apexcharts-radialbar-area,
.is-dark .apexcharts-track .apexcharts-radialbar-area {
  color: var(--dark-sidebar-light-2);
  stroke: var(--dark-sidebar-light-2);
}
.is-dark .apexcharts-radar-series > polygon,
.is-dark .apexcharts-radar-series > line,
.is-dark .apexcharts-plot-series > polygon,
.is-dark .apexcharts-plot-series > line {
  fill: none !important;
  color: var(--dark-sidebar-light-12);
  stroke: var(--dark-sidebar-light-12);
}
.is-dark .apexcharts-text,
.is-dark .apexcharts-yaxis-title-text {
  fill: var(--dark-dark-text);
  font-family: var(--font);
  font-weight: 400;
}
.is-dark .apexcharts-data-labels text {
  fill: #fafafa;
  font-family: var(--font);
  font-weight: 400;
}
.is-dark .apexcharts-bar-area {
  color: var(--dark-sidebar-light-12);
}
.is-dark .apexcharts-slices .apexcharts-pie-label {
  fill: #fafafa !important;
}
.is-dark .apexcharts-tooltip {
  box-shadow: 2px 2px 6px -4px var(--dark-sidebar) !important;
}
.is-dark .apexcharts-tooltip.apexcharts-theme-light {
  border: 1px solid var(--dark-sidebar-light-12);
  background: var(--dark-sidebar-light-2);
  color: var(--dark-dark-text) !important;
}
.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: var(--dark-sidebar-light-2);
  border-bottom: 1px solid var(--dark-sidebar-light-12);
  color: var(--dark-dark-text);
}
.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text-value,
.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text-z-value,
.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-series-group,
.is-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-marker {
  color: var(--dark-dark-text) !important;
}
.is-dark .apexcharts-tooltip * {
  font-family: var(--font);
  color: inherit;
}
.is-dark .apexcharts-tooltip .apexcharts-yaxistooltip-text {
  color: var(--dark-dark-text) !important;
}
.is-dark .apexcharts-xaxistooltip {
  border: 1px solid var(--dark-sidebar-light-12);
  background: var(--dark-sidebar-light-2);
  color: var(--dark-dark-text) !important;
}
.is-dark .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom::after {
  border-bottom-color: var(--dark-sidebar-light-2);
}
.is-dark .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom::before {
  border-bottom-color: var(--dark-sidebar-light-12);
}
.is-dark .apexcharts-xaxistooltip.apexcharts-xaxistooltip-top::after {
  border-top-color: var(--dark-sidebar-light-2);
}
.is-dark .apexcharts-xaxistooltip.apexcharts-xaxistooltip-top::before {
  border-top-color: var(--dark-sidebar-light-12);
}
.is-dark .apexcharts-xaxistooltip * {
  font-family: var(--font);
  color: inherit;
}
/*! _toggles.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Sliding Switch
    2. Special Checkbox
*/
/* ==========================================================================
1. Sliding Switch
========================================================================== */
.sliding-toggle {
  width: 86px;
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  user-select: none;
}
.sliding-toggle input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.sliding-toggle input:checked ~ .toggler {
  border-color: var(--primary);
}
.sliding-toggle input:checked ~ .toggler .dark,
.sliding-toggle input:checked ~ .toggler .light {
  transform: translateX(100%) rotate(360deg);
}
.sliding-toggle input:checked ~ .toggler .dark {
  opacity: 1 !important;
}
.sliding-toggle input:checked ~ .toggler .light {
  opacity: 0 !important;
}
.sliding-toggle .toggler {
  position: relative;
  display: block;
  height: 31px;
  width: 53px;
  border: 2px solid var(--primary);
  border-radius: 100px;
  transition: all 0.3s;
}
.sliding-toggle .toggler .dark,
.sliding-toggle .toggler .light {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 22px;
  width: 22px;
  border-radius: var(--radius-rounded);
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(0) rotate(0);
  transition: all 0.3s ease;
}
.sliding-toggle .toggler .dark svg,
.sliding-toggle .toggler .light svg {
  color: var(--white) !important;
  height: 14px !important;
  width: 14px !important;
  opacity: 1 !important;
}
.sliding-toggle .toggler .light {
  background: var(--primary);
  border-color: var(--primary);
  opacity: 1;
  z-index: 1;
}
.sliding-toggle .toggler .dark {
  background: var(--primary);
  border-color: var(--primary);
  opacity: 0;
  z-index: 0;
}
.sliding-toggle .toggler .dark svg {
  color: var(--white) !important;
}
/* =====================================================
2. Special Checkbox
===================================================== */
.special-checkbox {
  position: relative;
}
.special-checkbox label {
  background-color: var(--white);
  border: 1px solid var(--primary-grey);
  border-radius: var(--radius-rounded);
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}
.special-checkbox label::after {
  border: 2px solid var(--white);
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}
.special-checkbox input[type=checkbox] {
  visibility: hidden;
}
.special-checkbox input[type=checkbox]:checked + label {
  background-color: var(--primary);
  border-color: var(--primary);
}
.special-checkbox input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.special-checkbox.is-small label {
  height: 20px;
  width: 20px;
}
.special-checkbox.is-small label::after {
  left: 4px;
  top: 5px;
  width: 11px;
  height: 6px;
  transform: rotate(-45deg) scale(0.8);
}
.special-checkbox.is-small span {
  position: relative;
  top: -2px;
  padding: 0 10px;
  cursor: default;
}
/*! _placeload.scss | Huro | Css ninja 2020-2021 */
/*
    1. Placeload base styles
    2. Placeload dark styles
*/
/* ==========================================================================
1. Placeload base styles
========================================================================== */
.content-shape {
  height: 10px;
  width: 100%;
  max-width: 100%;
  border-radius: 0.25rem;
}
.loads {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeload;
  animation-timing-function: linear;
  background: var(--placeload-nuance-from);
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, var(--placeload-nuance-from)), color-stop(18%, var(--placeload-nuance-to)), color-stop(33%, var(--placeload-nuance-from)));
  background: linear-gradient(to right, var(--placeload-nuance-from) 8%, var(--placeload-nuance-to) 18%, var(--placeload-nuance-from) 33%);
  background-size: 800px 104px;
  background-size: 1200px 104px;
  position: relative;
}
@keyframes placeload {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
/* ==========================================================================
2. Placeload dark styles
========================================================================== */
.is-dark .loads {
  background: var(--placeload-dark-nuance-from);
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, var(--placeload-dark-nuance-from)), color-stop(18%, var(--placeload-dark-nuance-to)), color-stop(33%, var(--placeload-dark-nuance-from)));
  background: linear-gradient(to right, var(--placeload-dark-nuance-from) 8%, var(--placeload-dark-nuance-to) 18%, var(--placeload-dark-nuance-from) 33%);
  background-size: 800px 104px;
  background-size: 1200px 104px;
}
/*! _popovers.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Web UI Popover
    2. Web UI Popover Dark mode
    3. User profile popovers
    4. User profile popovers Dark mode
    5. Simple popover
*/
/* ==========================================================================
1. Web UI Popover
========================================================================== */
.tippy-box[data-theme~=light] {
  border-radius: 0.5rem;
  border: 1px solid var(--border);
  box-shadow: var(--light-box-shadow);
}
.v-popover {
  box-shadow: rgba(0, 0, 0, 0.04) 0 3px 10px 4px !important;
  background: var(--white) !important;
  color: var(--dark-text) !important;
  margin-top: -20px !important;
  border: 1px solid var(--fade-grey);
}
.v-popover.top > .webui-arrow {
  border-top-color: var(--white) !important;
}
.v-popover.bottom-right > .webui-arrow {
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
}
.v-popover.top-right > .webui-arrow {
  border-right-color: transparent !important;
}
.v-popover.top-right > .webui-arrow::after {
  border-top-color: var(--white) !important;
}
.v-popover.top-left > .webui-arrow {
  border-top-color: var(--white) !important;
}
.v-popover.left > .webui-arrow {
  border-left-color: transparent !important;
}
.v-popover .webui-arrow {
  border-top-color: transparent !important;
  border-right-color: transparent !important;
}
.v-popover .webui-arrow::after {
  border-top-color: transparent !important;
}
.v-popover .v-popover-title {
  background-color: var(--white) !important;
  border-bottom: none !important;
  font-weight: 500;
}
.v-popover-content {
  font-size: 0.75rem !important;
}
.v-popover-content.is-text {
  max-width: 200px;
  padding: 8px 5px 4px;
  font-size: 0.9rem !important;
}
.v-popover-content .popover-head {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.v-popover-content .popover-head .v-avatar,
.v-popover-content .popover-head .v-icon {
  margin-right: 10px;
}
.v-popover-content .popover-head h4 {
  font-family: var(--font-alt);
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--dark);
  margin-bottom: 0;
}
.v-popover-content .popover-body {
  padding: 0;
}
.v-popover-content .popover-body p {
  font-family: var(--font);
  font-size: 0.9rem;
  color: var(--light-text);
}
.v-popover-content .popover-body p:last-child {
  margin-bottom: 8px;
}
.v-popover-content .popover-flex-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 0;
}
.v-popover-content .popover-flex-block .staff-avatar {
  height: 38px;
  width: 38px;
  border-radius: var(--radius-rounded);
}
.v-popover-content .popover-flex-block .content-block {
  margin-left: 10px;
}
.v-popover-content .popover-flex-block .content-block label,
.v-popover-content .popover-flex-block .content-block span {
  display: block;
}
.v-popover-content .popover-flex-block .content-block label {
  color: var(--dark-text-light-35);
  text-transform: uppercase;
  font-size: 70%;
}
.v-popover-content .popover-flex-block .fa.fa-star,
.v-popover-content .popover-flex-block .fa.fa-star-half {
  color: #ffd700;
}
.v-popover-content .popover-flex-block .icon-block {
  height: 38px;
  width: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.v-popover-content .popover-flex-block .icon-block svg {
  height: 18px;
  width: 18px;
  color: var(--dark-text);
  stroke-width: 1.3px;
}
.v-popover-content .popover-flex-block .icon-block svg.is-medium {
  height: 26px;
  width: 26px;
}
/* ==========================================================================
2. Web UI Popover Dark mode
========================================================================== */
.is-dark .v-popover {
  background: var(--dark-sidebar) !important;
  border-color: var(--dark-sidebar-light-6);
}
.is-dark .v-popover.top .webui-arrow {
  border-top-color: var(--dark-sidebar) !important;
}
.is-dark .v-popover.right .webui-arrow {
  border-top-color: transparent !important;
  border-right-color: var(--dark-sidebar) !important;
}
.is-dark .v-popover.right .webui-arrow::after {
  border-right-color: var(--dark-sidebar) !important;
}
.is-dark .v-popover.left .webui-arrow::after {
  border-left-color: var(--dark-sidebar) !important;
}
.is-dark .v-popover.bottom .webui-arrow::after {
  border-bottom-color: var(--dark-sidebar) !important;
}
.is-dark .v-popover.bottom-right .webui-arrow::after, .is-dark .v-popover.bottom-left .webui-arrow::after {
  border-bottom-color: var(--dark-sidebar) !important;
}
.is-dark .v-popover.top-right .webui-arrow::after {
  border-top-color: var(--dark-sidebar) !important;
}
.is-dark .v-popover.top-left .webui-arrow {
  border-top-color: var(--dark-sidebar) !important;
}
.is-dark .v-popover .v-popover-inner {
  background: var(--dark-sidebar) !important;
  border-color: var(--dark-sidebar) !important;
}
.is-dark .v-popover .title {
  color: var(--primary-grey-dark-5) !important;
}
.is-dark .v-popover .country img,
.is-dark .v-popover .primary-skill img {
  border-color: var(--dark-sidebar) !important;
}
.is-dark .v-popover .notification-content a {
  color: var(--primary) !important;
}
.is-dark .v-popover .notification-content span {
  color: var(--primary-grey-dark-10) !important;
}
.is-dark .v-popover .media + .media {
  border-top-color: var(--dark-sidebar-light-10) !important;
}
.is-dark .v-popover .loader-overlay {
  background: rgba(42, 42, 44, 0.95) !important;
}
/* ==========================================================================
3. User profile popovers
========================================================================== */
.v-popover-profile .profile-popover-block,
.v-popover-profile .skill-popover-block {
  max-width: 260px;
  text-align: left;
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper,
.v-popover-profile .profile-popover-block .skill-popover-wrapper,
.v-popover-profile .skill-popover-block .profile-popover-wrapper,
.v-popover-profile .skill-popover-block .skill-popover-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  padding: 11px 6px;
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-avatar,
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-avatar,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-avatar,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-avatar,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar {
  position: relative;
  width: 44px;
  height: 44px;
  min-width: 44px;
  z-index: 0;
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-avatar img,
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar img,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-avatar img,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar img,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-avatar img,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar img,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-avatar img,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar img {
  display: block;
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-avatar .avatar,
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar .avatar,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-avatar .avatar,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar .avatar,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-avatar .avatar,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar .avatar,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-avatar .avatar,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar .avatar {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-rounded);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-avatar .badge,
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar .badge,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-avatar .badge,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar .badge,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-avatar .badge,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar .badge,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-avatar .badge,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar .badge {
  position: absolute;
  right: -2px;
  bottom: 0;
  width: 20px;
  height: 20px;
  border: 1.6px solid var(--white);
  border-radius: var(--radius-rounded);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar {
  background: var(--fade-grey-light-3);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-rounded);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-primary,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-primary,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-primary,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-primary {
  background: var(--primary-light-42);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-primary span,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-primary span,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-primary span,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-primary span {
  color: var(--primary);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-accent,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-accent,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-accent,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-accent {
  background: var(--primary-light-36);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-accent span,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-accent span,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-accent span,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-accent span {
  color: var(--primary);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-success,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-success,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-success,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-success {
  background: var(--success-light-45);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-success span,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-success span,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-success span,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-success span {
  color: var(--success);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-info,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-info,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-info,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-info {
  background: var(--info-light-45);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-info span,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-info span,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-info span,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-info span {
  color: var(--info);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-warning,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-warning,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-warning,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-warning {
  background: var(--warning-light-32);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-warning span,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-warning span,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-warning span,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-warning span {
  color: var(--warning);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-danger,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-danger,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-danger,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-danger {
  background: var(--danger-light-36);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-danger span,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-danger span,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-danger span,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-danger span {
  color: var(--danger);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-purple,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-purple,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-purple,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-purple {
  background: var(--purple-light-36);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-purple span,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-purple span,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-purple span,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-purple span {
  color: var(--purple);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-orange,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-orange,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-orange,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-orange {
  background: var(--orange-light-18);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-orange span,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-orange span,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-orange span,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-orange span {
  color: var(--orange);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-blue,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-blue,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-blue,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-blue {
  background: var(--blue-light-32);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-blue span,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-blue span,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-blue span,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-blue span {
  color: var(--blue);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-red,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-red,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-red,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-red {
  background: var(--red-light-38);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-red span,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-red span,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-red span,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-red span {
  color: var(--red);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-green,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-green,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-green,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-green {
  background: var(--green-light-22);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-green span,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-green span,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-green span,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-green span {
  color: var(--green);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-yellow,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-yellow,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-yellow,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-yellow {
  background: var(--yellow-light-22);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-yellow span,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-yellow span,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar.is-h-yellow span,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar.is-h-yellow span {
  color: var(--yellow-dark-8);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-fake-avatar span,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-fake-avatar span,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-fake-avatar span,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-fake-avatar span {
  font-size: 1.1rem;
  font-family: var(--font);
  text-transform: uppercase;
  font-weight: 500;
  color: var(--dark-text);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta {
  margin-left: 16px;
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span {
  display: block;
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta, .v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-meta,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.user-meta,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-meta,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.user-meta,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-meta,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.user-meta,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .username,
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .skill-name, .v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .username,
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .skill-name,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.user-meta .username,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.user-meta .skill-name,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .username,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .skill-name,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.user-meta .username,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.user-meta .skill-name,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .username,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .skill-name,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.user-meta .username,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.user-meta .skill-name,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .username,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .skill-name {
  display: block;
  font-family: var(--font-alt);
  line-height: 1.2;
  font-size: 0.9rem;
  font-weight: 600;
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.user-meta .location, .v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .location,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.user-meta .location,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .location,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.user-meta .location,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-meta .location,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.user-meta .location,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-meta .location {
  font-size: 0.75rem;
  color: var(--light-text);
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.job-title, .v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-type,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.job-title,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-type,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.job-title,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-type,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.job-title,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-type {
  font-size: 0.8rem;
  color: var(--primary);
  font-weight: 500;
}
.v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.bio, .v-popover-profile .profile-popover-block .profile-popover-wrapper .popover-meta span.skill-description,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.bio,
.v-popover-profile .profile-popover-block .skill-popover-wrapper .popover-meta span.skill-description,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.bio,
.v-popover-profile .skill-popover-block .profile-popover-wrapper .popover-meta span.skill-description,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.bio,
.v-popover-profile .skill-popover-block .skill-popover-wrapper .popover-meta span.skill-description {
  font-size: 0.8rem;
  color: var(--light-text);
}
.v-popover-profile .profile-popover-block .popover-actions,
.v-popover-profile .skill-popover-block .popover-actions {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 8px 12px 12px;
}
.v-popover-profile .profile-popover-block .popover-actions .button,
.v-popover-profile .skill-popover-block .popover-actions .button {
  height: 26px;
}
.v-popover-profile .profile-popover-block .popover-actions .popover-icon,
.v-popover-profile .skill-popover-block .popover-actions .popover-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  max-width: 30px;
  margin: 0 2px;
  border-radius: var(--radius-rounded);
  transition: all 0.3s;
  cursor: pointer;
  pointer-events: all !important;
}
.v-popover-profile .profile-popover-block .popover-actions .popover-icon:hover, .v-popover-profile .profile-popover-block .popover-actions .popover-icon:focus,
.v-popover-profile .skill-popover-block .popover-actions .popover-icon:hover,
.v-popover-profile .skill-popover-block .popover-actions .popover-icon:focus {
  background: var(--fade-grey-light-3);
}
.v-popover-profile .profile-popover-block .popover-actions .popover-icon:hover svg, .v-popover-profile .profile-popover-block .popover-actions .popover-icon:focus svg,
.v-popover-profile .skill-popover-block .popover-actions .popover-icon:hover svg,
.v-popover-profile .skill-popover-block .popover-actions .popover-icon:focus svg {
  color: var(--light-text);
}
.v-popover-profile .profile-popover-block .popover-actions .popover-icon svg,
.v-popover-profile .skill-popover-block .popover-actions .popover-icon svg {
  width: 16px;
  height: 16px;
  color: var(--light-text);
}
.v-popover-profile .profile-popover-block .loader-overlay,
.v-popover-profile .skill-popover-block .loader-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.95);
  opacity: 0;
  transition: all 0.3s;
  z-index: 0;
  pointer-events: none;
}
.v-popover-profile .profile-popover-block .loader-overlay.is-active,
.v-popover-profile .skill-popover-block .loader-overlay.is-active {
  opacity: 1;
  z-index: 1;
  pointer-events: all;
}
.v-popover-profile .profile-popover-block .loader-overlay .loader.is-loading,
.v-popover-profile .skill-popover-block .loader-overlay .loader.is-loading {
  height: 24px;
  width: 24px;
  min-height: 24px;
  min-width: 24px;
}
/* ==========================================================================
4. User profile popovers Dark mode
========================================================================== */
.is-dark .tippy-box {
  background: var(--dark-sidebar) !important;
  border-color: var(--dark-sidebar-light-6);
}
.is-dark .tippy-box[data-theme~=light][data-placement^=top] > .tippy-arrow::before {
  border-top-color: var(--dark-sidebar) !important;
}
.is-dark .tippy-box[data-theme~=light][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: var(--dark-sidebar) !important;
}
.is-dark .tippy-box[data-theme~=light][data-placement^=left] > .tippy-arrow::before {
  border-left-color: var(--dark-sidebar) !important;
}
.is-dark .tippy-box[data-theme~=light][data-placement^=right] > .tippy-arrow::before {
  border-right-color: var(--dark-sidebar) !important;
}
.is-dark .tippy-profile {
  background: var(--dark-sidebar) !important;
  border-color: var(--dark-sidebar-light-6);
}
.is-dark .v-popover-profile {
  background: var(--dark-sidebar) !important;
}
.is-dark .v-popover-profile .profile-popover-block .badge {
  border-color: var(--dark-sidebar) !important;
}
.is-dark .v-popover-profile .profile-popover-block .user-meta .username,
.is-dark .v-popover-profile .profile-popover-block .user-meta .skill-name,
.is-dark .v-popover-profile .profile-popover-block .skill-meta .username,
.is-dark .v-popover-profile .profile-popover-block .skill-meta .skill-name {
  color: var(--primary-grey-dark-5);
}
.is-dark .v-popover-profile .profile-popover-block .job-title,
.is-dark .v-popover-profile .profile-popover-block .skill-type {
  color: var(--primary) !important;
}
.is-dark .v-popover-profile .profile-popover-block .popover-actions .popover-icon:hover {
  background: var(--dark-sidebar-light-6) !important;
}
.is-dark .v-popover-profile .profile-popover-block .popover-actions .popover-icon:hover svg {
  color: var(--primary);
}
/*! _theme-switch.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Theme Switch

*/
/* ==========================================================================
1. Theme Switch
========================================================================== */
.dark-mode {
  cursor: pointer;
  transform: translate3d(0, 0, 0);
}
.dark-mode:focus-visible {
  border-radius: 50px;
  outline-offset: 20px;
  outline-width: 2px;
}
.dark-mode input {
  display: none;
}
.dark-mode input + span {
  display: block;
  border-radius: var(--radius-rounded);
  width: 36px;
  height: 36px;
  position: relative;
  box-shadow: inset 16px -16px 0 0 #ffd22e;
  transform: scale(1) rotate(-2deg);
  transition: box-shadow 0.5s ease 0s, transform 0.4s ease 0.1s;
}
.dark-mode input + span::before {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  position: absolute;
  left: 0;
  top: 0;
  backface-visibility: hidden;
  transition: background-color 0.3s ease;
}
.dark-mode input + span::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: var(--radius-rounded);
  margin: -4px 0 0 -4px;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 -23px 0 #ffb62e, 0 23px 0 #ffb62e, 23px 0 0 #ffb62e, -23px 0 0 #ffb62e, 15px 15px 0 #ffb62e, -15px 15px 0 #ffb62e, 15px -15px 0 #ffb62e, -15px -15px 0 #ffb62e;
  transform: scale(0);
  transition: all 0.3s ease;
}
.dark-mode input:checked + span {
  box-shadow: inset 32px -32px 0 0 #ffd22e;
  transform: scale(0.5) rotate(0deg);
  transition: transform 0.3s ease 0.1s, box-shadow 0.2s ease 0s;
}
.dark-mode input:checked + span::before {
  background: #ffb62e;
  backface-visibility: hidden;
  transition: background-color 0.3s ease 0.1s;
}
.dark-mode input:checked + span::after {
  transform: scale(1.5);
  transition: transform 0.5s ease 0.15s;
}
/*! _tabs.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Tabs
    2. Tabs Dark mode
    3. Tab Content
    4. Sliding tabs 2X
    5. Sliding tabs 3X
    6. Sliding tabs Dark mode
*/
/* ==========================================================================
1. Tabs
========================================================================== */
.tabs {
  margin-bottom: 20px;
}
.tabs.is-toggle li:first-child a {
  border-right: none;
}
.tabs.is-toggle li:last-child a {
  border-left: none;
}
.tabs.is-toggle li.is-active a {
  background: var(--primary);
  border-color: var(--primary);
}
.tabs.is-toggle li.is-active a:hover, .tabs.is-toggle li.is-active a:focus {
  color: var(--white);
}
.tabs.is-toggle li a {
  transition: all 0.3s;
}
.tabs.is-toggle li a:hover {
  border-color: #dbdbdb;
}
.tabs li.is-active a {
  border-bottom-color: var(--primary);
  color: var(--primary);
}
.tabs li.is-active a:hover, .tabs li.is-active a:focus {
  border-bottom-color: var(--primary);
  color: var(--primary);
}
.tabs li a {
  font-family: var(--font);
  border-bottom-width: 2px;
  color: var(--placeholder);
  border-bottom-color: transparent;
}
.tabs li a:hover, .tabs li a:focus {
  color: var(--light-text);
  border-bottom-color: transparent;
}
.tabs li a svg {
  height: 16px;
  width: 16px;
  margin-right: 6px;
}
.tabs li a .fas,
.tabs li a .fal,
.tabs li a .far,
.tabs li a .fad,
.tabs li a .fab {
  margin-right: 6px;
}
.tabs li a .lnil,
.tabs li a .lnir {
  font-size: 20px;
  margin-right: 6px;
}
.tabs li a small {
  margin-left: 5px;
}
/* ==========================================================================
2. Tabs Dark mode
========================================================================== */
.is-dark .tabs.is-boxed li.is-active a,
.is-dark .tabs.is-boxed li.is-active a:hover {
  background: var(--dark-sidebar-light-1) !important;
}
.is-dark .tabs.is-boxed li a {
  border-color: var(--dark-sidebar-light-16) !important;
}
.is-dark .tabs.is-boxed li a:hover, .is-dark .tabs.is-boxed li a:focus {
  background: var(--dark-sidebar-light-4) !important;
}
.is-dark .tabs.is-toggle li.is-active a,
.is-dark .tabs.is-toggle li.is-active a:hover {
  background: var(--primary) !important;
  border-color: var(--primary);
  color: var(--white);
}
.is-dark .tabs.is-toggle li a {
  border-color: var(--dark-sidebar-light-16) !important;
}
.is-dark .tabs.is-toggle li a:hover, .is-dark .tabs.is-toggle li a:focus {
  background: var(--dark-sidebar-light-4) !important;
}
.is-dark .tabs ul {
  border-bottom-color: var(--dark-sidebar-light-16);
}
.is-dark .tabs li.is-active a {
  border-bottom-color: var(--primary);
  color: var(--primary);
}
/* ==========================================================================
3. Tab Content
========================================================================== */
.tab-content {
  display: none;
  animation-name: fadeInLeft;
  animation-duration: 0.5s;
}
.tab-content.is-active {
  display: block;
}
.tab-content.is-active.is-spaced {
  margin-top: 10px !important;
}
.tab-content.is-spaced {
  margin-top: 40px;
}
.tab-content.is-spaced-lg {
  margin-top: 40px !important;
}
/* ==========================================================================
4. Sliding tabs 2X
========================================================================== */
.tabs-wrapper.is-slider.is-inverted .tabs,
.tabs-wrapper-alt.is-slider.is-inverted .tabs {
  background: var(--white);
}
.tabs-wrapper.is-slider.is-squared .tabs,
.tabs-wrapper.is-slider.is-squared .tab-naver,
.tabs-wrapper-alt.is-slider.is-squared .tabs,
.tabs-wrapper-alt.is-slider.is-squared .tab-naver {
  border-radius: 8px;
}
.tabs-wrapper.is-slider .tabs,
.tabs-wrapper-alt.is-slider .tabs {
  position: relative;
  background: var(--fade-grey-light-2);
  border: 1px solid var(--fade-grey);
  max-width: 185px;
  height: 35px;
  border-bottom: none;
  border-radius: 500px;
}
.tabs-wrapper.is-slider .tabs ul,
.tabs-wrapper-alt.is-slider .tabs ul {
  border-bottom: none;
}
.tabs-wrapper.is-slider .tabs ul.is-profile li a,
.tabs-wrapper-alt.is-slider .tabs ul.is-profile li a {
  color: var(--smoke-white) !important;
}
.tabs-wrapper.is-slider .tabs ul.is-profile li.is-active a,
.tabs-wrapper-alt.is-slider .tabs ul.is-profile li.is-active a {
  color: var(--dark-text) !important;
}
.tabs-wrapper.is-slider .tabs li,
.tabs-wrapper-alt.is-slider .tabs li {
  width: 50%;
}
.tabs-wrapper.is-slider .tabs li a,
.tabs-wrapper-alt.is-slider .tabs li a {
  color: var(--light-text);
  font-family: var(--font);
  height: 40px;
  border-bottom: none;
  position: relative;
  z-index: 5;
}
.tabs-wrapper.is-slider .tabs li a span,
.tabs-wrapper-alt.is-slider .tabs li a span {
  position: relative;
  top: -1px;
  display: block;
}
.tabs-wrapper.is-slider .tabs li.is-active a,
.tabs-wrapper-alt.is-slider .tabs li.is-active a {
  color: var(--white);
  font-weight: 400;
}
.tabs-wrapper.is-slider .tabs li:first-child.is-active ~ .tab-naver,
.tabs-wrapper-alt.is-slider .tabs li:first-child.is-active ~ .tab-naver {
  margin-left: 0;
}
.tabs-wrapper.is-slider .tabs li:nth-child(2).is-active ~ .tab-naver,
.tabs-wrapper-alt.is-slider .tabs li:nth-child(2).is-active ~ .tab-naver {
  margin-left: 50% !important;
}
.tabs-wrapper.is-slider .tab-naver,
.tabs-wrapper-alt.is-slider .tab-naver {
  left: 0;
  background: var(--primary);
  position: absolute;
  top: 0.5px;
  display: block;
  height: 32px;
  transition: all 0.3s;
  z-index: 4;
  border-radius: 50px;
}
.tabs-wrapper.is-slider .tab-naver.is-profile,
.tabs-wrapper-alt.is-slider .tab-naver.is-profile {
  background: var(--smoke-white) !important;
}
.tabs-wrapper.is-slider .tab-naver.is-active,
.tabs-wrapper-alt.is-slider .tab-naver.is-active {
  margin-left: 50%;
}
/* ==========================================================================
5. Sliding tabs 3X
========================================================================== */
.tabs-wrapper.is-triple-slider.is-inverted .tabs,
.tabs-wrapper-alt.is-triple-slider.is-inverted .tabs {
  background: var(--white);
}
.tabs-wrapper.is-triple-slider.is-squared .tabs,
.tabs-wrapper.is-triple-slider.is-squared .tab-naver,
.tabs-wrapper-alt.is-triple-slider.is-squared .tabs,
.tabs-wrapper-alt.is-triple-slider.is-squared .tab-naver {
  border-radius: 8px;
}
.tabs-wrapper.is-triple-slider .tabs,
.tabs-wrapper-alt.is-triple-slider .tabs {
  position: relative;
  background: var(--fade-grey-light-2);
  border: 1px solid var(--fade-grey);
  max-width: 280px;
  height: 35px;
  border-bottom: none;
  border-radius: 500px;
}
.tabs-wrapper.is-triple-slider .tabs ul,
.tabs-wrapper-alt.is-triple-slider .tabs ul {
  border-bottom: none;
}
.tabs-wrapper.is-triple-slider .tabs ul.is-profile li a,
.tabs-wrapper-alt.is-triple-slider .tabs ul.is-profile li a {
  color: var(--smoke-white) !important;
}
.tabs-wrapper.is-triple-slider .tabs ul.is-profile li.is-active a,
.tabs-wrapper-alt.is-triple-slider .tabs ul.is-profile li.is-active a {
  color: var(--dark-text) !important;
}
.tabs-wrapper.is-triple-slider .tabs li,
.tabs-wrapper-alt.is-triple-slider .tabs li {
  width: 33.3%;
}
.tabs-wrapper.is-triple-slider .tabs li a,
.tabs-wrapper-alt.is-triple-slider .tabs li a {
  color: var(--light-text);
  font-family: var(--font);
  font-weight: 400;
  height: 40px;
  border-bottom: none;
  position: relative;
  z-index: 5;
}
.tabs-wrapper.is-triple-slider .tabs li a span,
.tabs-wrapper-alt.is-triple-slider .tabs li a span {
  position: relative;
  top: -1px;
  display: block;
}
.tabs-wrapper.is-triple-slider .tabs li.is-active a,
.tabs-wrapper-alt.is-triple-slider .tabs li.is-active a {
  color: var(--white);
  font-weight: 400;
}
.tabs-wrapper.is-triple-slider .tabs li:first-child.is-active ~ .tab-naver,
.tabs-wrapper-alt.is-triple-slider .tabs li:first-child.is-active ~ .tab-naver {
  margin-left: 0;
}
.tabs-wrapper.is-triple-slider .tabs li:nth-child(2).is-active ~ .tab-naver,
.tabs-wrapper-alt.is-triple-slider .tabs li:nth-child(2).is-active ~ .tab-naver {
  margin-left: 33% !important;
}
.tabs-wrapper.is-triple-slider .tabs li:nth-child(3).is-active ~ .tab-naver,
.tabs-wrapper-alt.is-triple-slider .tabs li:nth-child(3).is-active ~ .tab-naver {
  margin-left: 66.6%;
}
.tabs-wrapper.is-triple-slider .tab-naver,
.tabs-wrapper-alt.is-triple-slider .tab-naver {
  position: absolute;
  top: 0.5px;
  left: 0;
  display: block;
  width: 33.3% !important;
  background: var(--primary);
  height: 32px;
  transition: all 0.3s;
  z-index: 4;
  border-radius: 50px;
}
.tabs-wrapper.is-triple-slider .tab-naver.is-profile,
.tabs-wrapper-alt.is-triple-slider .tab-naver.is-profile {
  background: var(--smoke-white) !important;
}
.tabs-wrapper.is-triple-slider .tab-naver.is-active,
.tabs-wrapper-alt.is-triple-slider .tab-naver.is-active {
  margin-left: 48%;
}
/* ==========================================================================
6. Sliding tabs Dark mode
========================================================================== */
.is-dark .tabs-wrapper.is-slider.is-inverted .tabs, .is-dark .tabs-wrapper.is-triple-slider.is-inverted .tabs {
  border: 1px solid var(--dark-sidebar-light-16) !important;
  background: var(--dark-sidebar-light-2) !important;
}
.is-dark .tabs-wrapper.is-slider .tabs, .is-dark .tabs-wrapper.is-triple-slider .tabs {
  border: 1px solid var(--dark-sidebar-light-16) !important;
  background: var(--dark-sidebar-light-2) !important;
}
.is-dark .tabs-wrapper.is-slider .tabs .tab-naver, .is-dark .tabs-wrapper.is-triple-slider .tabs .tab-naver {
  background: var(--primary) !important;
}
.is-dark .tabs-wrapper.is-slider .tabs ul, .is-dark .tabs-wrapper.is-triple-slider .tabs ul {
  border: none;
}
.is-dark .tabs-wrapper.is-slider .tabs li.is-active a, .is-dark .tabs-wrapper.is-triple-slider .tabs li.is-active a {
  color: var(--white);
}
/* ==========================================================================
4. Vertical tabs
========================================================================== */
@media only screen and (max-width: 767px) {
  .vertical-tabs-wrapper .tabs ul li.is-active a {
    color: var(--primary);
    border-bottom-color: var(--primary);
  }
  .vertical-tabs-wrapper .tabs ul li a {
    color: var(--light-text);
  }
  .vertical-tabs-wrapper .content-wrap .tab-content {
    padding-top: 12px;
    display: none;
    animation: fadeInLeft 0.5s;
  }
  .vertical-tabs-wrapper .content-wrap .tab-content.is-active {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .vertical-tabs-wrapper {
    display: flex;
  }
  .vertical-tabs-wrapper .tabs {
    min-width: 25%;
    max-width: 25%;
    margin-right: 30px;
  }
  .vertical-tabs-wrapper .tabs ul {
    display: block;
    text-align: left;
    border-bottom-color: transparent !important;
  }
  .vertical-tabs-wrapper .tabs ul li {
    display: block;
  }
  .vertical-tabs-wrapper .tabs ul li.is-active a {
    color: var(--primary);
    border-right-color: var(--primary);
  }
  .vertical-tabs-wrapper .tabs ul li a {
    display: block;
    border-bottom-color: transparent !important;
    border-right: 2px solid #dbdbdb;
    color: var(--light-text);
  }
  .vertical-tabs-wrapper .content-wrap {
    flex-grow: 2;
  }
  .vertical-tabs-wrapper .content-wrap .tab-content {
    display: none;
    animation: fadeInLeft 0.5s;
  }
  .vertical-tabs-wrapper .content-wrap .tab-content.is-active {
    display: block;
  }
}
/*! _table.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Table Pagination
    2. Table Pagination Dark mode
    3. Flex Table Advanced wrapper
    4. Flex Table Advanced wrapper Dark mode
    5. Bulma Table
    6. Bulma Table Dark mode
    7. Media Queries
*/
/* ==========================================================================
1. Table Pagination
========================================================================== */
.flex-pagination {
  padding: 12px 0;
}
.flex-pagination .pagination-next,
.flex-pagination .pagination-previous,
.flex-pagination .pagination-list {
  order: initial;
}
.flex-pagination .pagination-next,
.flex-pagination .pagination-previous {
  background: var(--white);
  min-width: 85px;
}
.flex-pagination .pagination-next.has-chevron,
.flex-pagination .pagination-previous.has-chevron {
  min-width: 55px;
}
.flex-pagination .pagination-next.has-chevron svg,
.flex-pagination .pagination-previous.has-chevron svg {
  height: 16px;
  width: 16px;
  stroke-width: 3px;
  color: var(--primary);
}
.flex-pagination .pagination-next:focus-visible,
.flex-pagination .pagination-previous:focus-visible {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
  border-color: var(--border);
}
.flex-pagination .pagination-list li .pagination-link {
  background: var(--white);
  font-family: var(--font);
  font-size: 0.9em;
}
.flex-pagination .pagination-list li .pagination-link.is-current {
  background: var(--primary);
  border-color: var(--primary);
  box-shadow: var(--primary-box-shadow);
}
.flex-pagination .pagination-list li .pagination-link:focus-visible {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
  border-color: var(--border);
}
/* ==========================================================================
2. Table Pagination Dark mode
========================================================================== */
.is-dark .flex-pagination .pagination-next,
.is-dark .flex-pagination .pagination-previous {
  background: var(--dark-sidebar-light-2);
  border-color: var(--dark-sidebar-light-4);
  color: var(--dark-dark-text);
}
.is-dark .flex-pagination .pagination-next svg,
.is-dark .flex-pagination .pagination-previous svg {
  color: var(--primary);
}
.is-dark .flex-pagination .pagination-list li .pagination-link {
  background: var(--dark-sidebar-light-2);
  border-color: var(--dark-sidebar-light-4);
  color: var(--dark-dark-text);
}
.is-dark .flex-pagination .pagination-list li .pagination-link.is-current {
  background: var(--primary);
  color: var(--smoke-white);
  border-color: var(--primary);
  box-shadow: var(--primary-box-shadow);
}
/* ==========================================================================
7. Bulma Table
========================================================================== */
.demo-table {
  margin-bottom: 3rem;
}
.table.is-striped tr:not(.is-selected):nth-child(even) {
  background: var(--widget-grey-light-1) !important;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
  background: var(--widget-grey-light-1);
}
.table tbody th {
  font-family: var(--font);
  color: var(--dark-text);
}
.table tbody th.is-media {
  width: 40px;
}
.table tbody th.is-end > div {
  display: flex;
  justify-content: flex-end;
}
.table tbody td {
  font-family: var(--font);
  vertical-align: middle;
  color: var(--light-text);
}
.table tbody td.is-media {
  width: 40px;
}
.table tbody td.is-end > div {
  display: flex;
  justify-content: flex-end;
}
.table th {
  font-family: var(--font-alt);
}
.table td {
  font-family: var(--font);
  vertical-align: middle;
}
/* ==========================================================================
6. Bulma Table Dark mode
========================================================================== */
.is-dark .table {
  background: var(--dark-sidebar-light-6);
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .table.is-hoverable tbody tr:not(.is-selected):hover {
  background: var(--dark-sidebar-light-9);
}
.is-dark .table.is-striped tr:not(.is-selected):nth-child(even) {
  background: var(--dark-sidebar-light-9) !important;
}
.is-dark .table tbody th,
.is-dark .table tbody td {
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .table tbody th {
  color: var(--dark-dark-text);
}
.is-dark .table tbody td:first-child {
  color: var(--dark-dark-text);
}
.is-dark .table th,
.is-dark .table td {
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .table th {
  color: var(--dark-dark-text);
}
.is-dark .table td {
  color: var(--dark-dark-text);
}
/* ==========================================================================
7. Media Queries
========================================================================== */
@media (max-width: 767px) {
  .pagination-next.has-chevron,
.pagination-previous.has-chevron {
    min-width: 55px;
    max-width: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .pagination-next.has-chevron,
.pagination-previous.has-chevron {
    min-width: 55px;
    max-width: 55px;
  }

  .pagination-next {
    margin-right: auto;
  }
}
/*! _toasts.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Notyf Toasts
*/
/* ==========================================================================
1. Notyf Toasts
========================================================================== */
.notyf .notyf__toast .notyf__wrapper .notyf__icon .fas,
.notyf .notyf__toast .notyf__wrapper .notyf__icon .fal,
.notyf .notyf__toast .notyf__wrapper .notyf__icon .far,
.notyf .notyf__toast .notyf__wrapper .notyf__icon .fad,
.notyf .notyf__toast .notyf__wrapper .notyf__icon .fab {
  color: var(--white) !important;
  font-size: 1.6rem !important;
}
.notyf .notyf__toast .notyf__wrapper .notyf__message {
  font-family: var(--font);
  color: var(--white) !important;
}
/*! _list-view.scss | Vuero | Css ninja 2020-2021 */
/*
    1. List View Toolbar
    2. List Flex Toolbar
    3. Card grid Toolbar
    4. Tile grid Toolbar
    5. User grid Toolbar
*/
/* ==========================================================================
1. List View Toolbar
========================================================================== */
.list-view-toolbar {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.list-view-toolbar.is-reversed {
  flex-direction: row-reverse;
}
.list-view-toolbar.is-reversed .control {
  margin-right: 0;
  margin-left: auto;
}
.list-view-toolbar.is-reversed .tabs-inner {
  margin-right: 10px;
  margin-left: 0;
}
.list-view-toolbar .field {
  margin-bottom: 0;
}
.list-view-toolbar .control {
  margin-right: 10px;
}
.list-view-toolbar .list-info span {
  font-family: var(--font);
  color: var(--light-text);
}
.list-view-toolbar .buttons {
  margin-left: auto;
  margin-bottom: 0;
}
.list-view-toolbar .buttons .v-button {
  margin-bottom: 0;
}
.list-view-toolbar .tabs-inner {
  margin-left: auto;
}
.list-view-toolbar .tabs-inner .tabs {
  margin-bottom: 0;
  min-width: 170px;
}
@media only screen and (max-width: 767px) {
  .list-view-toolbar .list-info {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .list-view-toolbar {
    padding: 0 10px;
  }
}
/* ==========================================================================
2. List Flex Toolbar
========================================================================== */
.list-flex-toolbar {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.list-flex-toolbar.is-reversed {
  flex-direction: row-reverse;
}
.list-flex-toolbar.is-reversed .control {
  margin-right: 0;
  margin-left: auto;
}
.list-flex-toolbar.is-reversed .tabs-inner {
  margin-right: 10px;
  margin-left: 0;
}
.list-flex-toolbar .field {
  margin-bottom: 0;
}
.list-flex-toolbar .control {
  margin-right: 10px;
}
.list-flex-toolbar .list-info span {
  font-family: var(--font);
  color: var(--light-text);
}
.list-flex-toolbar .buttons {
  margin-left: auto;
  margin-bottom: 0;
}
.list-flex-toolbar .buttons .v-button {
  margin-bottom: 0;
}
.list-flex-toolbar .tabs-inner {
  margin-left: auto;
}
.list-flex-toolbar .tabs-inner .tabs {
  margin-bottom: 0;
  min-width: 170px;
}
/* ==========================================================================
3. Card grid Toolbar
========================================================================== */
.card-grid-toolbar {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.card-grid-toolbar.is-reversed {
  flex-direction: row-reverse;
}
.card-grid-toolbar.is-reversed .control {
  margin-right: 0;
  margin-left: auto;
}
.card-grid-toolbar.is-reversed .tabs-inner {
  margin-right: 10px;
  margin-left: 0;
}
.card-grid-toolbar .field {
  margin-bottom: 0;
}
.card-grid-toolbar .control {
  margin-right: 10px;
}
.card-grid-toolbar .list-info span {
  font-family: var(--font);
  color: var(--light-text);
}
.card-grid-toolbar .buttons {
  margin-left: auto;
  margin-bottom: 0;
}
.card-grid-toolbar .buttons .field {
  min-width: 180px;
}
.card-grid-toolbar .buttons .field,
.card-grid-toolbar .buttons .v-button {
  margin-bottom: 0;
}
.card-grid-toolbar .buttons .field .h-select,
.card-grid-toolbar .buttons .v-button .h-select {
  min-width: 190px;
}
.card-grid-toolbar .tabs-inner {
  margin-left: auto;
}
.card-grid-toolbar .tabs-inner .tabs {
  margin-bottom: 0;
  min-width: 170px;
}
/* ==========================================================================
4. Tile grid Toolbar
========================================================================== */
.tile-grid-toolbar {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.tile-grid-toolbar.is-reversed {
  flex-direction: row-reverse;
}
.tile-grid-toolbar.is-reversed .control {
  margin-right: 0;
  margin-left: auto;
}
.tile-grid-toolbar.is-reversed .tabs-inner {
  margin-right: 10px;
  margin-left: 0;
}
.tile-grid-toolbar .field {
  margin-bottom: 0;
}
.tile-grid-toolbar .control {
  margin-right: 10px;
}
.tile-grid-toolbar .list-info span {
  font-family: var(--font);
  color: var(--light-text);
}
.tile-grid-toolbar .buttons {
  margin-left: auto;
  margin-bottom: 0;
}
.tile-grid-toolbar .buttons .field {
  min-width: 180px;
}
.tile-grid-toolbar .buttons .field,
.tile-grid-toolbar .buttons .v-button {
  margin-bottom: 0;
}
.tile-grid-toolbar .buttons .field .h-select,
.tile-grid-toolbar .buttons .v-button .h-select {
  min-width: 190px;
}
.tile-grid-toolbar .tabs-inner {
  margin-left: auto;
}
.tile-grid-toolbar .tabs-inner .tabs {
  margin-bottom: 0;
  min-width: 170px;
}
/* ==========================================================================
5. User grid Toolbar
========================================================================== */
.user-grid-toolbar {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.user-grid-toolbar.is-reversed {
  flex-direction: row-reverse;
}
.user-grid-toolbar.is-reversed .control {
  margin-right: 0;
  margin-left: auto;
}
.user-grid-toolbar.is-reversed .tabs-inner {
  margin-right: 10px;
  margin-left: 0;
}
.user-grid-toolbar .field {
  margin-bottom: 0;
}
.user-grid-toolbar .control {
  margin-right: 10px;
}
.user-grid-toolbar .list-info span {
  font-family: var(--font);
  color: var(--light-text);
}
.user-grid-toolbar .buttons {
  margin-left: auto;
  margin-bottom: 0;
}
.user-grid-toolbar .buttons .field {
  min-width: 180px;
}
.user-grid-toolbar .buttons .field,
.user-grid-toolbar .buttons .v-button {
  margin-bottom: 0;
}
.user-grid-toolbar .buttons .field .h-select,
.user-grid-toolbar .buttons .v-button .h-select {
  min-width: 190px;
}
.user-grid-toolbar .tabs-inner {
  margin-left: auto;
}
.user-grid-toolbar .tabs-inner .tabs {
  margin-bottom: 0;
  min-width: 170px;
}
/*! _tooltips.scss | Vuero | Css ninja 2020-2021 */
/*
    1. CSS Tooltips
    2. CSS Tooltips Dark mode
*/
/* ==========================================================================
1. CSS Tooltips
========================================================================== */
[class*=hint--] {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
[class*=hint--]:focus-visible {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
[class*=hint--]::before,
[class*=hint--]::after {
  position: absolute;
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transition: 0.3s ease;
  transition-delay: 0ms;
}
[class*=hint--]:hover::before,
[class*=hint--]:hover::after,
[class*=hint--]:focus-visible::before,
[class*=hint--]:focus-visible::after {
  visibility: visible;
  opacity: 1;
}
[class*=hint--]:focus-visible::before,
[class*=hint--]:focus-visible::after,
[class*=hint--]:hover::before,
[class*=hint--]:hover::after {
  transition-delay: 100ms;
}
[class*=hint--]::before {
  content: "";
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  z-index: 1000001;
}
[class*=hint--]::after {
  background: #383838;
  color: white;
  padding: 8px 10px;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 12px;
  white-space: nowrap;
}
[class*=hint--][aria-label]::after {
  content: attr(aria-label);
}
[class*=hint--][data-hint]::after {
  content: attr(data-hint);
}
[aria-label=""]::before,
[aria-label=""]::after,
[data-hint=""]::before,
[data-hint=""]::after {
  display: none !important;
}
.hint--top-left::before {
  border-top-color: #383838;
}
.hint--top-right::before {
  border-top-color: #383838;
}
.hint--top::before {
  border-top-color: #383838;
}
.hint--bottom-left::before {
  border-bottom-color: #383838;
}
.hint--bottom-right::before {
  border-bottom-color: #383838;
}
.hint--bottom::before {
  border-bottom-color: #383838;
}
.hint--left::before {
  border-left-color: #383838;
}
.hint--right::before {
  border-right-color: #383838;
}
.hint--top::before {
  margin-bottom: -11px;
}
.hint--top::before,
.hint--top::after {
  bottom: 100%;
  left: 50%;
}
.hint--top::before {
  left: calc(50% - 6px);
}
.hint--top::after {
  transform: translateX(-50%);
  transform: translateX(-50%);
  transform: translateX(-50%);
}
.hint--top:hover::before,
.hint--top:focus-visible::before {
  transform: translateY(-8px);
  transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--top:hover::after,
.hint--top:focus-visible::after {
  transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px);
}
.hint--bottom::before {
  margin-top: -11px;
}
.hint--bottom::before,
.hint--bottom::after {
  top: 100%;
  left: 50%;
}
.hint--bottom::before {
  left: calc(50% - 6px);
}
.hint--bottom::after {
  transform: translateX(-50%);
  transform: translateX(-50%);
  transform: translateX(-50%);
}
.hint--bottom:hover::before,
.hint--bottom:focus-visible::before {
  transform: translateY(8px);
  transform: translateY(8px);
  transform: translateY(8px);
}
.hint--bottom:hover::after,
.hint--bottom:focus-visible::after {
  transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px);
}
.hint--right::before {
  margin-left: -11px;
  margin-bottom: -6px;
}
.hint--right::after {
  margin-bottom: -14px;
}
.hint--right::before,
.hint--right::after {
  left: 100%;
  bottom: 50%;
}
.hint--right:hover::before,
.hint--right:focus-visible::before {
  transform: translateX(8px);
  transform: translateX(8px);
  transform: translateX(8px);
}
.hint--right:hover::after,
.hint--right:focus-visible::after {
  transform: translateX(8px);
  transform: translateX(8px);
  transform: translateX(8px);
}
.hint--left::before {
  margin-right: -11px;
  margin-bottom: -6px;
}
.hint--left::after {
  margin-bottom: -14px;
}
.hint--left::before,
.hint--left::after {
  right: 100%;
  bottom: 50%;
}
.hint--left:hover::before,
.hint--left:focus-visible::before {
  transform: translateX(-8px);
  transform: translateX(-8px);
  transform: translateX(-8px);
}
.hint--left:hover::after,
.hint--left:focus-visible::after {
  transform: translateX(-8px);
  transform: translateX(-8px);
  transform: translateX(-8px);
}
.hint--top-left::before {
  margin-bottom: -11px;
}
.hint--top-left::before,
.hint--top-left::after {
  bottom: 100%;
  left: 50%;
}
.hint--top-left::before {
  left: calc(50% - 6px);
}
.hint--top-left::after {
  transform: translateX(-100%);
  transform: translateX(-100%);
  transform: translateX(-100%);
}
.hint--top-left::after {
  margin-left: 12px;
}
.hint--top-left:hover::before,
.hint--top-left:focus-visible::before {
  transform: translateY(-8px);
  transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--top-left:hover::after,
.hint--top-left:focus-visible::after {
  transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px);
}
.hint--top-right::before {
  margin-bottom: -11px;
}
.hint--top-right::before,
.hint--top-right::after {
  bottom: 100%;
  left: 50%;
}
.hint--top-right::before {
  left: calc(50% - 6px);
}
.hint--top-right::after {
  transform: translateX(0);
  transform: translateX(0);
  transform: translateX(0);
}
.hint--top-right::after {
  margin-left: -12px;
}
.hint--top-right:hover::before,
.hint--top-right:focus-visible::before {
  transform: translateY(-8px);
  transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--top-right:hover::after,
.hint--top-right:focus-visible::after {
  transform: translateY(-8px);
  transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--bottom-left::before {
  margin-top: -11px;
}
.hint--bottom-left::before,
.hint--bottom-left::after {
  top: 100%;
  left: 50%;
}
.hint--bottom-left::before {
  left: calc(50% - 6px);
}
.hint--bottom-left::after {
  transform: translateX(-100%);
  transform: translateX(-100%);
  transform: translateX(-100%);
}
.hint--bottom-left::after {
  margin-left: 12px;
}
.hint--bottom-left:hover::before,
.hint--bottom-left:focus-visible::before {
  transform: translateY(8px);
  transform: translateY(8px);
  transform: translateY(8px);
}
.hint--bottom-left:hover::after,
.hint--bottom-left:focus-visible::after {
  transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px);
}
.hint--bottom-right::before {
  margin-top: -11px;
}
.hint--bottom-right::before,
.hint--bottom-right::after {
  top: 100%;
  left: 50%;
}
.hint--bottom-right::before {
  left: calc(50% - 6px);
}
.hint--bottom-right::after {
  transform: translateX(0);
  transform: translateX(0);
  transform: translateX(0);
}
.hint--bottom-right::after {
  margin-left: -12px;
}
.hint--bottom-right:hover::before,
.hint--bottom-right:focus-visible::before {
  transform: translateY(8px);
  transform: translateY(8px);
  transform: translateY(8px);
}
.hint--bottom-right:hover::after,
.hint--bottom-right:focus-visible::after {
  transform: translateY(8px);
  transform: translateY(8px);
  transform: translateY(8px);
}
.hint--small::after,
.hint--medium::after,
.hint--large::after {
  white-space: normal;
  line-height: 1.4em;
  word-wrap: break-word;
}
.hint--small::after {
  width: 80px;
}
.hint--medium::after {
  width: 150px;
}
.hint--large::after {
  width: 300px;
}
[class*=hint--] {
  /**
  * tooltip body
  */
}
[class*=hint--]::after {
  box-shadow: var(--light-box-shadow);
}
.hint--primary::after {
  background-color: var(--primary);
}
.hint--primary.hint--top-left::before {
  border-top-color: var(--primary);
}
.hint--primary.hint--top-right::before {
  border-top-color: var(--primary);
}
.hint--primary.hint--top::before {
  border-top-color: var(--primary);
}
.hint--primary.hint--bottom-left::before {
  border-bottom-color: var(--primary);
}
.hint--primary.hint--bottom-right::before {
  border-bottom-color: var(--primary);
}
.hint--primary.hint--bottom::before {
  border-bottom-color: var(--primary);
}
.hint--primary.hint--left::before {
  border-left-color: var(--primary);
}
.hint--primary.hint--right::before {
  border-right-color: var(--primary);
}
.hint--error::after {
  background-color: var(--danger);
}
.hint--error.hint--top-left::before {
  border-top-color: var(--danger);
}
.hint--error.hint--top-right::before {
  border-top-color: var(--danger);
}
.hint--error.hint--top::before {
  border-top-color: var(--danger);
}
.hint--error.hint--bottom-left::before {
  border-bottom-color: var(--danger);
}
.hint--error.hint--bottom-right::before {
  border-bottom-color: var(--danger);
}
.hint--error.hint--bottom::before {
  border-bottom-color: var(--danger);
}
.hint--error.hint--left::before {
  border-left-color: var(--danger);
}
.hint--error.hint--right::before {
  border-right-color: var(--danger);
}
.hint--warning::after {
  background-color: var(--warning);
}
.hint--warning.hint--top-left::before {
  border-top-color: var(--warning);
}
.hint--warning.hint--top-right::before {
  border-top-color: var(--warning);
}
.hint--warning.hint--top::before {
  border-top-color: var(--warning);
}
.hint--warning.hint--bottom-left::before {
  border-bottom-color: var(--warning);
}
.hint--warning.hint--bottom-right::before {
  border-bottom-color: var(--warning);
}
.hint--warning.hint--bottom::before {
  border-bottom-color: var(--warning);
}
.hint--warning.hint--left::before {
  border-left-color: var(--warning);
}
.hint--warning.hint--right::before {
  border-right-color: var(--warning);
}
.hint--info::after {
  background-color: var(--info);
}
.hint--info.hint--top-left::before {
  border-top-color: var(--info);
}
.hint--info.hint--top-right::before {
  border-top-color: var(--info);
}
.hint--info.hint--top::before {
  border-top-color: var(--info);
}
.hint--info.hint--bottom-left::before {
  border-bottom-color: var(--info);
}
.hint--info.hint--bottom-right::before {
  border-bottom-color: var(--info);
}
.hint--info.hint--bottom::before {
  border-bottom-color: var(--info);
}
.hint--info.hint--left::before {
  border-left-color: var(--info);
}
.hint--info.hint--right::before {
  border-right-color: var(--info);
}
.hint--success::after {
  background-color: var(--success);
}
.hint--success.hint--top-left::before {
  border-top-color: var(--success);
}
.hint--success.hint--top-right::before {
  border-top-color: var(--success);
}
.hint--success.hint--top::before {
  border-top-color: var(--success);
}
.hint--success.hint--bottom-left::before {
  border-bottom-color: var(--success);
}
.hint--success.hint--bottom-right::before {
  border-bottom-color: var(--success);
}
.hint--success.hint--bottom::before {
  border-bottom-color: var(--success);
}
.hint--success.hint--left::before {
  border-left-color: var(--success);
}
.hint--success.hint--right::before {
  border-right-color: var(--success);
}
.hint--light::after {
  background-color: var(--white);
  color: var(--dark-text) !important;
  box-shadow: 0 5px 15px 0 rgba(39, 26, 54, 0.15);
}
.hint--light.hint--top-left::before {
  border-top-color: var(--white);
}
.hint--light.hint--top-right::before {
  border-top-color: var(--white);
}
.hint--light.hint--top::before {
  border-top-color: var(--white);
}
.hint--light.hint--bottom-left::before {
  border-bottom-color: var(--white);
}
.hint--light.hint--bottom-right::before {
  border-bottom-color: var(--white);
}
.hint--light.hint--bottom::before {
  border-bottom-color: var(--white);
}
.hint--light.hint--left::before {
  border-left-color: var(--white);
}
.hint--light.hint--right::before {
  border-right-color: var(--white);
}
.hint--bubble::after {
  border-radius: 100px !important;
  font-size: 0.6rem !important;
  text-transform: uppercase !important;
}
.hint--bubble.hint--top-left::before {
  display: none;
}
.hint--bubble.hint--top-right::before {
  display: none;
}
.hint--bubble.hint--top::before {
  display: none;
}
.hint--bubble.hint--bottom-left::before {
  display: none;
}
.hint--bubble.hint--bottom-right::before {
  display: none;
}
.hint--bubble.hint--bottom::before {
  display: none;
}
.hint--bubble.hint--left::before {
  display: none;
}
.hint--bubble.hint--right::before {
  display: none;
}
.hint--always::after,
.hint--always::before {
  opacity: 1;
  visibility: visible;
}
.hint--always.hint--top::before {
  transform: translateY(-8px);
  transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--always.hint--top::after {
  transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px);
}
.hint--always.hint--top-left::before {
  transform: translateY(-8px);
  transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--always.hint--top-left::after {
  transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px);
}
.hint--always.hint--top-right::before {
  transform: translateY(-8px);
  transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--always.hint--top-right::after {
  transform: translateY(-8px);
  transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--always.hint--bottom::before {
  transform: translateY(8px);
  transform: translateY(8px);
  transform: translateY(8px);
}
.hint--always.hint--bottom::after {
  transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px);
}
.hint--always.hint--bottom-left::before {
  transform: translateY(8px);
  transform: translateY(8px);
  transform: translateY(8px);
}
.hint--always.hint--bottom-left::after {
  transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px);
}
.hint--always.hint--bottom-right::before {
  transform: translateY(8px);
  transform: translateY(8px);
  transform: translateY(8px);
}
.hint--always.hint--bottom-right::after {
  transform: translateY(8px);
  transform: translateY(8px);
  transform: translateY(8px);
}
.hint--always.hint--left::before {
  transform: translateX(-8px);
  transform: translateX(-8px);
  transform: translateX(-8px);
}
.hint--always.hint--left::after {
  transform: translateX(-8px);
  transform: translateX(-8px);
  transform: translateX(-8px);
}
.hint--always.hint--right::before {
  transform: translateX(8px);
  transform: translateX(8px);
  transform: translateX(8px);
}
.hint--always.hint--right::after {
  transform: translateX(8px);
  transform: translateX(8px);
  transform: translateX(8px);
}
.hint--rounded::after {
  border-radius: var(--radius);
}
.hint--no-animate::before,
.hint--no-animate::after {
  transition-duration: 0ms;
}
.hint--bounce::before,
.hint--bounce::after {
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}
.hint--no-shadow::before,
.hint--no-shadow::after {
  text-shadow: initial;
  box-shadow: initial;
}
/* ==========================================================================
2. CSS Tooltips Dark mode
========================================================================== */
.is-dark .hint--top-left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::after {
  background: var(--dark-sidebar-dark-4) !important;
}
.is-dark .hint--top-left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::before {
  border-top-color: var(--dark-sidebar-dark-4);
}
.is-dark .hint--top-right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::after {
  background: var(--dark-sidebar-dark-4) !important;
}
.is-dark .hint--top-right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::before {
  border-top-color: var(--dark-sidebar-dark-4);
}
.is-dark .hint--top:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::after {
  background: var(--dark-sidebar-dark-4) !important;
}
.is-dark .hint--top:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::before {
  border-top-color: var(--dark-sidebar-dark-4);
}
.is-dark .hint--bottom-left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::after {
  background: var(--dark-sidebar-dark-4) !important;
}
.is-dark .hint--bottom-left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::before {
  border-bottom-color: var(--dark-sidebar-dark-4);
}
.is-dark .hint--bottom-right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::after {
  background: var(--dark-sidebar-dark-4) !important;
}
.is-dark .hint--bottom-right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::before {
  border-bottom-color: var(--dark-sidebar-dark-4);
}
.is-dark .hint--bottom:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::after {
  background: var(--dark-sidebar-dark-4) !important;
}
.is-dark .hint--bottom:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::before {
  border-bottom-color: var(--dark-sidebar-dark-4);
}
.is-dark .hint--left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::after {
  background: var(--dark-sidebar-dark-4) !important;
}
.is-dark .hint--left:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::before {
  border-left-color: var(--dark-sidebar-dark-4);
}
.is-dark .hint--right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::after {
  background: var(--dark-sidebar-dark-4) !important;
}
.is-dark .hint--right:not(.hint--light):not(.hint--info):not(.hint--success):not(.hint--warning):not(.hint--error):not(.hint--bubble):not(.hint--primary)::before {
  border-right-color: var(--dark-sidebar-dark-4);
}
.is-dark .hint--primary::after {
  background-color: var(--primary);
}
.is-dark .hint--primary.hint--top-left::before {
  border-top-color: var(--primary);
}
.is-dark .hint--primary.hint--top-right::before {
  border-top-color: var(--primary);
}
.is-dark .hint--primary.hint--top::before {
  border-top-color: var(--primary);
}
.is-dark .hint--primary.hint--bottom-left::before {
  border-bottom-color: var(--primary);
}
.is-dark .hint--primary.hint--bottom-right::before {
  border-bottom-color: var(--primary);
}
.is-dark .hint--primary.hint--bottom::before {
  border-bottom-color: var(--primary);
}
.is-dark .hint--primary.hint--left::before {
  border-left-color: var(--primary);
}
.is-dark .hint--primary.hint--right::before {
  border-right-color: var(--primary);
}
.ck-editor {
  /* Overrides the border radius setting in the theme. */
  --ck-border-radius: var(--radius-large);
  /* Overrides the default font size in the theme. */
  --ck-font-size-base: 14px;
  /* Helper variables to avoid duplication in the colors. */
  --ck-custom-background: hsl(270deg 1% 29%);
  --ck-custom-foreground: hsl(255deg 3% 18%);
  --ck-custom-border: hsl(300deg 1% 22%);
  --ck-custom-white: hsl(0deg 0% 100%);
  --ck-color-base-active: var(--primary);
  --ck-color-base-active-focus: var(--primary-dark-10);
  --ck-color-base-focus: var(--primary-dark-10);
  --ck-color-focus-border: var(--primary);
  --ck-focus-ring: 1px solid var(--ck-color-focus-border);
  /* -- Overrides generic colors. ------------------------------------------------------------- */
  --ck-color-base-foreground: var(--ck-custom-background);
  --ck-color-text: hsl(0deg 0% 98%);
  --ck-color-shadow-drop: hsl(0deg 0% 0% / 20%);
  --ck-color-shadow-inner: hsl(0deg 0% 0% / 10%);
  /* -- Overrides the default .ck-button class colors. ---------------------------------------- */
  --ck-color-button-default-background: var(--ck-custom-background);
  --ck-color-button-default-hover-background: hsl(270deg 1% 22%);
  --ck-color-button-default-active-background: hsl(270deg 2% 20%);
  --ck-color-button-default-active-shadow: hsl(270deg 2% 23%);
  --ck-color-button-default-disabled-background: var(--ck-custom-background);
  --ck-color-button-on-background: var(--ck-custom-foreground);
  --ck-color-button-on-hover-background: hsl(255deg 4% 16%);
  --ck-color-button-on-active-background: hsl(255deg 4% 14%);
  --ck-color-button-on-active-shadow: hsl(240deg 3% 19%);
  --ck-color-button-on-disabled-background: var(--ck-custom-foreground);
  --ck-color-button-action-background: hsl(168deg 76% 42%);
  --ck-color-button-action-hover-background: hsl(168deg 76% 38%);
  --ck-color-button-action-active-background: hsl(168deg 76% 36%);
  --ck-color-button-action-active-shadow: hsl(168deg 75% 34%);
  --ck-color-button-action-disabled-background: hsl(168deg 76% 42%);
  --ck-color-button-action-text: var(--ck-custom-white);
  --ck-color-button-save: hsl(120deg 100% 46%);
  --ck-color-button-cancel: hsl(15deg 100% 56%);
  /* -- Overrides the default .ck-dropdown class colors. -------------------------------------- */
  --ck-color-dropdown-panel-background: var(--ck-custom-background);
  --ck-color-dropdown-panel-border: var(--ck-custom-foreground);
  /* -- Overrides the default .ck-splitbutton class colors. ----------------------------------- */
  --ck-color-split-button-hover-background: var(
    --ck-color-button-default-hover-background
  );
  --ck-color-split-button-hover-border: var(--ck-custom-foreground);
  /* -- Overrides the default .ck-input class colors. ----------------------------------------- */
  --ck-color-input-background: var(--ck-custom-background);
  --ck-color-input-border: hsl(257deg 3% 43%);
  --ck-color-input-text: hsl(0deg 0% 98%);
  --ck-color-input-disabled-background: hsl(255deg 4% 21%);
  --ck-color-input-disabled-border: hsl(250deg 3% 38%);
  --ck-color-input-disabled-text: hsl(0deg 0% 78%);
  /* -- Overrides the default .ck-labeled-field-view class colors. ---------------------------- */
  --ck-color-labeled-field-label-background: var(--ck-custom-background);
  /* -- Overrides the default .ck-list class colors. ------------------------------------------ */
  --ck-color-list-background: var(--ck-custom-background);
  --ck-color-list-button-hover-background: var(--ck-color-base-foreground);
  --ck-color-list-button-on-background: var(--ck-color-base-active);
  --ck-color-list-button-on-background-focus: var(--ck-color-base-active-focus);
  --ck-color-list-button-on-text: var(--ck-color-base-background);
  /* -- Overrides the default .ck-balloon-panel class colors. --------------------------------- */
  --ck-color-panel-background: var(--ck-custom-background);
  --ck-color-panel-border: var(--ck-custom-border);
  /* -- Overrides the default .ck-toolbar class colors. --------------------------------------- */
  --ck-color-toolbar-background: var(--ck-custom-background);
  --ck-color-toolbar-border: var(--ck-custom-border);
  /* -- Overrides the default .ck-tooltip class colors. --------------------------------------- */
  --ck-color-tooltip-background: hsl(252deg 7% 14%);
  --ck-color-tooltip-text: hsl(0deg 0% 93%);
  /* -- Overrides the default colors used by the ckeditor5-image package. --------------------- */
  --ck-color-image-caption-background: hsl(0deg 0% 97%);
  --ck-color-image-caption-text: hsl(0deg 0% 20%);
  /* -- Overrides the default colors used by the ckeditor5-widget package. -------------------- */
  --ck-color-widget-blurred-border: hsl(0deg 0% 87%);
  --ck-color-widget-hover-border: hsl(43deg 100% 68%);
  --ck-color-widget-editable-focus-background: var(--ck-custom-white);
  /* -- Overrides the default colors used by the ckeditor5-link package. ---------------------- */
  --ck-color-link-default: hsl(190deg 100% 75%);
}
.ck-editor {
  font-family: var(--font);
}
.ck-editor .ck-labeled-field-view__input-wrapper {
  box-shadow: none !important;
}
.ck-editor .ck-labeled-field-view__input-wrapper .ck-input {
  box-shadow: none !important;
}
.ck-editor .ck-insert-table-dropdown-grid-box.ck-on {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
}
.ck-editor .ck-editor__main .ck-content {
  padding: 0 2rem;
}
.is-dark .ck-editor .ck-editor__main .ck-editor__editable {
  border-color: var(--dark-sidebar-light-12) !important;
}
.is-dark .ck-editor .ck-editor__main .ck-content {
  background: var(--dark-sidebar-light-6) !important;
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .ck-editor figcaption.ck-editor__nested-editable {
  background: var(--dark-sidebar);
  color: var(--light-text);
}
.vacp-color-picker {
  --vacp-focus-color: hsl(
    var(--primary-h) var(--primary-s) var(--primary-l) / 60%
  ) !important;
  --range-slider-focus: hsl(
    var(--primary-grey-h) var(--primary-grey-s) var(--primary-grey-l) / 60%
  ) !important;
  display: flex !important;
  flex-direction: column;
  max-width: 100% !important;
}
.vacp-color-picker.hide-alpha .vacp-range-input-label--alpha,
.vacp-color-picker.hide-alpha [id*=rgb-a],
.vacp-color-picker.hide-alpha [id*=hwb-a],
.vacp-color-picker.hide-alpha [id*=hsl-a] {
  display: none !important;
}
.vacp-color-picker.hide-copy .vacp-copy-button {
  display: none !important;
}
.vacp-color-picker .vacp-format-switch-button {
  border-radius: var(--radius);
}
.vacp-color-picker .vacp-color-inputs {
  align-items: flex-end;
}
.vacp-color-picker .vacp-color-input {
  border-radius: var(--radius);
  border-color: #ccc !important;
}
.vacp-color-picker .vacp-color-input:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 2px var(--vacp-focus-color);
}
.vacp-color-picker .vacp-color-space-thumb {
  box-shadow: 0 0 0 2px #0002;
}
.vacp-color-picker .vacp-range-input {
  border-color: #ccc !important;
  border-radius: var(--radius);
}
.vacp-color-picker .vacp-range-input:focus::-moz-range-track {
  border: 1px solid var(--primary-grey);
  box-shadow: 0 0 0 2px var(--range-slider-focus);
}
.vacp-color-picker .vacp-range-input:focus::-webkit-slider-runnable-track {
  border: 1px solid var(--primary-grey);
  box-shadow: 0 0 0 2px var(--range-slider-focus);
}
.vacp-color-picker .vacp-range-input:focus::-ms-track {
  border: 1px solid var(--primary-grey);
  box-shadow: 0 0 0 2px var(--range-slider-focus);
}
.vacp-color-picker .vacp-range-input::-moz-range-thumb {
  box-sizing: border-box;
  width: var(--vacp-slider-thumb-size);
  height: var(--vacp-slider-thumb-size);
  border: 3px solid #fff;
  border-radius: 50%;
  background-color: transparent;
  box-shadow: 0 0 0 2px #0002;
  transform: rotate(0);
}
.vacp-color-picker .vacp-range-input::-webkit-slider-thumb {
  width: var(--vacp-slider-thumb-size);
  height: var(--vacp-slider-thumb-size);
  margin-top: calc( (var(--vacp-slider-track-height) - var(--vacp-slider-thumb-size)) / 2 );
  border: 3px solid #fff;
  border-radius: 50%;
  background-color: transparent;
  box-shadow: 0 0 0 2px #0002;
  transform: rotate(0);
}
.vacp-color-picker .vacp-range-input::-ms-thumb {
  width: var(--vacp-slider-thumb-size);
  height: var(--vacp-slider-thumb-size);
  margin-top: 0;
  border: 3px solid #fff;
  border-radius: 50%;
  background-color: transparent;
  box-shadow: 0 0 0 2px #0002;
  transform: rotate(0);
}
.is-dark .vacp-color-picker {
  --range-slider-focus: hsl(
    var(--primary-grey-h) var(--primary-grey-s) var(--primary-grey-l) + 10 / 100%
  ) !important;
  background: var(--dark-sidebar-light-6);
}
.is-dark .vacp-color-picker .vacp-color-input {
  background-color: var(--dark-sidebar-light-2);
  border-color: var(--dark-sidebar-light-12) !important;
  color: var(--dark-dark-text);
}
.is-dark .vacp-color-picker .vacp-format-switch-button {
  background-color: var(--dark-sidebar-light-2);
  border-color: var(--dark-sidebar-light-12) !important;
  color: var(--dark-dark-text);
}
.is-dark .vacp-color-picker .vacp-format-switch-button:hover, .is-dark .vacp-color-picker .vacp-format-switch-button:focus {
  background-color: var(--dark-sidebar) !important;
}
.is-dark .vacp-color-picker .vacp-range-input--alpha {
  --vacp-tiled-background-image: linear-gradient(
      45deg,
      var(--dark-sidebar-light-8) 25%,
      transparent 25%,
      transparent 75%,
      var(--dark-sidebar-light-8) 75%,
      var(--dark-sidebar-light-8)
    ),
    linear-gradient(
      45deg,
      var(--dark-sidebar-light-8) 25%,
      transparent 25%,
      transparent 75%,
      var(--dark-sidebar-light-8) 75%,
      var(--dark-sidebar-light-8)
    );
  background-color: var(--dark-sidebar);
  background-image: var(--vacp-tiled-background-image);
}
.is-dark .vacp-color-picker .vacp-range-input {
  border-color: #ccc !important;
  border-radius: var(--radius);
}
.is-dark .vacp-color-picker .vacp-range-input:focus::-moz-range-track {
  border: 1px solid var(--range-slider-focus);
}
.is-dark .vacp-color-picker .vacp-range-input:focus::-webkit-slider-runnable-track {
  border: 1px solid var(--range-slider-focus);
}
.is-dark .vacp-color-picker .vacp-range-input:focus::-ms-track {
  border: 1px solid var(--range-slider-focus);
}
.card-container {
  width: 100%;
  height: 170px;
  padding: 20px 0;
  perspective: 1000px;
}
.card-container.preload * {
  transition: none !important;
}
.card-container .creditcard {
  width: 100%;
  max-width: 260px;
  transform-style: preserve-3d;
  transition: transform 0.6s;
  margin: 0 auto;
  cursor: pointer;
}
.card-container .creditcard.flipped {
  transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.card-container .creditcard .front,
.card-container .creditcard .back {
  position: absolute;
  width: 100%;
  max-width: 260px;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  color: #47525d;
}
.card-container .creditcard .back {
  transform: rotateY(180deg);
}
.card-container .creditcard svg#cardfront,
.card-container .creditcard svg#cardback {
  width: 100%;
  box-shadow: var(--light-box-shadow);
  border-radius: 18px;
}
.card-container .creditcard #cardfront .st2 {
  fill: var(--white);
}
.card-container .creditcard #cardfront .st3 {
  font-family: "Source Code Pro", monospace;
  font-weight: 600;
}
.card-container .creditcard #cardfront .st4 {
  font-size: 54.7817px;
}
.card-container .creditcard #cardfront .st5 {
  font-family: "Source Code Pro", monospace;
  font-weight: 400;
}
.card-container .creditcard #cardfront .st6 {
  font-size: 33.1112px;
}
.card-container .creditcard #cardfront .st7 {
  opacity: 0.6;
  fill: var(--white);
}
.card-container .creditcard #cardfront .st8 {
  font-size: 24px;
}
.card-container .creditcard #cardfront .st9 {
  font-size: 36.5498px;
}
.card-container .creditcard #cardfront .st10 {
  font-family: "Source Code Pro", monospace;
  font-weight: 300;
}
.card-container .creditcard #cardfront .st11 {
  font-size: 16.1716px;
}
.card-container .creditcard #cardfront .st12 {
  fill: #4c4c4c;
}
.card-container .creditcard #cardback .st0 {
  fill: none;
  color: #0f0f0f;
  stroke-miterlimit: 10;
}
.card-container .creditcard #cardback .st2 {
  fill: #111;
}
.card-container .creditcard #cardback .st3 {
  fill: #f2f2f2;
}
.card-container .creditcard #cardback .st4 {
  fill: #d8d2db;
}
.card-container .creditcard #cardback .st5 {
  fill: #c4c4c4;
}
.card-container .creditcard #cardback .st6 {
  font-family: "Source Code Pro", monospace;
  font-weight: 400;
}
.card-container .creditcard #cardback .st7 {
  font-size: 27px;
}
.card-container .creditcard #cardback .st8 {
  opacity: 0.6;
}
.card-container .creditcard #cardback .st9 {
  fill: var(--white);
}
.card-container .creditcard #cardback .st10 {
  font-size: 24px;
}
.card-container .creditcard #cardback .st11 {
  fill: #eaeaea;
}
.card-container .creditcard #cardback .st12 {
  font-family: "Rock Salt", cursive;
}
.card-container .creditcard #cardback .st13 {
  font-size: 37.769px;
}
.card-container .creditcard #svgname {
  text-transform: uppercase;
}
.card-container .creditcard #ccsingle {
  position: absolute;
  right: 15px;
  top: 20px;
}
.card-container .creditcard #ccsingle svg {
  width: 100px;
  max-height: 60px;
}
.card-container .creditcard .lightcolor,
.card-container .creditcard .darkcolor {
  transition: fill 0.5s;
}
.card-container .creditcard .lightblue {
  fill: #03a9f4;
}
.card-container .creditcard .lightbluedark {
  fill: #0288d1;
}
.card-container .creditcard .red {
  fill: #ef5350;
}
.card-container .creditcard .reddark {
  fill: #d32f2f;
}
.card-container .creditcard .purple {
  fill: #ab47bc;
}
.card-container .creditcard .purpledark {
  fill: #7b1fa2;
}
.card-container .creditcard .cyan {
  fill: #26c6da;
}
.card-container .creditcard .cyandark {
  fill: #0097a7;
}
.card-container .creditcard .green {
  fill: #66bb6a;
}
.card-container .creditcard .greendark {
  fill: #388e3c;
}
.card-container .creditcard .lime {
  fill: #d4e157;
}
.card-container .creditcard .limedark {
  fill: #afb42b;
}
.card-container .creditcard .yellow {
  fill: #ffeb3b;
}
.card-container .creditcard .yellowdark {
  fill: #f9a825;
}
.card-container .creditcard .orange {
  fill: #ff9800;
}
.card-container .creditcard .orangedark {
  fill: #ef6c00;
}
.card-container .creditcard .grey {
  fill: #bdbdbd;
}
.card-container .creditcard .greydark {
  fill: #616161;
}
/*! _widgets.scss | Vuero | Css ninja 2020-2021 */
/* ==========================================================================
Stat Widgets
========================================================================== */
/*
    1. Stat Widget Base
*/
/* ==========================================================================
1. Stat Widget Base
========================================================================== */
.stat-widget {
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: var(--white);
  border-radius: 16px;
  border: 1px solid var(--fade-grey-dark-3);
  transition: all 0.3s;
  padding: 30px;
  font-family: var(--font);
}
.stat-widget.has-margin-bottom {
  margin-bottom: 1.5rem;
}
.stat-widget.is-flat {
  box-shadow: none;
}
.stat-widget.is-raised {
  box-shadow: var(--light-box-shadow);
}
.stat-widget.is-primary {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--primary--color-invert);
}
.stat-widget.is-primary .title,
.stat-widget.is-primary .subtitle,
.stat-widget.is-primary h1,
.stat-widget.is-primary h2,
.stat-widget.is-primary h3,
.stat-widget.is-primary h4,
.stat-widget.is-primary p {
  color: var(--smoke-white) !important;
}
.stat-widget.is-secondary {
  background: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.stat-widget.is-secondary .title,
.stat-widget.is-secondary .subtitle,
.stat-widget.is-secondary h1,
.stat-widget.is-secondary h2,
.stat-widget.is-secondary h3,
.stat-widget.is-secondary h4,
.stat-widget.is-secondary p {
  color: var(--smoke-white) !important;
}
.stat-widget.is-info {
  background: var(--info) !important;
  border-color: var(--info) !important;
}
.stat-widget.is-info .title,
.stat-widget.is-info .subtitle,
.stat-widget.is-info h1,
.stat-widget.is-info h2,
.stat-widget.is-info h3,
.stat-widget.is-info h4,
.stat-widget.is-info p {
  color: var(--smoke-white) !important;
}
.stat-widget.is-success {
  background: var(--success) !important;
  border-color: var(--success) !important;
}
.stat-widget.is-success .title,
.stat-widget.is-success .subtitle,
.stat-widget.is-success h1,
.stat-widget.is-success h2,
.stat-widget.is-success h3,
.stat-widget.is-success h4,
.stat-widget.is-success p {
  color: var(--smoke-white) !important;
}
.stat-widget.is-warning {
  background: var(--warning) !important;
  border-color: var(--warning) !important;
}
.stat-widget.is-warning .title,
.stat-widget.is-warning .subtitle,
.stat-widget.is-warning h1,
.stat-widget.is-warning h2,
.stat-widget.is-warning h3,
.stat-widget.is-warning h4,
.stat-widget.is-warning p {
  color: var(--smoke-white) !important;
}
.stat-widget.is-danger {
  background: var(--danger) !important;
  border-color: var(--danger) !important;
}
.stat-widget.is-danger .title,
.stat-widget.is-danger .subtitle,
.stat-widget.is-danger h1,
.stat-widget.is-danger h2,
.stat-widget.is-danger h3,
.stat-widget.is-danger h4,
.stat-widget.is-danger p {
  color: var(--smoke-white) !important;
}
.stat-widget .card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stat-widget .card-head .left,
.stat-widget .card-head .right {
  display: flex;
  align-items: center;
}
.stat-widget .card-head .left .title {
  font-size: 1.2rem;
  font-weight: 500;
}
.stat-widget .card-head .right {
  justify-content: flex-end;
}
.stat-widget .card-inner {
  padding-top: 1.75rem;
}
.stat-widget.is-straight {
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: var(--white);
  border-radius: var(--radius-large);
  border: 1px solid var(--fade-grey-dark-3);
  transition: all 0.3s;
}
.stat-widget.is-straight.has-margin-bottom {
  margin-bottom: 1.5rem;
}
.stat-widget.is-straight.is-flat {
  box-shadow: none;
}
.stat-widget.is-straight.is-raised {
  box-shadow: var(--light-box-shadow);
}
.stat-widget.is-straight.is-primary {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--primary--color-invert);
}
.stat-widget.is-straight.is-primary .title,
.stat-widget.is-straight.is-primary .subtitle,
.stat-widget.is-straight.is-primary h1,
.stat-widget.is-straight.is-primary h2,
.stat-widget.is-straight.is-primary h3,
.stat-widget.is-straight.is-primary h4,
.stat-widget.is-straight.is-primary p {
  color: var(--smoke-white) !important;
}
.stat-widget.is-straight.is-secondary {
  background: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.stat-widget.is-straight.is-secondary .title,
.stat-widget.is-straight.is-secondary .subtitle,
.stat-widget.is-straight.is-secondary h1,
.stat-widget.is-straight.is-secondary h2,
.stat-widget.is-straight.is-secondary h3,
.stat-widget.is-straight.is-secondary h4,
.stat-widget.is-straight.is-secondary p {
  color: var(--smoke-white) !important;
}
.stat-widget.is-straight.is-info {
  background: var(--info) !important;
  border-color: var(--info) !important;
}
.stat-widget.is-straight.is-info .title,
.stat-widget.is-straight.is-info .subtitle,
.stat-widget.is-straight.is-info h1,
.stat-widget.is-straight.is-info h2,
.stat-widget.is-straight.is-info h3,
.stat-widget.is-straight.is-info h4,
.stat-widget.is-straight.is-info p {
  color: var(--smoke-white) !important;
}
.stat-widget.is-straight.is-success {
  background: var(--success) !important;
  border-color: var(--success) !important;
}
.stat-widget.is-straight.is-success .title,
.stat-widget.is-straight.is-success .subtitle,
.stat-widget.is-straight.is-success h1,
.stat-widget.is-straight.is-success h2,
.stat-widget.is-straight.is-success h3,
.stat-widget.is-straight.is-success h4,
.stat-widget.is-straight.is-success p {
  color: var(--smoke-white) !important;
}
.stat-widget.is-straight.is-warning {
  background: var(--warning) !important;
  border-color: var(--warning) !important;
}
.stat-widget.is-straight.is-warning .title,
.stat-widget.is-straight.is-warning .subtitle,
.stat-widget.is-straight.is-warning h1,
.stat-widget.is-straight.is-warning h2,
.stat-widget.is-straight.is-warning h3,
.stat-widget.is-straight.is-warning h4,
.stat-widget.is-straight.is-warning p {
  color: var(--smoke-white) !important;
}
.stat-widget.is-straight.is-danger {
  background: var(--danger) !important;
  border-color: var(--danger) !important;
}
.stat-widget.is-straight.is-danger .title,
.stat-widget.is-straight.is-danger .subtitle,
.stat-widget.is-straight.is-danger h1,
.stat-widget.is-straight.is-danger h2,
.stat-widget.is-straight.is-danger h3,
.stat-widget.is-straight.is-danger h4,
.stat-widget.is-straight.is-danger p {
  color: var(--smoke-white) !important;
}
.stat-widget.is-straight .card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stat-widget.is-straight .card-head .left,
.stat-widget.is-straight .card-head .right {
  display: flex;
  align-items: center;
}
.stat-widget.is-straight .card-head .left .title {
  font-size: 1.2rem;
  font-weight: 500;
}
.stat-widget.is-straight .card-head .right {
  justify-content: flex-end;
}
.stat-widget.is-straight .card-inner {
  padding-top: 1.75rem;
}
.stat-widget .widget-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  margin-bottom: 10px;
}
.stat-widget .widget-head h3 {
  font-family: var(--font-alt);
  font-size: 1rem;
  font-weight: 600;
  color: var(--dark-text);
}
.stat-widget .inner-list {
  padding: 10px 0;
}
.stat-widget .inner-list .inner-list-item + .inner-list-item {
  margin-top: 24px;
}
.is-dark .stat-widget {
  background: var(--dark-sidebar-light-6);
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .stat-widget .v-avatar img {
  border-color: var(--dark-sidebar-light-6) !important;
}
.is-dark .stat-widget .avatar-stack .v-avatar {
  border-color: var(--dark-sidebar-light-6) !important;
}
.is-dark .stat-widget .avatar-stack .v-avatar .avatar.is-more .inner {
  border-color: var(--dark-sidebar-light-6) !important;
}
/*! _layout-selector.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Layout Selector
    2. Layout Selector Dark mode
*/
/* ==========================================================================
1. Layout Selector
========================================================================== */
.layout-selector {
  min-height: 340px;
  max-height: 340px;
  overflow-y: auto;
  overflow-x: hidden;
}
.layout-selector .layout-item {
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
}
.layout-selector .layout-item:hover img, .layout-selector .layout-item:focus img {
  filter: grayscale(0);
  opacity: 1;
}
.layout-selector .layout-item.is-active {
  pointer-events: none;
}
.layout-selector .layout-item.is-active img {
  filter: grayscale(0);
  opacity: 1;
}
.layout-selector .layout-item.is-active .indicator {
  opacity: 1;
}
.layout-selector .layout-item .indicator {
  position: absolute;
  top: 0;
  right: 36px;
  background: var(--primary);
  border: 4px solid var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border-radius: var(--radius-rounded);
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
  color: var(--white);
}
.layout-selector .layout-item .indicator svg,
.layout-selector .layout-item .indicator .iconify {
  color: var(--white);
  height: 13px;
  width: 13px;
}
.layout-selector .layout-item .indicator svg *,
.layout-selector .layout-item .indicator .iconify * {
  stroke-width: 3px;
}
.layout-selector .layout-item img {
  max-width: 150px;
  margin: 0 auto;
  filter: grayscale(1);
  opacity: 0.6;
  transition: all 0.3s;
}
.layout-selector .layout-item h3 {
  font-family: var(--font-alt);
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--dark-text);
}
.layout-selector .layout-item p {
  font-size: 0.9rem;
}
/* ==========================================================================
1. Layout Selector Dark Mode
========================================================================== */
.is-dark .layout-selector .layout-item.is-active .indicator {
  border-color: var(--dark-sidebar-light-6) !important;
}
.is-dark .layout-selector .layout-item h3 {
  color: var(--dark-dark-text);
}
/*
  0. Global
  1. Button
  2. Form
    2.1 Select
    2.2 Input Text
    2.3 Textarea
    2.4 File
  3. Flex
  4. Margin
  5. Align
  6. Icon
  7. Vertical Bar
*/
/* 0. Global */
button {
  cursor: pointer;
  appearance: none;
  border: 0;
  background: none;
  color: inherit;
  padding: 0;
}
/* 1. Button */
[class*=btn-] {
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 12px;
  cursor: pointer;
}
/* 2. Form */
/* 2.1 Select */
[class*=sel-type] {
  position: relative;
  width: 100%;
  font-family: var(--font);
  width: 100%;
}
[class*=sel-type] select {
  border-radius: var(--ms-radius, 4px);
  width: 100%;
  min-height: calc( 2 * var(--ms-border-width, 1px) + var(--ms-font-size, 1rem) * var(--ms-line-height, 1.375) + 2 * var(--ms-py, 0.5rem) );
  font-size: var(--ms-font-size, 1rem);
}
[class*=sel-type] select:disabled {
  border: var(--ms-border-width, 1px) solid var(--ms-border-color, #d1d5db);
}
.is-dark [class*=sel-type] select {
  background-color: var(--dark-sidebar-light-2);
  border: 1px solid var(--dark-sidebar-light-10);
  color: var(--dark-dark-text);
}
/* 2.2 Input Text */
[class*=inp-type] input[type=text],
[class*=inp-type] input[type=password] {
  background-color: var(--white);
  border: 0;
  border-radius: var(--radius);
  height: 38px;
  transition: all 0.3s;
  width: 100%;
  padding: calc(0.5em - 1px) calc(0.75em - 1px);
  color: #363636;
}
[class*=inp-type] input[type=text]:focus,
[class*=inp-type] input[type=password]:focus {
  border-radius: 4px;
}
[class*=inp-type] input[type=text]:disabled {
  background-color: whitesmoke;
  border-color: whitesmoke;
  cursor: not-allowed;
  color: #7a7a7a;
}
.is-dark [class*=inp-type] input[type=text],
.is-dark [class*=inp-type] input[type=password] {
  background-color: var(--dark-sidebar-light-2);
  color: var(--dark-dark-text);
}
/* 2.3. Textarea */
[class*=ta-type] {
  position: relative;
}
[class*=ta-type] input {
  width: 100%;
  resize: none;
}
/* 2.4 Input File */
[class*=inp-file] {
  position: relative;
}
[class*=inp-file] input[type=file] {
  position: absolute;
  left: -1000em;
}
/* 3. Flex */
[class*=fx-] {
  display: flex;
}
.fx-row {
  flex-direction: column;
}
.fx-1 {
  flex: 1;
}
.fx-1 > * {
  flex: 1;
}
.fx-aic {
  align-items: center;
}
.fx-jcc {
  justify-content: center;
}
.fx-jcsb {
  justify-content: space-between;
}
.fx-gap1 {
  gap: 5px;
}
.fx-gap2 {
  gap: 10px;
}
.fx-gap3 {
  gap: 15px;
}
.fx-gap4 {
  gap: 20px;
}
.fx-gap5 {
  gap: 25px;
}
.fx-gap6 {
  gap: 30px;
}
.fx-gap7 {
  gap: 35px;
}
.fx-gap8 {
  gap: 40px;
}
.fx-gap9 {
  gap: 45px;
}
.fx-gap10 {
  gap: 50px;
}
/* 4. Margin */
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt35 {
  margin-top: 35px;
}
.mt40 {
  margin-top: 40px;
}
.mt45 {
  margin-top: 45px;
}
.mt50 {
  margin-top: 50px;
}
.mt55 {
  margin-top: 55px;
}
.mt60 {
  margin-top: 60px;
}
.mt65 {
  margin-top: 65px;
}
.mt70 {
  margin-top: 70px;
}
.mt75 {
  margin-top: 75px;
}
.mt80 {
  margin-top: 80px;
}
.mt85 {
  margin-top: 85px;
}
.mt90 {
  margin-top: 90px;
}
.mt95 {
  margin-top: 95px;
}
.mt100 {
  margin-top: 100px;
}
/* 5. Align */
.ac {
  text-align: center;
}
/* 6. Icon */
[class*=ic-] {
  appearance: none;
  background: none;
  border: 0;
  line-height: 1;
}
[class*=ic-]:before {
  content: "";
  display: inline-block;
}
[class*=ic-form-]:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTI3QUFERjEwMEIxMTFFOEIyN0NBQkI5NjhDNEMzNzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTI3QUFERjAwMEIxMTFFOEIyN0NBQkI5NjhDNEMzNzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEFEQkU5RkIwMEEyMTFFODg4OUM4MzAyRkM4QzJBQjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEFEQkU5RkMwMEEyMTFFODg4OUM4MzAyRkM4QzJBQjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5B9QDaAAAJkUlEQVR42uxdC4wV1Rk+F9AoJdZVFEFp1ETEKlVpNLIsLMuyqy5EDCgS0SqujRUViK2rxqi02lbXR9QmNlGMvBRxYavoLr5ahGV3rY2gRSuY+AqJQoXaBtR2dbn+395v9HSce5m5c+bemfF8yZd755yZMzPnm/88/v/MvZkRI0Y8oZT6Y1NT0zrlQnNzc7V8XCl5M7Hd2NiookQmk9nXLv2E92BX4bXCvYV2zmazhbL77lu4ziOv776FM1WJgRtsFi6Ryq9ziYHtpcyPAw5gJc4XzhM+ybRi0cz7q3Oll/W++8nTv1E+JwsfFhEmU4y+bWED88uNQ4QvCM/X0qYLX2JeMcB9TXHuk2kN3J7C/JIjs3DhQsciRsrHGuFK4XnCs0WMLfrOZWqyjha2C0/Ic9jbrMgPAjZZDpz7XiG8APct3FKuJ6+f84WVD3M9A59uMcqE0cJuTYyvhD8nv2LaCdxndJHncO57LD/Let/fWIgfFGEhleqNZdeoZ688UN20+9yAFnKWsEU4iNt7+AS3a83LClc+mrTnAlpIrNAvgjIPFM4WvqY+XN+p2uacpXr23B6wjMuEz2iVvUNYo4mh+B1p27k9iMdcppIMPEVG+Pflw+TzTuHOLPD+2mz29h/syt6ifuq3DA5nF+CyNG4VHlvgFo5hM6MfgzIyxu6thDRX2IL+L2Zfe6RPi+y7L0GMnSLGqYEuJjfC0Su2U3ioz1HYBtexDydREHNN1t7eS9Tqy7eq9rlKLZ/6ier5bJL6dXZTwFJeZWUCrcJJwl0+jvsXO+RWx/CFf0tii5U5sWpK4IPe7HjGO+PWzFB2tFeJGJuLHPbeIBzKmXhvwCL6C+8Vfiy8I4mdul9B0HlezclYfkEsQmOAj30uxNPmiGER/bD3dJq6F64X3iKckNQ2OYkWAkfdfsJZwi+1tvgB4Smcwe6yVVU6C/kZ3RDojPcXDhSuEh4RYJRjYVAQjGQuFu7msPEvwg+FM4Rf2Coqj+ukl+6O7fQfzStiyGlheJSF6Nvl5bqQ1tZW42VOmzYtsRZiERcLMTnJ631wFgYFdwkvUjlHIUKh1/Wf81hPgGJGc7Y9U33ryfWLYcLlwrnCN5Lch5hCMysDzr4Kfv9NwDLuVLlFBlh88KMAxx0t7BCOF/4usRbS3t4e+KCGhoZ8WRd7pCG6d0OA4hE+flZYRVFqhe/t45gRwhcp4DpVhtUipbaQGs5NSoH/qFy08M/aUz+ywP4natb0vMpFEnenWRD4sharnD9rX1jqkbawiOv6TOVWfrSxX0CFn5ynv3mZk9inhecIP0/6PMSkL6uJLpdPSXy/uchr+y9GrrTMwzlhPU3LH0MrGqxy67UQT+9RCYdRXxZHU/NIE0B5WNiwiCM3rMOazOt2Yu6Psp9KxURW92XhKYujLwsVfYnwIeFB7CfaKMaDwsY0eRV0X9YeChFHXxa8CL8Q3s8HZiDnOwiaZVWKMEB7CmfzKUQneU8MrxUVP5+dNpqyBWmcqWeSGHdOM6wgVhALK8j3TZBi/GF+kM9nFsX5CvjnYuc6sSjDsNfk0NSY9cbwfNELMvzpJ4s+eNvUGVHdWLbEFRmbjjRIk3Uo3RajbMNSfkEQa8By/3rhfbbaohdkYIF9fkwxECSCCz5oNA6r4GflyUOs5a0S3/PvVS7e8tu4CoI4wruseDcQc0DEbrjKxR4QTv0k4DnwEs7refJeZ34pMZ8P4Py4CoIYNlzt8PLqrx4j7uC8B45lpsWGRh8oYAX/iKgJRBgBC/6O8siDl/jfKp4O1D5B4HpfLRxCUY5n2p/4JP2BTUuSonF38EFr05rjGzkgQQS0gp+xFKSHzVYbLaVL5WLo+/GisZRnb8jzbFP///6fw20R3NN0rTn6icqt08JSJCwNas9jNbHr1CEK4tdr2ERBgCuEtxk6zy/Vd6N6vUw3ieOEj7jmJlj44MT1j3JZTayHvY4oq2kxDxk8D2afdRwg/I9WOIHppjCQ5f1wH/s5VtM/Ca4TrPSYGtG51pJRAX3dKT73PYf7z4m7IElGI5loDMjjj7IolyBdXV1FH1xZWemVXGpHXaoibKadixmD9INSny9yZDo7O/3s5yxkHsnJY20BC7EwYCFROhctAgoStXPRIqAgUTsXLQIKkkbnYnKHvepb52IrrQLj4AqOPOBcvM1WU+ln6o4f6ymV+5nUXroVAvuz9lx7jFcyXsScy+bRAV51uHTQve9f5LfslpaW76Sd3d2Efm12kHKSIIguCvqLRWyyTABitLjEQCUucaUFhoiBdx+XqRT9dJR7Yug4F02JMU4To0MTYxnTukKIgVen4bU9b82Y5q60CBKlcxFirGT/5IgxUXuiw4gBq4OrfbqI0alShAERzbZ1MdZrYjxmwDK+sToRY0NaO/UoxJihiYG2/nFaRmcIMaocoUWMjjS7TkwCIVSsJNH/lwMd+N1hxNDLFjHWp3liaBp4YxavRZ+ppWFieR2brTC4FMNnsZR6K4h/dHP4vEgTpYN9x3I2X0VBLKObzd5iEaXu+yLIKFbqSSHK7WLFQZR6lygrQorSxXKWclKYakGOVLlf1cF/iOAfbYYZEGWJS5TpFGVCCFE6KcrjnBymUhB4fOFih5MRPxgwVNsOIwqar8UeloJ5RHUIUTZQ3Cc4SUyVIIex8uHp/Ss/EYxCUAou+MEhRYEAV2hp65kW6jdRKArKmZsWQfDS5yEUA2uaNnEkhMXIFUw/lelorz9VFpELgj4Dntc32dnu1PJhGWvZwb/gGspaRCQIRlX40Um4r3d47IM+BP4n/H3EZltl0Qtia8EKYlHKmboX4C5f6UqbxKYwLGoNlRMPlOCPrsYLdwjHaWm1wo+ElSHLrhF+bKCcFP5LmzfH5RHDRCVWC7cLx6ZFjKgFccQYr6VNNCSGY3VVaRIjSkEKiTE2AquzgviosGpXW2+ieanyEDp1gozCbF04JM9OQ5g/ymeh7whvdKVtE/7KwAVv9Sg7dYI8n/u/1Oxm4WDXDoOZnqUofgodQ2s408NqJoa84DFs9urTLEiFcCMrfSO3kX6wlr4JTsgABVey4rxEqQl50U7ZdWnuQ3RLeFU4XPgKt98SHhai4updovzTgChjaYW1ae7U0Ve8TRE+5+cW4REhn+bteUSZYKiDr0nzKGsYZ9BZVuSRBk7iZSnjKUq1IVGq0zzsPUnYHWBU5beJWeUxuWs1NMxelRZBrLfXut8trCBWEAsriBXEwgpiBbGwglhBrCBWEIu8+FqAAQBMTI3GnqFRhQAAAABJRU5ErkJggg==");
}
[class*=ic-common-]:before {
  background-image: url("/assets/icon-common.b0c4cf06.png");
  background-size: 57px 65px;
}
i {
  background-image: url("/assets/icon-mobile.055767f6.png");
  background-size: 250px 250px;
}
i.remove {
  margin: 5px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-position: 0 -17px;
  position: absolute;
  right: 0;
  top: 0;
}
i.bView {
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
  width: 17px;
  height: 11px;
  background-position: -38px -3px;
}
i.bFire {
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
  width: 11px;
  height: 15px;
  background-position: -38px -169px;
  margin-left: 10px;
}
i.bFire.is-active {
  background-position: -54px -169px;
}
i.bShare {
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
  width: 11px;
  height: 15px;
  background-position: -90px -1px;
  margin-left: 10px;
}
i.down {
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
  width: 17px;
  height: 13px;
  background-position: -101px -76px;
  margin-right: 15px;
}
.bView__text,
.bFire__text,
.bShare__text {
  color: #dadbf7;
  cursor: pointer;
}
.attached_cts {
  position: relative;
  display: inline-block;
  margin: 10px 0 10px 10px;
}
.attached_cts img {
  width: 80px;
  height: 80px;
}
.attached_list {
  position: relative;
  display: inline-block;
  width: 100%;
}
.attached_list li {
  position: relative;
  text-align: center;
  float: left;
  padding: 10px;
  border-bottom: 0;
}
/* 7. Vertical Bar */
[class*=vbar-] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  font-size: 11px;
}
[class*=vbar-] > * {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
[class*=vbar-] > * + *:before {
  content: "";
  display: inline-block;
  background: #b0b0b0;
  width: 1px;
  height: 14px;
}
/* 8. Title */
[class*=tit-] {
  font-weight: 500;
}
.tit-01 {
  margin-top: 30px;
  font-size: 24px;
}
.foot {
  position: sticky;
  left: 0;
  bottom: 0;
  display: flex;
  background: #1f2438;
  height: 16.67vw;
  font-size: 2.78vw;
}
.foot > * {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 3.33vw 0;
  text-decoration: none;
  opacity: 0.5;
  color: white;
}
.foot > *:hover {
  opacity: 1;
}
.foot > *:before {
  content: "";
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.foot > *:nth-child(1):before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAtCAYAAADYxvnjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcyMDQ2RjQxQUMxNjExRUQ4NjE3RUFEMjM5QkY2RjYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjcyMDQ2RjQyQUMxNjExRUQ4NjE3RUFEMjM5QkY2RjYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzIwNDZGM0ZBQzE2MTFFRDg2MTdFQUQyMzlCRjZGNjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzIwNDZGNDBBQzE2MTFFRDg2MTdFQUQyMzlCRjZGNjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4P5xOkAAAB0ElEQVR42uyXvWoCQRRGR0ME06QyhJAqWKSxtrGyEALiCyhYWyZY+AIJprC2kqTxAfQBLMTGTrGIhaWk0CoEAlHD5E64F4ZLNKvOuhOYDw7KrPPdgz/rrpBSCkPcAD1gifRwzUi/KcmKXJ+KLaJVJvaO6KkGKRoCakyoAUSRBjtWwz0HFVUD60ykzkS8vMZX0SPgmQk8rhEI4TE9T9jhq6ga0GSD7z3se2B7mtvKbiMZAVp7/KL5maGFnUZFT4A2G3S7w9fmjnW0sduIqCrqsAGlPc4WJdbV8SL7V+kp0NVKv4CigXNvEbsoXZy1k6ja2NfKVkDe4F9uHjsp/U2y60piwFArWQA5g5JEDrspQ5ztSfQcGGmbP4CsD5JEFmdQRuiwUfQSmDDJtI+SRJrJTtDlV9E4k3wDUgeQJFI4U5eNc9ErYMokkweUJJJMdopuP6LqSmesHZwDiQAkiQQ6UJRbVB0oa4uzgCV12ZnmVVaLA20hY4EkkdG8Buoy7FMIEQHmwJmwKzMgBizCKKnyKuwLOUXC4p/EiTpRJ+pEnagTdaJO1Ik6USfqRAOIuguV+Hxp4Q3eBXBMoi/weG35GzpWH30BGADSQkGJboVvAQYAnCuEyY2fmB4AAAAASUVORK5CYII=");
  width: 5.83vw;
  height: 6.25vw;
}
.foot > *:nth-child(2):before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAjCAYAAAAJ+yOQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI0RTBCNDc5QUMxOTExRURBMzM2QTYwNkUzMkU3Q0UzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI0RTBCNDdBQUMxOTExRURBMzM2QTYwNkUzMkU3Q0UzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjRFMEI0NzdBQzE5MTFFREEzMzZBNjA2RTMyRTdDRTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjRFMEI0NzhBQzE5MTFFREEzMzZBNjA2RTMyRTdDRTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5x6Bm/AAAArElEQVR42uzYMQrCUBAE0E00heQAni6lTa4TkJCAiBY5Ww4gFgn5ziC/8gITmYWBLR/LFssWKaUuIlqkDL3akGsB5ILmGLq1cnpTaNfESbI5IydB4BuZM1K6ythBGWmkkUYa+QfIfP3USCXo44X2InJALsKDHHlgrGgOwsiFO3kTX8l7PtWkd9L3pJFGGmmkkUb+3JPSvyAiH0gjPMjnbv6TfXw/qopFV/8RYADjLjGmGH7pTAAAAABJRU5ErkJggg==");
  width: 5.69vw;
  height: 4.86vw;
}
.foot > *:nth-child(3):before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJEODhFM0FFQUMxOTExRUQ4OTdERDU2RjA2OEY4RUMwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJEODhFM0FGQUMxOTExRUQ4OTdERDU2RjA2OEY4RUMwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkQ4OEUzQUNBQzE5MTFFRDg5N0RENTZGMDY4RjhFQzAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkQ4OEUzQURBQzE5MTFFRDg5N0RENTZGMDY4RjhFQzAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4by83+AAAC4klEQVR42syYP2gUQRTG9/4EEj2MBEM8sbAxQYNamEAaOSUeahWIlRYGAtoFG8HKJkW61KaIjRASJIViIygXTQq7GAJ2QQhnIogHOc/jiHK3fgNv4eWxezuzmx3ywY+b2dvZ+ebPzr6ZlOu6joE6wE0wCoZAP+gFWdACFbAF1sEKeAfqTlQpcxrkwSz45ZrpD5gHA5r1HCDshk4wDRpuPLXAHOgxMZdqM6yD4BW4KK7/Bm9BCWyCMtinIT9D5QpgDPSJsj/APfApzrCOgqpo/TfwEHRptjwLxsGGeM4/MBF1WJWxv+xhTTBDQ+xEIA2mfKbGpKm5QdFjKl2MaEpyCZRFo4u65lTPfBXGrh6SMY+zYJvV8ROc1jE3bdKqGKhlpcbqWgwzlxdzYiYhYx4TYv6NtDM3K97KzoTNqSVsldX5Jshch1j5HyVszOO6mEZ5P3N3xEvQZcmcI17Ax/L/NH3EPamVv+HY0xJL35B/pim68FRy7OojSw/7metn+U3L5nh96ruck+Z6Wb5s2VyVAglPp6S5LMvvO/ZVY+kT0lxLRLq2lRPh2AFzFTHuNnUMdLP8njS3JQJMm7rA0hU/c+ssX7Bsjq9tX/yWkhWWHxMvSNK6y9If/ML047RL8jRu6dN1RUQm54Oiknl20waF1kmbW2Z1rrULmQZo++ZpKmFjt0Sv3Q6LhOfYzQ2K+ZMw1gd2WV0lnTC9RxQqU8x/mMbUfmGH1VFvdxogLxRoX+lpO+pRQkCP7ZhsD3Xi+xpdS8WcY7s+xxQLIGN6VjJJoTPXKoXWpsvFcsg5SqDBdg8u0r5SSoXWz8A10C3KqDVzCDwBn33K1qnhCzoGdSbwYkjLqzSX9kLuK7H5m9ExqDs8I7R9a0Y4/loLWMdCDZpO7Dztkl6D7wFm1DbzPXjq90kyMRh3eciBc+Ay/Z6M8IxAgynDM+GklAEvwX127cVRMednsJl2jo6a4IHqMUo//y/AAL+6I1hQSYDmAAAAAElFTkSuQmCC");
  width: 5.42vw;
  height: 5.42vw;
}
.foot > *:nth-child(4):before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAArCAYAAAAUo/pwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM2REQ4NDY0QUMxOTExRUQ4N0FEQzIxRDZFQjZFN0Y1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM2REQ4NDY1QUMxOTExRUQ4N0FEQzIxRDZFQjZFN0Y1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzZERDg0NjJBQzE5MTFFRDg3QURDMjFENkVCNkU3RjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzZERDg0NjNBQzE5MTFFRDg3QURDMjFENkVCNkU3RjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6VKorRAAADFklEQVR42syYS2hTQRSGk9ukFEm0tI2PRhQfi+ITRLo1+H4s3FsUgq58IDZUcFO6cq0oKRR8gIJbkQolgkRxqRYasYKVFkUNtIqSqqUtuf4D54bjIe3NnTu38cAXTiZzZv7cSc6cmbBt2yFNS4KT4CDYCVqo/RsYBjlwDxS1RlfCPNIMboBZ291Un+sg7nUer6K2g3Hbu30AW4ISpkT9FBO+BZfAVhAjVL8MeCf6TnoR52X5+JP6A86ChkViIuCCWPIxsNyksJtC1F4PT3q/EHfNlLC1YuBzGn+YbhY/A1aZEHZF/KYiGsKi4D0bp9stxqohoxxg/h0wr5GV5sBd9v6QW0AtwnYw/0lI33jsNhPCWpn/2YewT8xfaUIYtwYfwqLMnzchjD+lTT6EbWR+0YSwYeYf9SHsGPNfmRA2yPwzIKYhqhmk2fvHJqqLFeCH18wtyLL4KdpTjWxJl8WGfN6DqB4Re9HkXqmy/QsxwW2wZpGYdnBfxORdNv4KYQ8VbAI8FcnxF3hE1epHEAbrqao9DppY3zdgD/geRAXbAoY0CsVB+q0GVsEq1FM+RbWVm6k+JyjG0zxhH4cRi5bmCC3vamr/CgpgCDwHZZ3B/QgL1KzQf2omhcU0d4WqFtGI2UzpYDfVausolXCbpPQxAl5SOhkL4sDbRtl/1Na3URqjzUS6UCfoq2DaNmfTNGZcN10cBrdAu2ifAXnwDLwG41Sz/abPl9G9xgawi1JKSuwCyr6A05RWal7KvirftADSOvcQFJOmMaT11bqU/SKwCLp0svcCu0YXjcmt301YrwjIgYQBQZIEjc2tdyFh+0CZdXwAGgMQ5dBIczhWJg3/CGsCE6JuClIUF5dn806QloqwDPtQXTUll0CUQ1Jcb2UcYZa4YupZQlHVym+lxVKNKdZY0kwHfonT3I6lLEqkjj0EpToUEyWau5LclbBO1pCrY6XDL106lbAO1lCoo7AR5neoTDzLLjxaaz7FmDc195Rzn6aElenYVaaNdq5OwqJUIKhVtNXLAF0LZesoyrl1zJKWgb8CDADHQPew3O6BjQAAAABJRU5ErkJggg==");
  width: 5.28vw;
  height: 5.97vw;
}
.ctgr-wrap {
  min-height: 100vh;
  padding: 0 2.22vw;
  color: white;
}
.ctgr-wrap a {
  text-decoration: none;
}
.ctgr-wrap .tit-01 {
  font-size: 6.67vw;
}
.ctgr-wrap .tit-02 {
  margin-top: 11.53vw;
  font-size: 4.44vw;
}
.ctgr-wrap .lst-ctgr {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.67vw;
  margin: 2.77vw 0 0;
  padding: 0;
  list-style: none;
}
.ctgr-wrap .lst-ctgr a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #29304b;
  border-radius: 1.25vw;
  height: 22.36vw;
  font-size: 3.06vw;
  color: #7a83a2;
}
.ctgr-wrap .lst-more a {
  display: flex;
  gap: 2.78vw;
  align-items: center;
  justify-content: center;
  padding: 6.11vw 0;
  font-size: 3.89vw;
  color: #999;
}
.ctgr-wrap .lst-more a:after {
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAPCAYAAAARZmTlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU1RTU1ODUxQUMxQzExRURBQTQ2REY4OTlDMjFCRjdEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU1RTU1ODUyQUMxQzExRURBQTQ2REY4OTlDMjFCRjdEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTVFNTU4NEZBQzFDMTFFREFBNDZERjg5OUMyMUJGN0QiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTVFNTU4NTBBQzFDMTFFREFBNDZERjg5OUMyMUJGN0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Z6jEXAAABiElEQVR42qSUO0sDQRSFJ2OhVQotxI1iIUEsdUFLRVRQC0FECy11xR+gBsE6pLDXFXsfiIogCEFtRVa7IAgWYukDtDFp1jNwFi5LNtkkAx8zZ+bOPbPz2ITv+8p13X2l1LPjODtKFPSrBso6SCOn02RZlsm0AiY8zyvYtl0IoqDrNVgAe8BGjnaNxocYPMbqZ1RjZRYcCv2p8TVbaGRF5wmMxuo0GAdHQmeRfzthzoT7n0O1wcE/MAVuazAYBVegmToHg4xp6CACHZvGi7IFnIPBmAZD4EwY7IJMMKhlJIxWUR1QJrmy/ioGNuOS1OamrskAHZ4Bo2VUp5Rt4BL0Rhj0cbw1OE+TIhyky82E0ZwwSoFr0BMKS7O/QxjMl8unK2zDojj4bq44Rd1J3UV9A5aiEkWa4GuKqCZBXmzNBRhmHWxhnnGlmk1Yiny9T+KQ78AA9SO3qFQpiY5xPb/ACHgI9d+z/7taAh3zHfwAcxleqV+of+NM1jW86Df+BcwtmgbvcSf+CzAAbJxhfkSRFooAAAAASUVORK5CYII=") no-repeat;
  background-size: 100% 100%;
  width: 3.47vw;
  height: 2.08vw;
}
.ctgr-tit-more {
  display: flex;
  justify-content: space-between;
  margin-top: 11.53vw;
}
.ctgr-tit-more .tit-02 {
  margin-top: 0;
}
.ctgr-wrap .ctgr-more {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAcCAYAAABsxO8nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIwNzUwRjY4QUMxRDExRUQ4OEJDRUZFNDc2NzZGNTlEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIwNzUwRjY5QUMxRDExRUQ4OEJDRUZFNDc2NzZGNTlEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjA3NTBGNjZBQzFEMTFFRDg4QkNFRkU0NzY3NkY1OUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjA3NTBGNjdBQzFEMTFFRDg4QkNFRkU0NzY3NkY1OUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ppe8+AAABmElEQVR42pzVzStEURgG8DtXSUoWGkpTUz5qFkr5D3wnFlhYyAZFko2kkJ1YSJQmCymU0i0pyYJ8lIWFslDKAjU1FhoLHyUZ4nnrOXWbNN33nPrlPrc8zrn3niPkeZ6DEYIVOIctx2K4/LkEg7AB/bZFOZDPLNerMGxT9AMDEOc9WeYyjNks7RdGYN5XJtdT2iJTNg4zvntyPastMmMaJn15AhY4S1WRjDkY5SwdXsezlblZ/sgi354pG4I1vllVkcOPtI9vVkYvbP5X5gZ4juvQA9/M3SDbIVdbJGMbuuCLuRN2IE9bJGMXOuCTuQ32zK5wlTvhgAUfzI28V+Ba7M93SPuyLDetLaqBQyhkPoN2Wa6mqDqjRM6uVrPMoEVVcARFzBcZzypQUQyOIcx8CS3wpvmOKllSzHwFTfCq+bLL4QRKma+hGV40ey3KmUSYb6ABnjW7P8KZRJlvoR5SmvNIlnEKZcx3nMmT5oQs4XIqmB+gFh41R22YJTHmBNRB0ubwN/snyWeSsPl3lOIv73Mm99qd/CfAAJkEUiyBNuZbAAAAAElFTkSuQmCC") no-repeat;
  background-size: 100% 100%;
  width: 2.5vw;
  height: 3.89vw;
}
.contentSlide__anchor {
  border-radius: 1.25vw;
}
.channel-list {
  display: flex;
  flex-direction: column;
  gap: 6vw;
}
.channel-list .contentSlide__anchor {
  display: flex;
  gap: 3vw;
}
.channel-list .contentSlide__image {
  flex: 0 0 30vw;
  /* border-radius: 2vw;
  width: 30vw;
  height: 22.5vw; */
}
.contentSlide__item2 .contentSlide__anchor {
  display: flex;
  flex-direction: column;
}
.contentSlide__item2 .contentSlide__image {
  border-radius: 2vw;
}
.eventSlide__item .thumbFinish {
  display: flex;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.eventSlide__item .thumbFinish img {
  width: 100%;
  height: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.eventSlide__item .thumbFinish:after {
  content: "이벤트가 종료되었습니다.";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  justify-content: center;
  align-items: center;
  color: white;
}
.contentSlide__item2 .slide-cont {
  background: none !important;
  padding: 1vw 0 !important;
  font-size: 3.5vw !important;
  color: #707894 !important;
}
.button.is-darkblue {
  background: #29304b;
  border-color: #29304b;
  color: #8089a8;
}
.btnSwitch {
  height: 0;
  width: 0;
  visibility: hidden;
  display: none;
}
.btnSwitch + label {
  cursor: pointer;
  text-indent: -9999px;
  width: 50px;
  height: 25px;
  background: #dadbdd;
  display: inline-block;
  border-radius: 25px;
  position: relative;
}
.btnSwitch + label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 21px;
  height: 21px;
  background: #fff;
  border-radius: 50%;
  transition: 0.3s;
}
.btnSwitch:checked + label {
  background: #fc955a;
}
.btnSwitch:checked + label:after {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}
.btnSwitch + label:active:after {
  width: 22px;
}
.btnSwitch.sm + label {
  width: 26px;
  height: 14px;
  border-radius: 14px;
}
.btnSwitch.sm + label:after {
  top: 1px;
  left: 1px;
  width: 12px;
  height: 12px;
}
.btnSwitch.sm:checked + label:after {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.btnSwitch.sm + label:active:after {
  width: 13px;
}
.listTypeCol4 .listBox > li {
  position: relative;
}
.listTypeCol4 .listBox > li ~ li {
  margin-top: 15px;
}
.listTypeCol4 .listBox .acoWrap {
  text-decoration: none;
}
.listTypeCol4 .listBox .listTit {
  font-size: 4.44vw;
  font-weight: 500;
  color: white;
  padding: 40px 0px 30px 0px;
  position: relative;
  z-index: 2;
}
.listTypeCol4 .listTxt {
  display: none;
  width: 1220px;
  margin: 0 auto;
}
.listTypeCol4 .listTxt li {
  border-top: 1px solid #e6e6e6;
  padding: 30px;
  position: relative;
}
.listTypeCol4 .subTit span {
  color: white;
  font-size: 18px;
  margin-bottom: 5px;
  display: block;
}
.listTypeCol4 .subTit p {
  color: #b5b5b5;
  font-size: 14px;
}
.listTypeCol4 .switchWrap {
  position: absolute;
  top: 63%;
  right: 0px;
  height: 25px;
  margin-top: -19px;
}
.listTypeCol4 .switchWrap.btnLink button {
  color: #8f929b;
  font-size: 14px;
  text-decoration: underline;
}
.box {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px;
  cursor: pointer;
}
.child-box {
  border: 1px solid #aaa;
  padding: 5px;
  margin-top: 5px;
}
/*
  1. Button
*/
.btn-primary {
  background: var(--primary);
  color: white;
}
.btn-fullwidth {
  width: 100%;
}
.btn-sz01 {
  height: 30px;
  padding: 0 15px;
  font-size: 13px;
  line-height: 28px;
}
.btn-sz02 {
  height: 65px;
  padding: 0 15px;
  font-size: 18px;
  line-height: 63px;
}
.btn-sz03 {
  height: 65px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 63px;
}
.btn-slide {
  font-size: 14px;
  border-radius: 4px;
  text-align: left;
  background: var(--primary);
  color: #fff;
  padding: 7px 10px;
  margin-top: 7px;
}
/* 2. Form */
/* 2.1 Select */
/* 3. Title */
.tit-01 {
  font-size: 1.5rem;
}
/* 4. Font */
/* 4.1. Font Color */
.fc-wht {
  color: white;
}
/* 4.2. Font Size */
.fs5 {
  font-size: 5px;
}
.fs10 {
  font-size: 10px;
}
.fs15 {
  font-size: 15px;
}
.fs20 {
  font-size: 20px;
}
.fs25 {
  font-size: 25px;
}
.fs30 {
  font-size: 30px;
}
.fs35 {
  font-size: 35px;
}
.fs40 {
  font-size: 40px;
}
.fs45 {
  font-size: 45px;
}
.fs50 {
  font-size: 50px;
}
/* 5. Icon */
.ic-form-pic:before {
  background-position: -47px -36px;
  width: 19px;
  height: 15px;
}
.ic-form-emo:before {
  background-position: -19px -36px;
  width: 19px;
  height: 15px;
}
.ic-common-pic:before {
  background-position: -18px -2px;
  width: 18px;
  height: 18px;
}
.ic-common-emo:before {
  background-position: -38px -2px;
  width: 18px;
  height: 18px;
}
/* 6. Vertical Bar */
/* 99. Contents */
.inputTextArea__util {
  position: absolute;
  right: 0;
  top: 7px;
  padding: 15px 25px 15px 15px;
}
.inputTextArea__emolstwrap {
  border: 1px solid var(--primary);
  padding: 10px;
}
.inputTextArea__emolst {
  display: flex;
  width: 100%;
  margin-top: 30px;
}
.inputTextArea__emolst button {
  background: none;
  border: 1px solid transparent;
}
.inputTextArea__emolst li.active button {
  border: 1px solid var(--primary);
}
.inputTextArea__emolstin.on {
  display: flex !important;
  flex-wrap: wrap;
}
.inputTextArea__emolstin li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10%;
  /* height: 100px; */
  flex: 0 0 10%;
}
.inputTextArea__emolstin button {
  background: none;
  border: 0;
  padding: 10px;
}
.inputTextArea__emolstin img {
  max-width: 100%;
  max-height: 100%;
}
.listContent__reply {
  position: relative;
}
.listContent__subText {
  white-space: pre-wrap;
  word-break: break-word;
}
.listContent .replywrap__util {
  position: absolute;
  right: 0;
  bottom: 0;
  color: white;
}
.listContent .reply {
  padding-bottom: 15px;
  margin: 10px 0px !important;
  border-bottom: 1px solid #3d4661;
}
.contentArea__buttonWrap .bShare__Area {
  display: inline-block;
  float: right;
}
.contentArea__buttonWrap .bShare__Area .bShare__text {
  font-size: 14px;
  vertical-align: middle;
}
.contentArea__buttonWrap .bShare__btn {
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
  width: 23px;
  height: 23px;
  margin-left: 10px;
}
.contentArea__buttonWrap .bShare__text {
  font-size: 12px;
  vertical-align: middle;
}
@media screen and (max-width: 1024px) {
  .inputTextArea__wrap [class*=ta-type] {
    display: flex;
    gap: 15px;
  }
  .inputTextArea__wrap [class*=ta-type] input {
    height: 30px;
  }
  .inputTextArea__util {
    right: 10px;
    top: 33%;
    padding: 0;
    transform: translate(0, -50%);
  }
  .inputTextArea__buttonWrap {
    height: 30px !important;
  }
  .inputTextArea__emolstin li {
    /* height: 10vw; */
    flex: 0 0 25%;
  }
  .inputTextArea__emolstin button {
    padding: 1vw;
  }
}
#surveyWrap #surveyList {
  border: 1px solid #5a668d;
  margin-top: 15px;
  padding: 0 15px 15px;
}
#surveyWrap ul li {
  margin-top: 30px;
}
#surveyWrap ul li label {
  margin-left: 10px;
}
#surveyWrap ul strong {
  color: var(--primary);
}
#surveyWrap ul .msg {
  margin-top: 15px;
}
#surveyWrap ul .msg textarea {
  width: 100%;
}
#surveyWrap ul .qstnGroup li {
  margin-top: 15px;
}
@media screen and (min-width: 1024px) {
  #surveyWrap {
    padding: 0 50px;
  }
}
/*! _responsive.scss | Vuero | Css ninja 2020-2021 */
/* ==========================================================================
Responsive styles
========================================================================== */
/*
    1. Tablet Landscape
    2. Tablet portrait
    3. Mobile Only
    4. Custom
    5. Responsive Helpers
*/
/* ==========================================================================
1. Tablet Landscape
========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .pageloader,
.infraloader {
    width: calc(100% - 60px) !important;
    left: 60px !important;
  }

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

  .main-sidebar {
    width: 60px !important;
  }
  .main-sidebar.has-labels .sidebar-inner .icon-menu,
.main-sidebar.has-labels .sidebar-inner .bottom-menu {
    overflow-x: hidden;
  }
  .main-sidebar.has-labels .sidebar-inner .icon-menu ul,
.main-sidebar.has-labels .sidebar-inner .bottom-menu ul {
    overflow-x: hidden;
  }
  .main-sidebar.has-labels .sidebar-inner .icon-menu li a::after,
.main-sidebar.has-labels .sidebar-inner .bottom-menu li a::after {
    left: -30px;
  }
  .main-sidebar.is-float {
    width: 56px !important;
    margin-left: 4px;
  }
  .main-sidebar.is-float:not(.is-bordered) .sidebar-brand {
    width: 56px !important;
  }
  .main-sidebar.is-float:not(.is-bordered) .sidebar-inner .icon-menu,
.main-sidebar.is-float:not(.is-bordered) .sidebar-inner .bottom-menu {
    overflow-x: hidden;
  }
  .main-sidebar.is-float:not(.is-bordered) .sidebar-inner .icon-menu ul,
.main-sidebar.is-float:not(.is-bordered) .sidebar-inner .bottom-menu ul {
    overflow-x: hidden;
  }
  .main-sidebar.is-float:not(.is-bordered) .sidebar-inner .icon-menu li,
.main-sidebar.is-float:not(.is-bordered) .sidebar-inner .bottom-menu li {
    width: 56px !important;
  }
  .main-sidebar.is-float.is-bordered {
    width: 60px !important;
  }
  .main-sidebar.is-float.is-bordered .sidebar-brand {
    width: 60px !important;
  }
  .main-sidebar.is-float.is-bordered .sidebar-inner .icon-menu,
.main-sidebar.is-float.is-bordered .sidebar-inner .bottom-menu {
    overflow-x: hidden;
  }
  .main-sidebar.is-float.is-bordered .sidebar-inner .icon-menu ul,
.main-sidebar.is-float.is-bordered .sidebar-inner .bottom-menu ul {
    overflow-x: hidden;
  }
  .main-sidebar.is-float.is-bordered .sidebar-inner .icon-menu li,
.main-sidebar.is-float.is-bordered .sidebar-inner .bottom-menu li {
    width: 60px !important;
  }
  .main-sidebar.is-float .sidebar-inner .bottom-menu {
    padding-bottom: 0 !important;
    bottom: -3px !important;
  }
  .main-sidebar .sidebar-brand {
    width: 60px !important;
  }
  .main-sidebar .sidebar-inner li {
    width: 60px !important;
  }
  .main-sidebar .sidebar-inner .icon-menu {
    max-height: calc(100vh - 60px - 64px) !important;
    overflow-x: hidden;
  }
  .main-sidebar .sidebar-inner .icon-menu ul {
    overflow-x: hidden;
  }
  .main-sidebar .sidebar-inner .profile-dropdown .dropdown-trigger img {
    height: 42px !important;
    width: 42px !important;
  }

  .mobile-main-sidebar,
.mobile-overlay,
.mobile-subsidebar {
    display: none !important;
  }

  .sidebar-panel {
    box-shadow: var(--light-box-shadow);
  }
  .sidebar-panel .panel-close {
    display: block !important;
  }

  .sidebar-panel,
.sidebar-search {
    left: 60px !important;
  }

  .is-navbar .view-wrapper .is-stuck {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .page-title.is-project-details .vuero-hamburger {
    margin-left: -4px !important;
  }
  .page-title.is-pulled-lg .vuero-hamburger {
    margin-left: 0 !important;
  }

  .is-stuck {
    margin-left: 60px !important;
    width: calc(100% - 60px) !important;
  }
}
/* ==========================================================================
2. Tablet portrait
========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .infraloader,
.pageloader {
    width: 100% !important;
    left: 0 !important;
  }

  .navbar-navbar,
.circular-menu,
.navbar-navbar-clean {
    display: none;
  }

  .navbar-brand {
    align-items: center;
    justify-content: space-between;
    height: 60px;
  }
  .navbar-brand .brand-start {
    width: 90px;
  }
  .navbar-brand .brand-start .navbar-burger {
    height: 60px;
    width: 60px;
  }
  .navbar-brand .is-brand {
    padding: 0 !important;
  }
  .navbar-brand .brand-end {
    display: flex;
    align-items: center;
    width: 90px;
    margin-right: 20px;
  }
  .navbar-brand .is-notification.is-active .navbar-link, .navbar-brand .is-notification:hover .navbar-link {
    background: transparent !important;
  }
  .navbar-brand .is-notification.is-active .navbar-dropdown, .navbar-brand .is-notification:hover .navbar-dropdown {
    display: block !important;
  }
  .navbar-brand .is-notification .navbar-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 3;
    background: var(--white);
    border-radius: var(--radius-large);
    border: 1px solid var(--fade-grey);
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  }

  .toolbar .toolbar-notifications {
    display: none;
  }

  .vuero-hamburger:not(.is-visible) {
    display: none !important;
  }

  .main-sidebar,
.sidebar {
    display: none;
  }

  .sidebar-panel {
    display: none !important;
    left: 0 !important;
    z-index: 100 !important;
    box-shadow: var(--light-box-shadow);
  }
  .sidebar-panel .panel-close {
    display: flex !important;
  }

  .page-title {
    margin-top: 0;
    padding-top: 20px;
  }
  .page-title.is-project-details .vuero-hamburger {
    margin-left: 7px !important;
  }

  .is-navbar .view-wrapper {
    padding-top: 70px !important;
    margin-top: 0 !important;
  }
  .is-navbar .page-title {
    display: flex !important;
    margin-top: 0;
  }

  .is-stuck {
    top: 60px !important;
    margin-left: 0 !important;
    width: 100% !important;
    padding-right: 20px !important;
  }

  .widget-demo-columns {
    display: flex;
  }
  .widget-demo-columns.half-columns > .column {
    width: 50% !important;
    max-width: 50% !important;
    min-width: 50%;
  }
  .widget-demo-columns > .column {
    width: 33.3%;
    max-width: 33.3%;
  }
}
/* ==========================================================================
3. Mobile Only
========================================================================== */
@media (max-width: 767px) {
  .infraloader,
.pageloader {
    width: 100% !important;
    left: 0 !important;
  }

  .navbar-navbar,
.circular-menu,
.navbar-navbar-clean {
    display: none;
  }

  .navbar-brand {
    align-items: center;
    justify-content: space-between;
    height: 60px;
  }
  .navbar-brand .brand-start {
    width: 90px;
  }
  .navbar-brand .brand-start .navbar-burger {
    height: 60px;
    width: 60px;
  }
  .navbar-brand .is-brand {
    padding: 0 !important;
  }
  .navbar-brand .brand-end {
    display: flex;
    align-items: center;
    width: 90px;
    margin-right: 20px;
  }
  .navbar-brand .is-notification.is-active .navbar-link, .navbar-brand .is-notification:hover .navbar-link {
    background: transparent !important;
  }
  .navbar-brand .is-notification.is-active .navbar-dropdown, .navbar-brand .is-notification:hover .navbar-dropdown {
    display: block !important;
  }
  .navbar-brand .is-notification .navbar-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 3;
    background: var(--white);
    border-radius: var(--radius-large);
    border: 1px solid var(--fade-grey);
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  }

  .toolbar .toolbar-notifications {
    display: none;
  }

  .vuero-hamburger:not(.is-visible) {
    display: none !important;
  }

  .sidebar-panel {
    display: none !important;
    left: 0 !important;
    z-index: 100 !important;
    border-right: 1px solid var(--fade-grey) !important;
    box-shadow: var(--light-box-shadow);
  }
  .sidebar-panel .subpanel-header {
    height: 60px !important;
    background: #fafafa;
  }
  .sidebar-panel .subpanel-header svg {
    color: var(--muted-grey);
  }

  .main-sidebar,
.sidebar {
    display: none;
  }

  .page-title {
    margin-top: 0;
    padding-top: 20px;
  }
  .page-title.is-project-details .vuero-hamburger {
    margin-left: -4px !important;
  }
  .page-title .title-wrap {
    margin-left: 0;
  }

  .is-navbar .view-wrapper {
    padding-top: 0 !important;
  }
  .is-navbar .page-title {
    display: flex !important;
    margin-top: 0;
  }

  .is-stuck {
    top: 59px !important;
    margin-left: 0 !important;
    width: 100% !important;
    padding-right: 20px !important;
  }
}
/* ==========================================================================
4. Custom
========================================================================== */
@media only screen and (min-width: 1025px) and (orientation: landscape) {
  .panel-close {
    display: none !important;
  }

  .mobile-main-sidebar,
.mobile-overlay,
.mobile-subsidebar {
    display: none !important;
  }
}
/* ==========================================================================
5. Responsive Helpers
========================================================================== */
@media only screen and (max-width: 767px) {
  .h-hidden-mobile {
    display: none !important;
  }

  .h-only-mobile {
    display: block !important;
  }

  .h-only-mobile-flex {
    display: flex !important;
  }

  .is-half-mobile-p {
    display: flex !important;
  }
  .is-half-mobile-p .column {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .h-hidden-tablet-p {
    display: none !important;
  }

  .is-flex-tablet-p {
    display: flex !important;
  }
  .is-flex-tablet-p.is-half-tablet-p .column {
    width: 50%;
    min-width: 50%;
  }

  .h-only-tablet-p {
    display: block !important;
  }

  .h-only-tablet-p-flex {
    display: flex !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .h-hidden-tablet-l {
    display: none !important;
  }

  .is-flex-tablet-l {
    display: flex !important;
  }

  .h-only-tablet-l {
    display: block !important;
  }
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .h-only-mobile {
    display: block !important;
  }

  .h-only-mobile-flex {
    display: none !important;
  }

  .h-only-tablet-p {
    display: none !important;
  }

  .h-only-tablet-p-flex {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  .h-hidden-desktop {
    display: none !important;
  }

  .is-overlay-desktop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .mx-3-desktop {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
}
@media only screen and (max-width: 1023px) {
  .toc-column {
    display: none !important;
  }

  .doc-column {
    width: 100% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .mobile-navbar .navbar-item.is-notification .navbar-dropdown {
    width: 280px !important;
    position: absolute !important;
    left: initial !important;
  }
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .mobile-navbar .navbar-item.is-notification {
    display: flex !important;
  }

  .mobile-navbar {
    display: flex !important;
  }
  .mobile-navbar > .container {
    margin: 0;
    max-width: 100%;
  }
  .mobile-navbar .navbar-brand {
    align-items: center;
    justify-content: space-between;
    height: 60px;
    width: 100%;
    margin-left: 0 !important;
  }
  .mobile-navbar .navbar-brand .navbar-burger {
    display: flex !important;
  }
}
/*! _dark.scss | Vuero | Css ninja 2020-2021 */
/*
    1. Layout Dark mode
*/
/* ==========================================================================
1. Layout Dark mode
========================================================================== */
.is-dark {
  background: var(--dark-sidebar-light-13);
}
.is-dark.is-chat-side-collapsed {
  background: var(--dark-sidebar-light-5) !important;
}
.is-dark.opened {
  background: var(--dark-sidebar-light-5);
}
.is-dark .pageloader {
  background: var(--dark-sidebar-light-13);
}
.is-dark .infraloader {
  background: var(--dark-sidebar-light-15) !important;
}
.is-dark .page-title h1 {
  color: var(--primary-grey-light-3);
}
.is-dark .menu-toggle i {
  background: var(--primary);
  color: var(--primary--color-invert);
}
.is-dark .minimal-wrapper {
  background: var(--dark-sidebar-light-13);
  border-color: var(--dark-sidebar-light-13);
}
.is-dark .zoom-overlay {
  background: var(--dark-sidebar-light-13);
  border-color: var(--dark-sidebar-light-13);
}
/*! _layout2.scss */
/*
    1. layout
    2. Header
    3. other
    4. custom class
    5. Media Queries
*/
/* ==========================================================================
1. layout
========================================================================== */
.wrap {
  min-height: 100dvh;
}
.wrap--login {
  background: url("/assets/bg_01.b6fb73c7.jpg");
  position: relative;
}
.channel-container {
  max-width: 1140px;
  margin: auto;
  padding: 100px 0 65px;
}
.channel-container__bottom {
  margin-top: 121px;
  padding-top: 21px;
  border-top: 2px solid #3d4661;
}
.channel-container__bottom--longPadding {
  padding: 93px 0;
}
.channel-container__section + .channel-container__section {
  margin-top: 42px;
}
.channel-container__section--narrow + .channel-container__section {
  margin-top: 33px;
}
.mobileOnly {
  display: none;
}
.pcOnly {
  display: block;
}
/* ==========================================================================
2. Header
========================================================================== */
.channelHeader {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 20;
  background-color: #1f2438;
}
.channelHeader__inner {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 1140px;
  height: 80px;
  margin: auto;
  padding: 0 50px;
}
.channelHeader__right {
  margin-left: auto;
  text-align: right;
}
.channelHeader__rightInner {
  height: 100%;
}
.channelHeader__logo {
  height: 100%;
  padding: 17px 0;
}
.channelHeader__logoImage {
  width: auto;
  height: 100%;
}
.channelHeader__searchWrap {
  position: absolute;
  top: 10px;
  right: 120px;
  width: 50%;
  height: 60px;
  padding-left: 4px;
  background-color: #000;
  border: 2px solid #2e2e3b;
  border-radius: 10px;
  text-align: left;
}
.channelHeader__search {
  display: inline-block;
  width: calc(100% - 116px);
  height: 100%;
  margin-left: auto;
  padding: 8px 0;
}
.channelHeader__searchInput {
  width: 100%;
  height: 100%;
  padding: 1px 11px 3px;
  font-size: 24px;
  border: none;
  color: #bdbdd5;
  background-color: transparent;
}
.channelHeader__searchInput::placeholder {
  color: #bdbdd5;
}
.channelHeader__searchDelete {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  padding: 4px 0;
}
.channelHeader__searchTrigger {
  display: inline-block;
  height: 100%;
  padding: 11px 0;
  vertical-align: top;
}
.channelHeader__searchTrigger--noPadding {
  padding: 0;
}
.channelHeader__buttonWrap {
  display: inline-flex;
  vertical-align: top;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
}
.channelHeader__imageButton {
  width: 47px;
  height: 47px;
  border: 0;
  background: none;
  padding: 0;
}
.channelHeader__imageButton img {
  border-radius: 70%;
  padding-top: 2px;
}
/* ==========================================================================
3. other
========================================================================== */
.contentArea__row {
  margin-top: 35px;
  display: flex;
  padding: 0 50px;
}
.contentArea__column:first-of-type {
  max-width: 50%;
}
.contentArea__column:last-of-type {
  margin-left: auto;
}
.contentArea__title {
  font-size: 28px;
  color: #fff;
}
.contentArea__info {
  font-size: 20px;
  background-color: #afabab;
  color: #fff;
  border-radius: 15px;
  margin: 10px 3% 0 0;
  padding: 10px 30px 10px 30px;
}
.contentArea__infoBack {
  font-size: 28px;
  color: #fff;
  background-color: #ffffff;
  padding: 0.5% 0 1.5% 3%;
}
.contentArea__description {
  margin-top: 9px;
  padding: 0 50px;
  font-size: 18px;
  color: #dadbf7;
  line-height: 1.7;
  overflow-y: hidden;
}
.contentArea__description img {
  height: auto !important;
}
.contentArea__description table {
  width: 100% !important;
}
.contentArea__description * {
  background: transparent !important;
  border-color: #dadbf7 !important;
  color: #dadbf7 !important;
}
.contentArea__video {
  position: relative;
  font-size: 0;
  overflow: hidden;
}
.contentArea__video video {
  width: 100%;
}
.contentArea__thumbnail {
  width: 100%;
  height: auto;
}
.contentArea__trigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  background: none;
}
.contentArea__buttonWrap {
  margin: 30px 0 20px;
}
.contentArea__buttonWrap dl,
.contentArea__buttonWrap dt,
.contentArea__buttonWrap dd {
  display: inline-block;
}
.contentArea__link .thumb {
  vertical-align: baseline;
  float: left;
  margin-right: 14px;
}
.contentArea__link .thumb img {
  display: block;
  width: 79px;
}
.contentArea__link .content__title {
  border: 1px solid #c7cdce;
  padding: 8px;
  margin-bottom: 10px;
}
.creator_sliderWrap {
  background: #fff;
  margin: 20px 0;
}
.creator_sliderWrap ul li {
  padding: 17px 0 17px 18px;
  position: relative;
  border-bottom: 1px solid #e7e7e8;
  color: black;
  cursor: pointer;
}
.creator_sliderWrap ul li:hover {
  background: black;
  color: white;
}
.inputTextArea {
  padding: 0 50px;
}
.inputTextArea__text {
  font-size: 28px;
  color: #dadbf7;
}
.inputTextArea__subText {
  font-size: 18px;
  color: #f46231;
}
.inputTextArea__input {
  width: calc(100%);
  height: 90px;
  padding: 18px 45px 18px 18px;
  border-radius: 10px;
  vertical-align: middle;
  font-size: 18px;
  word-break: break-all;
}
.inputTextArea__wrap {
  margin-top: 15px;
}
.inputTextArea__buttonWrap {
  display: inline-block;
  width: 111px;
  height: 85px;
  vertical-align: middle;
  margin-left: 19px;
}
.listContent {
  font-size: 0;
  padding: 30px 50px 0;
  margin-top: 30px;
  border-top: 2px solid #3d4661;
}
.listContent__image {
  width: 48px;
  height: 48px;
}
.listContent__image img {
  border-radius: 70%;
}
.listContent__left {
  display: inline-block;
  vertical-align: top;
}
.listContent__right {
  display: inline-block;
  width: calc(100% - 64px);
  margin-left: 16px;
  margin-top: -3px;
  vertical-align: top;
}
.listContent__text {
  font-size: 18px;
  color: #f46231;
}
.listContent__subText {
  font-size: 18px;
  margin-top: 5px;
}
.listContent__item + .listContent__item {
  margin-top: 5px;
}
.loginBox {
  max-width: 610px;
  margin: 0 auto;
  text-align: center;
}
.loginBox__row + .loginBox__subText {
  margin-top: 12px;
}
.loginBox__text {
  font-size: 36px;
  color: #fff;
}
.loginBox__subText {
  font-size: 19px;
  color: #575f78;
  margin-top: -6px;
}
.loginBox__logo {
  display: inline-block;
  vertical-align: -8px;
}
.loginBox__logo + .loginBox__text {
  margin-left: 11px;
}
.loginBox__logoImage {
  height: 100%;
  width: auto;
}
.loginBox__buttonWrap {
  margin-top: 108px;
}
.loginBox__button + .loginBox__button {
  margin-top: 13px;
}
.loginBox--center {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loginBox .nav-link {
  color: #363636;
}
.is-dark .loginBox .nav-link {
  color: var(--dark-dark-text);
}
.imageBanner {
  font-size: 0;
}
.imageBanner__image {
  width: 100%;
}
.contentSlide {
  padding: 0 50px;
  /*
  &__item {
    width: 20% !important;
    margin-right: 15px !important;
  }
  */
}
.contentSlide__wrap {
  font-size: 0;
  margin-right: auto !important;
  margin-top: 22px;
}
.contentSlide__text {
  font-size: 28px;
  color: #dadbf7;
  font-weight: 600;
}
.contentSlide__anchor {
  display: block;
  height: 100%;
}
.contentSlide__item {
  position: relative;
}
.contentSlide__item img {
  height: 100%;
}
.contentSlide__item .slide-cont {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  box-sizing: border-box;
  white-space: nowrap;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 20px;
  font-size: 20px;
  color: white;
}
.contentSlide__item .slide-cont:not(.main-slide-cont) {
  position: relative;
  display: -webkit-box !important;
  background: rgba(100, 100, 100, 0.5);
}
.contentSlide__item2 .slide-cont {
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  box-sizing: border-box;
  white-space: initial;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px;
  font-size: 20px;
  color: white;
}
.contentSlide__image {
  width: 100%;
}
.contentSlide2__item img {
  height: 100%;
}
.contentSlide2 .slide-cont {
  bottom: 5px;
}
.contentSlide2 .swiper-button-prev,
.contentSlide2 .swiper-button-next {
  color: #27304d;
}
.iconButton {
  padding: 13px;
  border: none;
  background: none;
  font-size: 0;
}
.iconButton::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 28px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAACXBIWXMAAAsTAAALEwEAmpwYAAABZ0lEQVRIie3RP0iUcRgH8M8dh54HcW4SCCLcRYOpUwSFqERDU4uYgyROQUva4lQJRVtDhEg0CTpmDg4OFuiQjQ0tvu/mUNBg27357xruNY4jPc678X2Wl/f3e/l+nud5U7tBKYcZzCKPY81VCmWs4XEG43iBN/iOtiaBE+TwDL8yGMA+XuFno2nFQva/50EY3cTVtMpKTtB+sYbPraN01UuqxeEpSNf7qtlKgARIgARIgJpqwxzeobvVQC/W8RJj2MKdVgH38BV9cWg/whicD8Ko46JAB15jFV9wHZvYw108x1NsBGF0pVHgGjbwEE/iKfaq7o9U1nUbPdgJwmiiHnAQP6ewjUsYjacon9HIJm7EzawEYfQ2CKN8fFeuBv6gC4t4jw8Ywc4Zwf+qWMj+KBayE3iESXwKwmgQpVPgGJ34iPt4gGn8rhdeAy1gCIf4jGEcnE6QU9nxLSw3ElyDfFP5L0u4jMxfzJpU1B/aXGoAAAAASUVORK5CYII=") 0 0/100% 100% no-repeat;
  vertical-align: middle;
}
.iconButton--bookmark.is-active::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAACXBIWXMAAAsTAAALEwEAmpwYAAABY0lEQVRIie3RP0hVYRjH8c+9XAyvhG4RCOESDZV6hggUsRAHJxcxhzA8i+CitjT1Bww3BxER6S5BjmqDg4MJOmSL0ODW5pDgYEMH8e91uMe4CWbee8fzW14envf9fZ/f86Z+DzRnMYJR1OJEeUohj88YzqAXY5jEFqrKBJwiizfYzaARexjHTqmuNbnNv+ooDFpwL62wklPcKNX8HzpOFxWpCpunIH3VrXKVABJAAkgACeCCqvAKs6ivNKABS3iPHqyhs1KAbnzD/dj0IX7EwHeoLhVQjQks4CseYQXb6MJbvMYy7l4X8CB+OIiXcYrtov6xwro6cAcbURj0XQU4jM8XWMdNPI1T5C8ZZAWP42HmojCYisKgNu7liwEHuIUZfMA8nmDjEuNi/UQfhvAcX6IwaML+OeAEdVjEM/RjAL/+w/yPanKb02jDEVbRjsPzBFmFHbfi03WML0C+K/zLR9xG5gx/60tl0VWmFgAAAABJRU5ErkJggg==");
}
.iconButton--heart::before {
  width: 33px;
  height: 30px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAeCAYAAACiyHcXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC30lEQVRIib3XW4hVdRTH8c/ZjjYQmaOgEFEvMxCF6IMaBGdMIfKSDuXgKF6QetAniVJEQUQaJOil6DUvmCDmBcWwRC1I8fagFBqlKXjJ7KF7aihWD+t/OHvG2eOZcTzrZf//Z6+9z/f81vqvtU7p3PlbCqyMWRiLJ9GAX/A9DmEH/sj5D0EbpuFZjMR/+AlnsAef49/8l7Q0Nyr1ADEOa9PLerOLeA+bMB2rMeY+zxzDGhzoDWIx3kdj2u/DFziLf/AUXsAMPJF8vsMzaf07PsVXuIAs3StjZu69nQn6Hoj5+Ditj2IFjhT8olFYjrdzn20WCl4seGY03hEhkyA68xDjcRiPYCveQGGy5KwDy7AFH9TgT4RwWVq3tzQ37iydO3+rhIOYjONoxZ0aX9hf24bZ+AFjMkxIAHfxZh0A4C38hma0ZXg13TiME3UAgB+xK61nZaIOwJd1AqhY5ZiOzvBc2nxbZ4jL6To8Uz27t+sMUcm9QZnIUHi6zhAj0/WvTFRDeL7OEOPS9VKG/WkzTZXuYVsD5qb1ZxWIK2jCqjpBLBE95SY+yfCnqPmwFIseMsBLeDetP2xpbryQpc1G0TNK+EhVqoG2VmzHo6I5dhKtlhg0XsdeDBIdcd4AA0wSg83jOIV2/J2HIOaFOWL6aRBtfaBAWrEbw/CNaOc/V25m3Zxv4jWhSElMTQ8amgrAUKHAy7iad+gOQcwRHboqsqCfAC+KSatJKPAKrnd36gmiAtKumiPr9V2RsuiUjwkFpoqh9x4rgoAbQpF9GCySdWGNAJNFEuYVuFbk3BsE1dDsFaHZ4P6KlMXfgSahwHQFCtQKQRyjDhHbyvEtypG8AqcTwNUC3z5BEIrMFaFpEMWtuyJl7FRVoE0PSfggEIQi+WTNF7SJQoFhqiG4UuuL+wJBKJIvaJuxTlWBr8WfnJoU6C8EXQtahpUYIRSYIobYPll/IOh6an7FSQWFqBb7H5Y4r6Opof+hAAAAAElFTkSuQmCC");
}
.iconButton--heart.is-active::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAeCAYAAACiyHcXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC7ElEQVRIib3XX4hVVRTH8c893kIYSqfAXqIgeghFTLBC4Y4lRaXpmEo6ZCXzYk8WVkRBRDhEkA9CD704FfYQ+Q9FMfsPFZUSE2oGQgr+qfSh/5NGkfWw9umeuc253hln7no5e5+zzjnf89trr7VOZbB3phKrYSluxNWo4gccwfvYil8K/peiG/MxFVPwD77HV9iJvThffElH/4DKMBCz8Fx6WDM7hhfxGhbgGcy4wD2f4Vm8W4SoNjitxgZMTPM9+ACH8QeuwRwsxHV4GY/ghuT/M3bjIxxFlq7VsAiz8Q76EjQMUWIlXk/jT/EkPin5oqvwBB4rnNskFDxWcs90rBNLJkH0dfQPyNKJm7Axjd/A7U0A4Awexwp8gUfxUBMAOITFWJ/m60TMqQz2zqzgPczD5+jCX00eNhb2Ju7DN5iR4eYE8Lf4ovEGgLX4CdejO8O96cLH2NcGAPgW29N4aSbyAHzYJoDc8m06PcO0NPm6zRAn0vGKTD0n/NlmiDz2JmQiQuHaNkNMScffMpEN4ZY2Q8xKx+MZ3k6T+ep0421V9KTxWznESXTi6TZBPCxqyllszvCryPmwBqvGGeAOvJDGL3X0DxzNa8eromZURA3pGebmsbAubEGHqE19+K+AnUcvdmGCqIj3jzHAbaKxmYQBLMNgEYLoF1aI7qcqyvpYgXRhBybjoCjnZ/KLWYPzWSwRilRE13SxS5MDXC4UuBOnig6NEHAOyw1V5IFRAtwqOq1OocA9ON3oNBxEDrJMPUb6jVyRmqiUlwkF7hZN7/+sDAJ+F4rswSUiWB9sEWCeCMKiAt+VOTeDoL40u8TSvOLCitTE70CnUGCBEgVahSC20XKxtvn2LYuRogJfJoBTJb4jgiAU6RFLUxXJrVGRGrapK9BtmCC8GAhCkWKwFhPaXKHAZPUlONnqg0cCQShSTGib8Ly6AgfET05LCowWgqEJLcNTuFIocJdoYkdko4Fg6K75EfuVJKJW7F8URq0B+cy1UwAAAABJRU5ErkJggg==");
}
.iconButton--share::before {
  width: 33px;
  height: 33px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAACXBIWXMAAAsTAAALEwEAmpwYAAADeklEQVRYhbXXa4gVdRgG8N+upiOI2oWs1FSaoaRQu3yIartgWR+Mlr50TzIqa4syumFSUZ8MtaIsEdqSLlqoxGJJUVGEQdCn0pSdWVajDSMLdTUnt/X04T/HDrKeXfPMA8PhzDzzf5955/0/7ztNlUrFUJFm+ZC5NZiFB3AVRuFHrMLKJI76oPn/rHoMeBKfYzrewTLsxWvYmGb5GGgqMRM3Yh0W42n0J3FUXWc2NqADN5clYhg2YxdaqierIoq15uFNzCnrdZyNc/BGHc569OG6skScVPxmdTi9Qn2ML0vEVvyD8+twTsY47ChDxFQ8heG4X6iPgVC99lEjRUzGUnThQbyLGfgQk6qkNMtHpln+EJ7DsiSONg1vQPBJghk9jn7BA17EL/gEb+EGfJZm+V5chglox2MM4BNplp+I0didxFHvEddq/07EI8VRwatYgl+PEDkZ83E1ImzBiiSOvqoSDotIs7wFz+PigrwPn2JREkfbakScITjhfMFxl2B58eR1UesTtWiqVCrSLJ+Lt4X3uRI9mIY2jMAc/IBFQkGNwEt4BT8PFnxQEZ3pgQvwveDt9yVxdDjnaZaPx1qhwA5ibBF4ObqHGnwoIt7HFZhS7Wq1SLN8ShHwW9yG7ccafDARzbgW6wcSUNy4HV/i7+MRUA/Ngmv9PgivB6eVIaAqohMXDcK7RLDi0kSswvVpls8ciJBm+S04C7OFrTm20SKaOtMDY/C1YCp3YGMSR4fSLI9wF17Hx0I9tOFPvCyY0+5jCTaYT0zEGlwq7PtdOBOnCN4/L4mj/WmWT8ejmFtwlgo2ve+4RUCa5cPQimtwKnZgQxJHX1TJNbY9EwtwJ34TMrPC0TMT4VzB5LqTONo5oIihYIDxbgaewK3CDlssOO8fxfUThCb1MMYX5w4JWX8miaOuRoioYhqexU3YI/SgdUKGWvEePhAmqSsLUf1oSeJoW6MH3WlYiNuFOhkttPEO/quJNMsn4BvsR0ujJ6utwg67ECOFftRxJCmJox7ci/PQWtaMeUCoh9V1OJuETFxe9rS9pw6nrzhGlSWiSyi8WXU4U4S+taUsETuFOWQBTj8K5wX8hbVlfotOxXfCR06bUAN9Qh9aKHjL3UkctTdi2j4auoVhaTU2Ck99UHgFvbgniaN2yv0qr2Kc4BUtgn1vRkcSRz9VCf8CZbAzaLfJ9aoAAAAASUVORK5CYII=");
}
.iconButton--delete {
  padding: 10px;
}
.iconButton--delete::before {
  width: 28px;
  height: 28px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAACvUlEQVRIibWWTU8TURSGH6YJsRNdQEvSDRj8KElZtIuWREU0NGrAkrho6kZtE93wD2TlkiXs0MQmbYySAIkmoI0xXSjGGi3JdIGQEX6BIhsyTagii/mwLcz0Nq3vanLvue9zZ+bcc09HKDRMA3UAl4GbwCXgHNBlzO0CW8AnYAVYBf46mjkAJSAFTBkQEW0B00AGOLAzPU79wGcg3QQMIzZtrO0XBV4FvgCRJkD1ihgeI42A14G3gLcFmCkv8A64YQccAJaAzjbATHUangP1QBfwDDjVRpipk4a3qxqYxOGfJVOTPH4yTzQ6dmROlmVmZtPMzKaRZdnOIoKe8Ujo52zKaYuLC1nKZY3YRByPp6dmLhaL43bLZDNzaJrmZPMQ6JDQM8kx9TVNI5uZw+2WSdy+Z437/QFGo2Oo6gaKUnSywGCMSMB4o0gARSlSKhUJBsOEQmEAUqlJymV9M4Iad/l8fY+APpHob+slRq5cY8A/iMfTQ2AwyKuX86yvl0SBBy6fr28aPZMaqlKp8LtSIRy5QP+Z86jqBi+ep0VhACck/hViIRUK763nkvK1maUAXXa11FbJ1CSAlbUOR+FYSehXjJD8/gDBYJhSqWhlrbkBQe1KwHeRSFmWa7JSUYqo6kZN1gpIlYCCSGQsFqfb42Vleck64NnMHOWyRiKRFP20BQl43Siqt/e0dcDz+Zw1vrPzg3w+R7fHSywWFwG+kYAP6De1rcz/tLiQPTK3srzEr52fjEbH8PsDTjZbwKrZYtwHnopssQU9ANLmscgADYthC1ozGNb19Ae4C+z9B9gecMdg1Nz4m0AC2G8jbN/w3DQH6itNDrhFe950z/DKVQ8eV9py6Df0WguwNcMjVz9hV0s3gSH07N1uArRtrBmi6jNWy6nzrt7UMDABXATOUtvqb6O3+svAR2w6blOHilTFC5QNG/oAAAAASUVORK5CYII=");
}
.iconButton--search::before {
  width: 32px;
  height: 32px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAACu0lEQVRYhb3XX2jVZRzH8dd+ZbpUFMtkaE2ICpotvHDphYSBN23mn5taYLXaRWhX3UQXKXqhaagXQ8XC/67yWqc3/oFuIlg1K8M2XBAmlajJCMXUvPj+Dh7GtvO4/TofOJzDOb/n+b6f79/n1PT2XTeMWvEK5uHJIX6/hu9xGvvw23AbjaSaIQCex0dowXicwUlcwD8Yh0fRiOWowVlswd6xAizBDswSJ9uKb3EZN8ueyzAZT+AtvId/87VrMaxbRwJYgj3idB9iOwYS9ngI8/GZCNUnWIcbKQBZ/t6IDkxFOzYlGic88xVexc/4IP+cpEzEeT3qsQa78V/qBmXqwfv4CxtRlwqwDIvFKbaNwnC5ToiKqMO7qQAr8DA+lhi3CvoUF0Uoa1MAmkQZfVOAcehHt/BCQwpAPY5LT7oUnRLeXJACUIPfRR0XpX7cwewUAKLDFanSYR5IBRhXMMAk4dmKHbEE8Ei+oCg1iNP/kgIwgLmYWJDxDIvy969THv4OzaIailCTmKjnRDJWBDgtBsrbBRjPsFrMlA4JlZXhgIjVKrw4RoBWMYjO4suUBRl+xQZMEG10ziiNvySm6J9iDiQ1tlIVdGIznsYX+Wb3ozfwOWbiCn5MXVgCuC1G8mbhgU7hlacqrF8ormE787168AwOYloKwOAr2QS8lhuvE1OtWyTqeZFUk/GsyJdG0UN+ENeyXuzCUjFfXsff9wNANKTSPG/DDNwSvb30e5a/fhJ5c7jM0BQcEpfaihBDAZSrFs/hBdEnHhRzo080mX5Dl9pUEYYWdGElro4GYCyaInKpGcdEol4e/FA2+IsCdS032oWXxVXtsWoCECXZhqMiHHtETlUNAC6JNn9UhGO3+O9RNYASRDuO5BD7ML2aAESLfsc9T+zH7GoCEJ54U3hiHm7+n2U4kh4Xze2Pu7fjp4uLKn0QAAAAAElFTkSuQmCC");
}
.iconButton__text {
  font-size: 18px;
  color: #dadbf7;
  vertical-align: middle;
  margin-left: 7px;
}
.eventArea,
.productsArea,
.marketArea {
  overflow: overlay;
}
/* ==========================================================================
  4. custom class | 기존에 사용되고 있는 스타일에 추가로 스타일을 만들어준 케이스
  ========================================================================== */
.button.is-100 {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  font-size: 18px;
}
.button.is-light-color {
  color: #b7b8cd;
}
.button.is-middle {
  height: 65px;
  font-size: 18px;
  border-radius: 10px;
}
.swiper-pagination {
  color: #ffffff;
  width: 100%;
  bottom: 10px;
}
/* ==========================================================================
  5. Media Queries
  ========================================================================== */
@media (min-width: 1025px) {
  .contentArea__buttonWrap {
    padding: 30px 50px 0 50px !important;
  }
  .contentArea__video {
    padding: 0 50px !important;
  }
  .contentArea__iframe {
    height: 540px;
  }
}
@media (max-width: 1024px) {
  .wrap {
    min-height: 100dvh;
  }

  .channel-container {
    padding: 65px 14px 50px;
  }
  .channel-container__bottom {
    margin-top: 40px;
    padding-top: 10px;
    border-top: 1px solid #3d4661;
  }
  .channel-container__bottom--longPadding {
    padding: 45px 0;
  }
  .channel-container__section + .channel-container__section {
    margin-top: 26px;
  }

  .list-wrap {
    padding: 65px 0px 0px;
  }

  .pcOnly {
    display: none;
  }

  .mobileOnly {
    display: block;
  }

  .channelHeader {
    background-color: white;
  }
  .channelHeader__inner {
    padding: 0 14px;
    height: 55px;
  }
  .channelHeader__right {
    width: 70%;
  }
  .channelHeader__menuTrigger {
    position: relative;
    width: 60px;
    height: 55px;
    margin-left: -10px;
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAArCAYAAADG8/AoAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgElEQVRoge3YsQ3DMBAEwaOhopRZoTqzy1Lors5dkMByp4Jf4KMbbc8k7/D9jiRXks/iQ2b4vlZfMNNWsaPtleRefcgEz2i7+ohptnpjY6mMpTKWylgqY6mMpTqSOMsAOctgOctQbfXGxlIZS2UslbFUxlIZS+UsA+Usg7XVLPMHxFkdy1et1wwAAAAASUVORK5CYII=") 50% 50%/30px 22px no-repeat;
    border: none;
  }
  .channelHeader__menuTrigger span {
    position: absolute;
    top: 11px;
    right: 4px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    background-color: #f46231;
    padding: 1px 4px 4px;
    border-radius: 100%;
  }
  .channelHeader__logo {
    padding: 15px 0;
  }
  .channelHeader__search {
    width: 66%;
    padding: 7px 0;
  }
  .channelHeader__search--full {
    width: calc(100% - 57px);
  }
  .channelHeader__searchInput {
    padding: 1px 14px 3px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #575f78;
    color: #b0b7ce;
  }
  .channelHeader__searchLayer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #27304d;
    z-index: 2;
  }
  .channelHeader__searchInputArea {
    height: 55px;
    padding: 0 14px;
    margin-right: -11px;
  }
  .channelHeader__textButton {
    background: none;
    border: none;
    color: #bac1d7;
    font-size: 18px;
    padding: 0 11px;
  }
  .channelHeader__divisionBox {
    padding: 6px 0 8px 25px;
    background-color: #202841;
    text-align: left;
    color: #575f78;
    font-size: 13px;
  }
  .channelHeader__list {
    padding: 0 25px;
    margin-top: 9px;
  }
  .channelHeader__listItem {
    margin-right: -10px;
  }
  .channelHeader__listItem::after {
    content: "";
    clear: both;
    display: block;
  }
  .channelHeader__listItem + .channelHeader__listItem {
    margin-top: 6px;
  }
  .channelHeader__listColumn {
    display: inline-block;
    vertical-align: middle;
  }
  .channelHeader__listColumn:first-of-type {
    width: calc(100% - 34px);
  }
  .channelHeader__listButton {
    display: block;
    background-color: transparent;
    border: none;
    font-size: 19px;
    color: #bac1d7;
    padding: 0;
  }
  .channelHeader--hasSearch .channelHeader__logo {
    left: 20px;
  }

  .contentArea {
    /* &__buttonWrap {
      margin: 30px 0 20px;
      dl,
      dt,
      dd {
        display: inline-block;
      }
    } */
  }
  .contentArea__row {
    margin-top: 8px;
    padding: 0;
  }
  .contentArea__description {
    padding: 0;
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.18;
  }
  .contentArea__title {
    font-size: 19px;
  }
  .contentArea__info {
    font-size: 14px;
    background-color: #afabab;
    color: #fff;
    border-radius: 15px;
    margin-top: 8px;
    margin: 0 8% 0 -4%;
    padding: 10px 13px 10px 13px;
  }
  .contentArea__infoBack {
    font-size: 28px;
    color: #fff;
    background-color: #ffffff;
    padding: 2% 0 2% 10%;
  }
  .contentArea__video {
    position: sticky;
    left: 0;
    top: 50px;
    border-radius: 5px;
    font-size: 0;
    overflow: hidden;
    z-index: 10;
  }
  .contentArea__video video {
    width: 100%;
  }
  .contentArea__thumbnail {
    width: 100%;
    height: auto;
  }
  .contentArea__trigger {
    background: url("/assets/icon_video_m.f7cac9a6.png") 50% 50%/63px 63px no-repeat;
  }

  .inputTextArea {
    padding: 0;
  }
  .inputTextArea__input {
    width: calc(100%);
    height: 52px;
    padding: 6px 35px 6px 8px;
    border-radius: 5px;
    font-size: 12px;
  }
  .inputTextArea__buttonWrap {
    width: 59px;
    height: 52px;
    margin-left: 7px;
  }
  .inputTextArea__text {
    font-size: 16px;
  }
  .inputTextArea__subText {
    font-size: 11px;
  }

  .listContent {
    padding: 15px 15px 0;
    margin-top: 15px;
    border-top: 1px solid #3d4661;
  }
  .listContent__image {
    width: 30px;
    height: 30px;
  }
  .listContent__right {
    display: inline-block;
    width: calc(100% - 50px);
    margin-left: 8px;
    margin-top: 0px;
    vertical-align: top;
  }
  .listContent__text {
    font-size: 11px;
  }
  .listContent__subText {
    font-size: 13px;
    margin-top: 2px;
    line-height: 1.15;
  }
  .listContent__item + .listContent__item {
    margin-top: 3px;
  }
  .listContent__item ul.replyWrap .reply__text {
    font-size: 11px;
  }

  .loginBox {
    max-width: 100%;
    text-align: center;
  }
  .loginBox__text {
    font-size: 19px;
  }
  .loginBox__subText {
    font-size: 12px;
    margin-top: -2px;
  }
  .loginBox__row + .loginBox__subText {
    margin-top: 3px;
  }
  .loginBox__logo {
    height: 23px;
    vertical-align: -4px;
  }
  .loginBox__logo + .loginBox__text {
    margin-left: 6px;
  }
  .loginBox__buttonWrap {
    margin-top: 50px;
  }
  .loginBox__button + .loginBox__button {
    margin-top: 6px;
  }
  .loginBox--center {
    padding: 0 14px;
    top: auto;
    left: auto;
    transform: none;
    bottom: 21%;
  }

  .imageBanner {
    border-radius: 5px;
    overflow: hidden;
  }

  .contentSlide {
    padding: 0 14px;
  }
  .contentSlide__wrap {
    margin-top: 15px;
    margin-right: -14px !important;
  }
  .contentSlide__text {
    font-size: 19px;
  }
  .contentSlide__anchor {
    display: block;
  }
  .contentSlide__item .slide-cont {
    padding: 3vw;
    font-size: 2.5vw;
  }
  .contentSlide__item2 .slide-cont {
    padding: 2vw;
  }
  .contentSlide__image {
    width: 100%;
  }

  .contentSlide2__item img {
    height: 100%;
  }

  .iconButton {
    padding: 10px 8px;
  }
  .iconButton::before {
    width: 16px;
    height: 18px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAkCAYAAADo6zjiAAAACXBIWXMAAAsTAAALEwEAmpwYAAACRklEQVRYhe3XS4iNcRjH8c+ZcxiGXFIuyS0Jya1INsqtpIiIhFJEuRVC2SgLG5cUJpeFnSJFWchCWbhs2JAwSO4LbExmOOeYsXj+h9PYDGeO1fnV21vv2/99vs/v//zr/WWanrX2QgHzsQWz0QNFtOkataM7MniCRlxAzxwm4xuWYgJe4TPqkE2LK1Um1eiDwViIZmRzmIfWdH+H02hCT+S6EOALBmIVpmElvuUwKgH0wH1cw0fRfaYLipdURAMGYTRGoLnUYbuwKC/moT0t6GoVU50WMRP5ulQ0n4o2COurpfpUIysaLdYJm0tWl9yolsq/nUGmrorFOqUaQA2gBlADqAHUAGoANYBKAYZjrAp+43L/uK4es7AGA3AlXZ/+B0AvLMYOTE/PxmMozuF1NQGGYRPWiZ/Kw3iP5diNiTiCu9UAmIltWCK6PIlT4vf6QQJYJObiBC6L+FUxwADMxS5MwW0cxfVUHG7gjdiW1TiEkbgowmhJfyStjgDtfifiLMaIDLcevXE2XQ/9mZybcABPsRl7MAnHcQ9f8SPV+AVSDlBKsHmRE2dgK+YIyw8JW9927KJMH3AGL8SsLBDZsxGXRCT7riyglAMU08u+4ojtxFRh+TFheWfUgqsi5m/ACuxH/9RAITXaUAJoS0Tfxb6tTeTjcF5M+vNOFi/XAzE3j7FXODIkNZpJIG0lgB/pviy9fIZ94lwXOn75L1QQM/MI27FRbO9LcXzbcuiHbmKvuuMmDuKWmIdKVcQdMR+vEsgY4XrhJ3EBlJcdwfjrAAAAAElFTkSuQmCC") 0 0/100% 100% no-repeat;
  }
  .iconButton--bookmark.is-active::before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAkCAYAAADo6zjiAAAACXBIWXMAAAsTAAALEwEAmpwYAAACeUlEQVRYhe3YX4hUdRjG8c/MDrq7E6ksqItUSoiKqO2QRDeB/QEJkkJJpIRoRMF/pGJRN0K3mxGYSxqD4EVQBAVdRBddrt7YXGyItiZSaV5UN+msujPudvH+zjLs3qzOTlfzwOEMczjn+b7veX/we07u9tsDRdTxEvZhE7rRwIS50STmIYfLGMKX6ClgA+7iNazFb/gHeXSlm1tVLnk8iqV4GbfQVcCLuJPON3AKo+hBYQ4B/sVi7MDT2I67BaxIAN34Cd/jL1F9bg7MMzXQiyV4Ek/gVlbhpGjROOrFSnUy3aBWLrXkWqxUp37XyqVG8hkTMzGeT6bjCaJXtL5dmp88usTgN/KizVmrs260S83PziGXb6PZrNQB6AB0ADoAHYAOQAegA9AqwONYpYVtXOEh75uP5/Am+vBtOv7+PwCK2IJD2Jj+W4NlOIPf2wnwGPbgLbGp/Ah/YhuOYh2O43w7AJ7FAbwqqjyJz8T2eiQBvCLm4lN8I+JXywB9eAFH8BSG8TF+SObwI/4Qr+UNDGI5vhJhNNOMpDUdYFJKxLVyqQsrRYYr4xF8no6fzUzOo/gQv2Av3sX6Wrl0AheKlWoN95PHFEgzQJZgx2vlUjeewX48L1o+KNp6fXoVTbqJ07gqZmWzyJ5DtXLpaxHJ7mkKKM0AjXRxgVhihzEgWv6JaPlsNIbvRMzfhddxDItSAfVUaG8GMJGI7on3tjORr8YXYtJ/naV5s0bE3FzCe6Ij/anQXAKZyADup/PWdPEKPhDruj79yQ+gupiZiziI3eIzwDWxfCfyWCi+XKwQkXkY7+BssVLNUvNDq1ipNnAO74v5IIa7H0v/AzcSoeNrfotBAAAAAElFTkSuQmCC");
  }
  .iconButton--heart::before {
    width: 22px;
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAnCAYAAACWn7G7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFeElEQVRYhc3Za4zcVRkG8N9Ot+2/pdiINK1aLpb/aK0ahSheohEQFGO8ocFCxRskxki8VOstfhC/iAoBEY1GEgiKIla0KmAw0aKoGG1iC1bojFSjIhVbcNu10+5u1w/PGbddd5fd7WX7JpvZ2f+eOc95z/M+72V6trR2m8AW42V4KZbjKViIYfwbD+MB/Azr8egYn/EcnIUXocZxmIPd+Bf+jHvwU9zfrKvB8cD0jAO2Fy/B63A6TsZT0Rj1f0PYVgD/Cj8qG8PSAvJMPLcAPXaMvXZiCzYXwLc16+qRyYI9oYC8oGyyoPz9EfyzfLiy8WIcX94/VgDfiu04F6/GEvHkXvxVvL8XlXh5MeZhAH/BnViLu5t1NTAR2JNwKVYWzxCvbcBGtOTqYBGW4dTysxw9+Ds6eDLmow+b8Jvy2n2+oOyxAi8sr0/Ef/BbXI3bm3W1twuudz+gS/BevKuceBvW4Tt4sHhuZ/EAzC4bHidXvBJvErp0bQO+gV/gofIZXe/0lMMsLHufgbeWg78cszDUand+3PVwb1nUi4vxjrL5A/gqvicBMJYNyJU+ij9haznUSrnaO3Ajflm8NdqG0d+sq3481Gp3WrgX78FrJKj7hH73dME28IpyqkX4B76Cr6F/HKBj2RZ8qRx0iQTLfZNd3KyrnfhJq93ZIXw+V4LzwVa7s7VZV9t6hScX42nYhVvwzSkC7dqOsn7a1qyrDa1251q5ndPwKqxvtTvrG8KR0zFXguAmifoZs2Zd3S4U3COgz8ZZvULs40Uz75ZrPBrs18Lh5wvGWV3PzsXfBGhnptCNspaoyT40cWpDstMs3C/yMjRT6EbZw2iLIszCkgZOLA+3SeY5KsCWZNAn2Q7mNSTVEd0ct4iYIRsUPaZwdnt5c4wR4EeLzRUKwEBDAovk6UX7PZxRa7U7x4hKdR3Y35DAGsSzpJDpHXv5EbeT8Gy58V3Y2hBt7ZNMdhqeNGPwDrTn4cUS8BtwVwM/N1KsnCEVz9wjj23EWu1ON2udICXpnbijIVp2mwTacrwdL5BqbCaALsAlOEcSwiZpmTY2RMduxF3i8jPxNjxjBoAuxHlSUy+VzmIdNjXrak+joG9Lkb1JiupVUogvdYQ83Gp3KrwSl0kHskeuf12zrnZxYAO4Fl8swOfjInzcgZX/4QLaK13GZZL+h8V5VzfrqiutB8jUoJRl87CmLLqgPLtCOoHDBfRCvM8I9W7BVSKr/7PRmvoYbhYqvF8K8rcIl6+VbuBQ2mycjw+IVA2JRz+Le5t1tW8isKTav0FqhQ8XwBeWZ1826rQHYfPxenxCOts9+wHdPBroeGDJtOUmCb5PCm9XSW90Ff54CICeh0/hFPHod3F5s67+MN6iiVJrFzDh8DLpXIeFw61pAp2DN0vwniIO+TqunAjo44Elc4LrRb4+KBX7KgnGL5g6hyuJgY9IAtonc4XPN+tq8+MtnkzRsqcAni3a+3TphhsyNZlszzYfb8DHCtDd+CE+06yrScXBZCusTgHcwYcK4EuEEtcUwMPjrs7k5rVy9cvlxn6ATzfratK3M5VycKfI2gA+Kpr4Til6ukE3VkvUDabVUvJ1ZxOfM0UaTbV27cO3hAKr8UwJun3C4c3ld8LzOZKZ1hSg/XLgK6YKdDpgCRVuEA5fKhp5vnD7GlGJYRm4nS0cXSHzrrW40jRnE9PtCoZwXXldLTy8qIC8XIZ155TfTy5rvi+CP+0hysG0MIMiOyRxnCiydKxUb++W7NcjHO0CnSgQDxtYIj/fFm6ukb7pjfI9xLLyPzeLxN1nhM/TskPRHHaDrkdmqyvwBOHorQL09w4SKP//hcZ0bYe0Rr/b72/bZXS60SGa8vwXYTqJhslWMgIAAAAASUVORK5CYII=");
  }
  .iconButton--heart.is-active::before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAnCAYAAACWn7G7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFeElEQVRYhc3Za4xcZRkH8N/OLvQyi41A01bLRUAoFZFOFC/BCAiKMTFBEiwiXhgTYyR+aELQ6geIH0SiAVETjU5iELVWRJoIGExUFBWjHe1FbGmlGhWp2AK7HXrb7vrh/x63u+zW2W3p9kk2Z8/lPe//PM//uU7PruuXOYQswJtxEZbgZZiHETyHp7AZP8PP8cwE73g1LsUbcBZOxPHYjf/gr3gUP8Wmeqs9NBmYnknA9uFNeBcuxOl4OWrjnjuA7QXwr/GjsjEsLiAvwWsK0BMm2GsQj+OxAvj+eqv9dLdgTykgrymb9JfrT+Pf5eXKxgtwcjl/tgC+FztwBd6BhaLJffi7aH8fZouWF2AO9uNveAj34JF6q73/UGBPww1YXjRDtLYW67BFTAfzcQaWlb8l6ME/sQeLMBcDWI/flmN1v7/ssRSvL8eX4nn8DnfggXqrva8C13cQ0IX4GK4vX7wda/B9PFE0N1g0AMeVDU8UEy/HVUKXStbibvwST5Z37K4UVT5mXtn7YryvfPhb0IsDnWbjx5WG+8qiPjTxwbL5ZnwNPxQHmEj2i0mfwV+wrXzUcjHtg7gLvyraGi8j6NRb7Q6e7DQbW7ABH8U7xakHhH6PVmBreGv5qvn4F76Kr6MzCdCJ5HF8pXzoQnGWjd0urrfag/hJp9nYKXy+QpzziU6zsa3eam+vCU+aeAV2YTW+M0Wglews6++cCtBxoNfiy/iDON7bcVGn2TipJhy5ELPECb4tXj9jUm+1HxAK7hVKXYZL+4TYJ0vMfETMeCzIb4TDrxWMvZVmZ+EfAnTPTKEbJ1skmgzjlVhWk+zUi00SXg7MFLpx8hS2SkToxcIaTi03t0vmOSbAlmQwINkO5tTE40jcnLSImCEZknhM4eyOclI3CvxYkVlCAdhfE8cieXr+QTdnVDrNRl2iVKXATk0cawivkkKmb+LlR11Ow3li8V3YVpPYOiCZrIGTZgzeWLkAbxSHX4uHa/iF0WLlYql4Zh19bKPSaTaqrHWKlKQP4cGaxLL7xdGW4AN4nVRjMwG0Hx/G5ZIQ1kvLtK4mcewuPCwqvwTvxzkzAHQe3i019WLpLNZgfb3V3lsr6LdKkb1eiuprpRBf7ChpuNNszMbbcIt0IHvF/GvqrfYuxjaA9+BLBfhcXIdPGlv5v1hA+6TLuEXS/4go7456q12F1jFhakjKsjm4sSy6ptz7vHQCLxbQ9+LjRqm3GrdLWP2f9K5ctujg8z3SouwuCxeJSfrL9R2OrByH92CFVH/DotHPYUO91R5Tp4wHqwDdJIF4qQw2zhKNbzPa3R6uzBVn+hTOF0dfjc9i43igTJ6tnpOOYRifFt5eK73R7fjzEQJ6M86UKPQD3Fpvtf802aKJNFvJXinGnzWq4bOFEpul35qOHI+rsbK8bxjfwm2HAvr/wBLTbBBqnC0cXiKU2GrqHJ4trfpNOLcAvbsboN2AJSbaWI5nFsDnl42nAngurhSOnisKuA+fqbfaXdGqG7AkrD0mE5lzpOO8QLy5myjRL/OzlUKpwQL05nqr3XWDOpVycBCrpKO4qYD+kBQ9ldNN1BJVzrRCSr5qNnGbDEa6lqnWrgP4rmS+FWLO5cK9L4r2h8uzPeJMV0mSOU8GJ6skyUwJ6HTAksTxTaHADWLWqyV63Ckt9IgM3C7DJ8ozz0tK/4Jpziam2xUcwDfKcYVEiOsKyFtlWHd5+f/0suY+yUzTHqIcTgszJGGHJI5TJXWeINXbR2R+1iMcrYCOvOBNRwEsCT/fE27eKH3TlfI7xBnlmVUyGN5olM/TkiPRHFZO1yOz1aV4iXD0XgH6R4cJlBf+oDFd2Smt0e8PurZDRqfrHKEpz38BoNORWZxzrvoAAAAASUVORK5CYII=");
  }
  .iconButton--share::before {
    width: 20px;
    height: 21px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAqCAYAAAAu9HJYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFY0lEQVRYhcXZW4zcZRkG8N/MLu6/W0pNrS1FQCgzqERiFBpAA5RDNUAlRhFPicZD8IReGCM3HhLjlYl60USDJsZTVNSkSDlINVSRUlAsB6ViZ5AlVEpthVYOThdn14vnm+x23d1Wy0zfq535v9/+n+89PM/7fVObnJzUancM2IZwOt6GtViJCezAnfgh7mo2qv1QO0Igz8InsKZ83l1ALsIx+D3WYWOzUT0/PGh0WIXP4Hw8iBswVp6dUJ5fgs+h22p3bh00yJfiY7gIt+Br2I5eKitcj3/gvfgk9g4SZA2X4U3Yhm/gd9BsVD2fDva22p0vY4nU65X1AYIckhRP4Jd4YC7HZqPagZvRxXmDBDki0fkbWhg/iP9u7MXyQYLcj6cl7UOH4F8vfhODAlnDKJ7HiXiNUM2s1mp36mhI5Mf63TjDBVwT5+I0LMd5uFXSeQBJt9qdYdnE5eXZxn6ArJmK3GlCNxdJBB/HH3E8rsZC3N5qd56R1FZlQ5/GmdiA619okHVJ48l4A1aLuizCFlyHZ/F2XIBlIo9jZe0KnFPW/gHfwrbZQNYkTbXyeQL/PgSAvbSeg4slet0CbgN+LumdFJ58HG/Fp7BH6nWFpPgWXIt7mo1qcjbtXolTcWzZ3S6Rr7F5AJ6KN8rA8Fo8g3vxU/waT5bvelaXKK6S+jypbGgPNuNu7Gg2qnEOHDAW4y14t9TPkES0i4fwY6zHc9Ne9kq8uaxbWZ5tLZHYivYMcDPtRRK9JRLhp7Gz2aimv0Mv3SvwAXxIivchPCapXil19Qq8HD+QGrtE0np6+R93iZJsLuv3zwOuZ+N4tNmoHp3PabjV7pyMK3GV1N43cZvMdl2J6lqpn49KGRwtEjeC+wq42/CwNMYLasN4l0RxEl/CTfj7NJ8xkbGWUMMHRbIexEb8ViaZ+dJ62CDfI2m8Fj8yg1yL7SzPTpFZ8BF8FbdLV/bV6kK4T8jY3p3Hdxz3FIBtIeW+AyQgSVd1THHjXL5dPCXduGza+r5a78WL8GLzgyQNs0z47Dnp/r5bHX8S0X+d8NZcNiq8eIKUyHHF/2AbO2yrC0k/JhTzDhw1i98xeJ8QPWmgz+ManKHPaR/GTyTlV5cXv0yaaLfQ0rFC2leICq3DAplSPiKDwk34jRwJDjZx/89W2976V10a4f1C1qPSwTuLz4mirU/gO/he8Xl9AX52AX+/yGZPCA6Z1KcdxGYHOU27XyJiv1Zqb7FEep+oyo0ieU+WtQvKBs4ua84tYO+TyK7HvHJXbEQaso6nmo3qvyau2aagU2Tk6lHMLhmt5nphXXR9taR+ldTwvXLiu1EUaaYtw6Vlc8vLd3vKJm9oNqq/zgfy/7WabO5COVufYUrbN+CO8jdhkqsKyAUiw13J5oiMd1/HprnmycO1o6TZLpT58qzy/f1yIbBfbifWSO2vN3UGb8hcerHMlJ/FHf28sKqEU8+UmfN8aaajJeo349sS3R4jjEo0r8E7sQlf7OdpsSOT08NSn6vwcSmJLcISmzmgu/dhX6vd+QqWlo1dMQjtnZAh+PsyoOwUTt0214Jmo9ouZyK4YNB3QUtF3f7iwGPIbLZLyuO4Qd6qLZQ67V2xTB7Ef6j4dAcZyWeFapaKWMx5zVJsqTTSrkGC7ApXjkhDnDSXY6vdOV4YYSHuHCRIQju/wKuFA1fPdGi1O6/CF4Qrf4WfDfo6eo8oyRIh+8VY32p3HjF1YbBG5PUBmbi2HolfH2pC8B+W6+lR4UdSCpWcQNeJLI4fiV8fJuUnkH/KBf7lMsN2pbG24LvNRrWpt+BIgOzZDrmO6Yhmd8t3d+PPrXan3mxUE/AfERCW1W0I/EwAAAAASUVORK5CYII=");
  }
  .iconButton--delete {
    padding: 10px;
  }
  .iconButton--delete::before {
    width: 14px;
    height: 14px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAACpUlEQVRIibWWzWsTQRjGf90pzcWGLLQ0lGiTbLUgVHpJQavFk0JF8OTJL/DgXyDYoyf7R6gUvHrzI4g3K7aVlF6LdltjQ0lPW9JS2MBUDzO7TdLsZmrjA7nM+87zTGaf932n58GT53RAD3ANuAVMAaOArWMesA58A94DC8CfOLLemJgFPAJmtUg7DOnfFPBUi78A5oHDKNJ2yAFLwKsYsXYY1XuWNIeR4HXgO1A4gVArCppjupPgDeATMHAKsQADwGfgZpTgGPAW6OuCWIA+zTnWKiiAN0B/F8UCnNHcolHwITHfzHU3WV4uUa3uHItJKSmVVimVVpFSRlEUUI7HQtXZbNwRs9lzCCGoVLbxfb8pVqlsI6XEcXIIIeJongE9FspJsdYXQuA4OaSUlMtb4Xqttke1ukMy2Y9tp+Io0BrTFjDTKRPAtlPYdgrP28XzdgHY2NhECEE+nzWhAJixgCum2cG1lcu/KZe38P06mcwwiUTClOKyBZw3zRZCkMkM4/v18CrT6SHT7QAXLI4asREGB496gsF3a4Ud1Usj4bqbAKFrY0qhLSzUiDFCrbaH5+1i26nQtcEBDOFZwE+TTCll6ErHyWHbKZLJ/ibXGuCHBSyaZKqiV64MCjyfz4auNbzaRQv40Cnr4OCgrSsTiQTp9BC+X6dS2TYR/GgBX1CTOhKu+wuAkZGzx2KqDvuoVneo1fbiaNaBhV7UG2QOeBmVOT5+MfbYExOXYuMac8BhUBbzQMlk1z9iRWuE40kC94H9/yC2D9zTGk0Tfw24C9S7KFbXnGvBQmunKQJ36M4/3ddcxcbFdq2tiJrQK6cQW9EcxdZAVC9dAyaBx4B7AiFX75mk4RobEffyPgReo9x1FbiNmp0OzU99F/XUfwd8JeLFHeAvQQfOr5O4wNUAAAAASUVORK5CYII=");
  }
  .iconButton__text {
    font-size: 11px;
    margin-left: 4px;
  }

  .button.is-100 {
    font-size: 12px;
    border-radius: 5px;
  }
  .button.is-middle {
    height: 33px;
    font-size: 12px;
    border-radius: 5px;
  }

  .mypageBox .user {
    text-align: center;
  }
  .mypageBox .thumb {
    overflow: hidden;
    position: relative;
    background: #e6e6e6;
    border-radius: 50%;
    width: 77px;
    height: 77px;
    margin: 0 auto;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjczM0Y5M0VBRDNGNjExRTdCOUU2OEQ4RjU0RDI0MEVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjczM0Y5M0VCRDNGNjExRTdCOUU2OEQ4RjU0RDI0MEVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzMzRjkzRThEM0Y2MTFFN0I5RTY4RDhGNTREMjQwRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzMzRjkzRTlEM0Y2MTFFN0I5RTY4RDhGNTREMjQwRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7OwfyvAAACjUlEQVR42rSWW4hNURjH99lGxiVjjMswomGkaEaZRjRRPOBlFCmNBhlFRpTyIk1J5JY3lKJESqhxSzwoiuZFLgklI+SSXJKRXMYZv0//Xds0zl7n7L2/+rVO56y1/mut863/+jJdB5d5ecQ8aIaZMBq+wCM4C0fhq+tEGUfhIXAcGnL0eQ1L4ZbLhL5DnxK4IdHP0AqTYaB23Qh3oQKuwdykhA9DDTyEqbADHsM3eAunoA4OQD8d+/C4wrU6PhNZCC//0+83bIQrUApb4go3hnb9LKJvN2zV5xVRc0cJ16m96Jisd5RkZTA+jvAIta/yuHJv1I6MI/ypxwJcYpjaj3GE76md7yhaBZXQCU/jCJ9Ru95x162hcV1xhK/LFIZqspIcfTcrm+3qbU/CQJYruWYra5tgUGj8DGiDfbpSa+BF1KRFDsLmTvWafBqcgCx8gMFQrH72QKyG00lZpifHmg6r5NtZ/ecm2gF7YaKrqOuOw7Z4TPi6NvYsfvcKiKICxgyAcr1OZUomM41fSQuPgcUqAmol2jPs6jyHdrgK56OKglzCU2AbLII+oe9/KOE6Nd4yfJTMo0q3wH47ArvgvWty9YXdcq0lSiTL6JWauL/cqUYFwVgdfzVsUPLZYjbBE42LLH3sepyDORK053CnXpx8olrjglLpkBaV7W3HtupLEn2nEqalAFGLByocmpR8LapQej3q/TBLLlWvI4sbJ/XAmPg67fofYRNcCz+VTB1ecnFTO++W0UwIC9v/kYE9cNtLPtpUHherWPybXJad91W6jpMbpREVqttss5W+zMGTz6YlGhT8F3T3G3wlksVlL/0INBb4MgBPRXra0a52ki+7C97dtCOoQMv/CDAApOmQuLMiq24AAAAASUVORK5CYII=) #fff no-repeat center center;
    border: 2px solid #ff7e00;
    border-radius: 50;
  }
  .mypageBox .thumb img {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    width: 71px;
    height: 71px;
    transform: translate(-50%, -50%);
  }
  .mypageBox .user h3 {
    margin-top: 19px;
  }
  .mypageBox .usrName {
    margin-bottom: 15px;
  }
}