/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/stylus-loader/dist/cjs.js!./src/app.styl ***!
  \*************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap);
/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/stylus-loader/dist/cjs.js!./src/shared/button.styl ***!
  \***********************************************************************************************************************************************/
.src-shared-button__base {
  cursor: pointer;
}
.src-shared-button__button {
  display: inline-flex;
  background-color: var(--button-bg-color);
  color: var(--button-text-color);
  align-items: center;
  justify-content: var(--button-align);
  border: 1px solid var(--button-border-color);
  border-radius: var(--button-border-radius);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1em;
  cursor: pointer;
  padding: var(--button-padding);
  user-select: none;
  transition: all var(--animation-speed), padding 0;
  text-decoration: none !important;
  vertical-align: top;
  flex-shrink: 0;
}
.src-shared-button__button:hover:not(.src-shared-button__disabled):not(.src-shared-button__loading):not(.src-shared-button__primary):not(.src-shared-button__secondary):not(.src-shared-button__tertiary):not(.src-shared-button__custom):not(.src-shared-button__danger) {
  filter: brightness(0.8);
}
.src-shared-button__button:active:not(.src-shared-button__disabled):not(.src-shared-button__loading):not(.src-shared-button__primary):not(.src-shared-button__secondary):not(.src-shared-button__tertiary):not(.src-shared-button__custom):not(.src-shared-button__danger) {
  filter: brightness(0.7);
}
.src-shared-button__button span {
  white-space: nowrap;
}
.src-shared-button__button.src-shared-button__fill {
  width: 100%;
}
.src-shared-button__button.src-shared-button__icon.src-shared-button__iconLabel .src-shared-button__iconLabelText {
  display: none;
}
.src-shared-button__button.src-shared-button__icon.src-shared-button__iconLabel:hover:not(.src-shared-button__disabled):not(.src-shared-button__loading) .src-shared-button__iconLabelText,
.src-shared-button__button.src-shared-button__icon.src-shared-button__iconLabel:active:not(.src-shared-button__disabled):not(.src-shared-button__loading) .src-shared-button__iconLabelText {
  display: inline-flex;
}
.src-shared-button__button:not(.src-shared-button__icon) > svg {
  font-size: 1.25em;
}
.src-shared-button__button.src-shared-button__loading {
  position: relative;
  cursor: initial;
}
.src-shared-button__button.src-shared-button__disabled {
  cursor: initial;
}
.src-shared-button__button.src-shared-button__loading > *:not(.src-shared-button__button .src-shared-button__loadingSpinner):not(.src-shared-button__button .src-shared-button__loadingtext) {
  visibility: hidden !important;
}
.src-shared-button__button .src-shared-button__loadingSpinner {
  animation: rotate360 2s linear infinite;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  height: 1em !important;
  width: 1em;
}
.src-shared-button__button .src-shared-button__loadingSpinner:not(.src-shared-button__spinnerWithText) {
  position: absolute;
  margin: 0 !important;
}
.src-shared-button__button:not(.src-shared-button__icon) > *:not(:last-child) {
  margin-right: 0.625rem;
}
.src-shared-button__button.src-shared-button__tiny {
  border-radius: 0.25rem;
  font-size: 0.5rem;
  height: 1.5rem;
  padding: var(--button-padding, 0 0.5rem);
}
.src-shared-button__button.src-shared-button__tiny.src-shared-button__icon {
  padding: 0;
}
.src-shared-button__button.src-shared-button__tiny.src-shared-button__icon > svg {
  font-size: 0.875rem;
  margin: 0.25rem;
}
.src-shared-button__button.src-shared-button__tiny.src-shared-button__icon:hover .src-shared-button__iconLabelText {
  margin-right: 0.25rem;
}
.src-shared-button__button.src-shared-button__tiny.src-shared-button__circle {
  border-radius: 0.75rem;
}
.src-shared-button__button.src-shared-button__tiny span {
  height: 0.5rem;
}
.src-shared-button__button.src-shared-button__small {
  border-radius: 0.375rem;
  font-size: 0.625rem;
  height: 2rem;
  padding: var(--button-padding, 0 0.75rem);
}
.src-shared-button__button.src-shared-button__small.src-shared-button__icon {
  padding: 0;
}
.src-shared-button__button.src-shared-button__small.src-shared-button__icon > svg {
  font-size: 1rem;
  margin: 0.4375rem;
}
.src-shared-button__button.src-shared-button__small.src-shared-button__icon:hover .src-shared-button__iconLabelText {
  margin-right: 0.4375rem;
}
.src-shared-button__button.src-shared-button__small.src-shared-button__circle {
  border-radius: 1rem;
}
.src-shared-button__button.src-shared-button__small span {
  height: 0.625rem;
}
.src-shared-button__button.src-shared-button__medium {
  height: 2.375rem;
  border-radius: 0.4375rem;
}
.src-shared-button__button.src-shared-button__medium.src-shared-button__icon {
  padding: 0;
}
.src-shared-button__button.src-shared-button__medium.src-shared-button__icon > svg {
  font-size: 1.125rem;
  min-width: 1.125rem;
  margin: 0.5625rem;
}
.src-shared-button__button.src-shared-button__medium.src-shared-button__icon:hover .src-shared-button__iconLabelText {
  margin-right: 0.5625rem;
}
.src-shared-button__button.src-shared-button__medium.src-shared-button__circle {
  border-radius: 1.25rem;
}
.src-shared-button__button.src-shared-button__medium span {
  height: 0.75rem;
}
.src-shared-button__button.src-shared-button__large {
  border-radius: 0.5rem;
  font-size: 0.875rem;
  height: 3rem;
  padding: var(--button-padding, 0 1.5rem);
}
.src-shared-button__button.src-shared-button__large.src-shared-button__icon {
  padding: 0;
}
.src-shared-button__button.src-shared-button__large.src-shared-button__icon > svg {
  font-size: 1.5rem;
  margin: 0.75rem;
}
.src-shared-button__button.src-shared-button__large.src-shared-button__icon:hover .src-shared-button__iconLabelText {
  margin-right: 0.75rem;
}
.src-shared-button__button.src-shared-button__large.src-shared-button__circle {
  border-radius: 1.5rem;
}
.src-shared-button__button.src-shared-button__large span {
  height: 1rem;
}
.src-shared-button__button.src-shared-button__square {
  border-radius: 0;
}
.src-shared-button__button.src-shared-button__primary.src-shared-button__disabled,
.src-shared-button__button.src-shared-button__primary.src-shared-button__loading {
  background-color: var(--neutral-300);
  border-color: var(--neutral-300);
}
.src-shared-button__button.src-shared-button__primary.src-shared-button__transparent {
  background-color: transparent;
  border: 1px solid transparent;
}
.src-shared-button__button.src-shared-button__primary:not(.src-shared-button__disabled):not(.src-shared-button__loading):not(.src-shared-button__transparent):hover {
  background-color: var(--primary-600);
  border: 1px solid var(--primary-600);
}
.src-shared-button__button.src-shared-button__primary:not(.src-shared-button__disabled):not(.src-shared-button__loading):not(.src-shared-button__transparent):active {
  background-color: var(--primary-700);
  border: 1px solid var(--primary-700);
}
.src-shared-button__button.src-shared-button__secondary {
  background-color: var(--white);
  border: 1px solid var(--primary);
  color: var(--primary);
}
.src-shared-button__button.src-shared-button__secondary.src-shared-button__disabled,
.src-shared-button__button.src-shared-button__secondary.src-shared-button__loading {
  border-color: var(--neutral-300);
  color: var(--neutral-300);
}
.src-shared-button__button.src-shared-button__secondary.src-shared-button__transparent {
  background-color: transparent;
  border: 1px solid transparent;
}
.src-shared-button__button.src-shared-button__secondary:not(.src-shared-button__disabled):not(.src-shared-button__loading):not(.src-shared-button__transparent):hover {
  background-color: var(--primary-100);
}
.src-shared-button__button.src-shared-button__secondary:not(.src-shared-button__disabled):not(.src-shared-button__loading):not(.src-shared-button__transparent):active {
  background-color: var(--primary-100);
  border-color: var(--primary-600);
}
.src-shared-button__button.src-shared-button__tertiary {
  background-color: var(--primary-200);
  border: 1px solid var(--primary-200);
  color: var(--primary-600);
}
.src-shared-button__button.src-shared-button__tertiary.src-shared-button__disabled,
.src-shared-button__button.src-shared-button__tertiary.src-shared-button__loading {
  background-color: var(--primary-100);
  border-color: var(--primary-100);
  color: var(--primary-400);
}
.src-shared-button__button.src-shared-button__tertiary.src-shared-button__transparent {
  background-color: transparent;
  border: 1px solid transparent;
}
.src-shared-button__button.src-shared-button__custom.src-shared-button__disabled,
.src-shared-button__button.src-shared-button__custom.src-shared-button__loading {
  opacity: 0.2;
}
.src-shared-button__button.src-shared-button__iconColors {
  background-color: var(--neutral-200);
  border: 1px solid var(--neutral-200);
  color: var(--neutral-700);
}
.src-shared-button__button.src-shared-button__iconColors.src-shared-button__disabled,
.src-shared-button__button.src-shared-button__iconColors.src-shared-button__loading {
  background-color: var(--neutral-100);
  border-color: var(--neutral-100);
  color: var(--neutral-400);
}
.src-shared-button__button.src-shared-button__iconColors.src-shared-button__transparent {
  background-color: transparent;
  border: 1px solid transparent;
}
.src-shared-button__button.src-shared-button__iconColors:not(.src-shared-button__disabled):not(.src-shared-button__loading):hover {
  background-color: var(--neutral-100);
  border-color: var(--neutral-100);
}
.src-shared-button__button.src-shared-button__iconColors:not(.src-shared-button__disabled):not(.src-shared-button__loading):active {
  background-color: var(--neutral-200);
  border-color: var(--neutral-200);
  color: var(--neutral-800);
}
.src-shared-button__button.src-shared-button__danger {
  background-color: var(--negative-500);
  border: 1px solid var(--negative-500);
  color: #fff;
}
.src-shared-button__button.src-shared-button__danger.src-shared-button__disabled,
.src-shared-button__button.src-shared-button__danger.src-shared-button__loading {
  background-color: var(--negative-300);
  border-color: var(--negative-300);
  color: rgba(255,255,255,0.6);
}
.src-shared-button__button.src-shared-button__danger.src-shared-button__transparent {
  background-color: transparent;
  border: 1px solid transparent;
  color: var(--negative-600);
}
.src-shared-button__button.src-shared-button__danger:not(.src-shared-button__disabled):not(.src-shared-button__loading):hover {
  background-color: var(--negative-600);
  border-color: var(--negative-600);
  color: var(--base-white);
}
.src-shared-button__button.src-shared-button__danger:not(.src-shared-button__disabled):not(.src-shared-button__loading):active {
  background-color: var(--negative-700);
  border-color: var(--negative-700);
  color: var(--base-white);
}
.src-shared-button__button.src-shared-button__top {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.src-shared-button__button.src-shared-button__bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: none !important;
}
.src-shared-button__button.src-shared-button__right {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: none !important;
}
.src-shared-button__button.src-shared-button__left {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/stylus-loader/dist/cjs.js!./src/utils/alert/alert.styl ***!
  \***************************************************************************************************************************************************/
.src-utils-alert-alert__alert {
  align-items: center;
  background-color: #fff;
  border: 1px solid var(--neutral-100);
  border-radius: 0.5rem;
  display: flex;
  padding: 1rem;
  gap: 0.75rem;
  animation: fadeIn 0.125s ease-in;
  max-width: 35rem;
}

/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/stylus-loader/dist/cjs.js!./src/utils/alert/container.styl ***!
  \*******************************************************************************************************************************************************/
.src-utils-alert-container__alertContainer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: fixed;
  top: 1.5rem;
  right: 1.5rem;
}

/*!*****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/stylus-loader/dist/cjs.js!./src/app.styl (1) ***!
  \*****************************************************************************************************************************************/
#container {
  height: 100%;
}
.gradientBackground {
  background: radial-gradient(circle farthest-side at bottom, #1a58af 20%, transparent 100%), radial-gradient(circle at left, #4bcacb 20%, transparent 100%), radial-gradient(circle at right, #ed4144 0%, transparent 100%);
}
.hidden {
  visibility: hidden;
  margin: 0 !important;
  opacity: 0;
  max-height: 0;
  max-width: 0;
  display: none;
}
.h3 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 100%;
}
@media (max-width: 43rem) {
  .h3 {
    font-size: 1.5rem;
    line-height: 150%;
  }
}
.subtitle {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 140%;
}
.strongBody {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.625rem /* 144.444% */;
}
.body {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.845rem;
}
.bodySmall {
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}
.smallCopy {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 160%;
}
.caption {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 100%;
}
.strongCaption {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 100%;
}
.primary {
  color: var(--primary);
}
.error {
  color: var(--negative-500);
}
.success {
  color: var(--positive-500);
}
.medium {
  color: var(--neutral-600);
}
.mediumDark {
  color: var(--neutral-700);
}
.dark {
  color: var(--neutral-900);
}
.light {
  color: var(--neutral-500);
}
.strong {
  font-weight: 700;
}
.extraStrong {
  font-weight: 900;
}
.textRight {
  text-align: right;
}
.textCenter {
  text-align: center;
}
.textLeft {
  text-align: left;
}
.divider-dot {
  flex-shrink: 0;
  background-color: var(--neutral-600);
  height: 4px;
  width: 4px;
  border-radius: 50%;
}
.divider-horizontal {
  background-color: currentColor;
  height: 1px;
  min-height: 1px;
  width: 100%;
}
.loadingSpinner {
  animation: rotate360 2s linear infinite;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  height: 1em !important;
  width: 1em;
}
@-moz-keyframes rotate360 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate360 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotate360 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:root {
  --base-white: #fff;
  --base-black: #030712;
  --primary-50: #e4eefb;
  --primary-100: #caddf7;
  --primary-200: #94baef;
  --primary-300: #5f98e7;
  --primary-400: #2a75df;
  --primary-500: #1a58af;
  --primary-600: #15478e;
  --primary-700: #10366b;
  --primary-800: #0b2447;
  --primary-900: #051224;
  --primary: var(--primary-500);
  --neutral-50: #f7f8f8;
  --neutral-100: #e6e6e7;
  --neutral-200: #d4d5d7;
  --neutral-300: #c0c2c4;
  --neutral-400: #aeb0b3;
  --neutral-500: #8e9094;
  --neutral-600: #686b71;
  --neutral-700: #42474d;
  --neutral-800: #353a41;
  --neutral-900: #1c222a;
  --neutral: var(--neutral-500);
  --secondary-50: #ebf9f9;
  --secondary-100: #dbf5f5;
  --secondary-200: #b8eaea;
  --secondary-300: #94e0e0;
  --secondary-400: #71d5d6;
  --secondary-500: #4bcacb;
  --secondary-600: #32adae;
  --secondary-700: #268283;
  --secondary-800: #195757;
  --secondary-900: #0d2b2c;
  --positive-50: #e7f8f4;
  --positive-100: #cbf1e6;
  --positive-200: #97e2ce;
  --positive-300: #68d5b7;
  --positive-400: #37c39d;
  --positive-500: #288f73;
  --positive-600: #20745d;
  --positive-700: #195847;
  --positive-800: #10382d;
  --positive-900: #081c16;
  --negative-50: #fceeee;
  --negative-100: #f7dad9;
  --negative-200: #efb5b3;
  --negative-300: #e78f8d;
  --negative-400: #e06a67;
  --negative-500: #d84642;
  --negative-600: #ba2a26;
  --negative-700: #8c201d;
  --negative-800: #5d1513;
  --negative-900: #2f0b0a;
  --negative: var(--negative-500);
  --warning-50: #fff8eb;
  --warning-100: #fef1d7;
  --warning-200: #fde1aa;
  --warning-300: #fcd383;
  --warning-400: #fbc55b;
  --warning-500: #fab631;
  --warning-600: #ea9d06;
  --warning-700: #ae7504;
  --warning-800: #734d03;
  --warning-900: #3c2801;
  --warning-950: #1e1401;
  --theme-job: #d9383f;
  --theme-works: #be9458;
  --scrollbar-color: var(--neutral-400);
  --scrollbar-color-hover: var(--neutral);
  --scrollbar-color-active: var(--neutral-700);
  --scrollbar-bg: var(--neutral-100);
  --animation-speed: 200ms;
/*
   * Z-Indeces
   */
  --z-index-background: 0;
  --z-index-surface: 1;
  --z-index-floating: 99;
  --z-index-menu: 100;
  --z-index-draw: 1000;
  --z-index-modal: 10000;
  --z-index-notifications: 100000;
  --z-index-loading-bar: 1000000;
  --z-index-tooltip: 1000002;
  --z-index-select: 1000003;
/*
   * Shadows
   */
  --shadow-low: 0 0 4px 0 rgba(28,34,42,0.12);
  --shadow-medium: 0 0 8px 0 rgba(28,34,42,0.12);
  --shadow-high: 0 0 12px 0 rgba(28,34,42,0.12);
}
html,
body {
  color: var(--neutral-900);
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
/* Scrollbar customizations */
@media (min-width: 36rem) {
  ::-webkit-scrollbar-track {
    border-radius: 10px;
  }
  *::-webkit-scrollbar {
    width: 12px;
    background-color: var(--scrollbar-bg, auto);
  }
  *::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 2px solid var(--scrollbar-bg, auto);
    background: var(--scrollbar-color);
  }
  *::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-color-hover);
  }
  *::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-color-active);
  }
  * {
    scrollbar-width: none;
    scrollbar-color: var(--scrollbar-color) var(--scrollbar-bg);
  }
}
* {
  box-sizing: border-box;
}
a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
p {
  margin: 0;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  background-color: transparent;
  font-family: 'Noto Sans JP', sans-serif;
  border-style: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}
pre {
  white-space: pre-wrap;
}
:focus:not(:focus-visible) {
  outline: none;
}
[contenteditable] {
  outline: none;
}

/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/stylus-loader/dist/cjs.js!./src/pages/404.styl ***!
  \*******************************************************************************************************************************************/
.src-pages-404__page {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
}
.src-pages-404__background {
  text-align: center;
  color: var(--neutral-200);
  font-size: 22.5rem;
  position: absolute;
  font-weight: 700;
  width: 100%;
  transform: translateY(-1.5rem);
}
.src-pages-404__foreground {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  justify-content: center;
  padding: 0 2rem;
  z-index: 10;
}
.src-pages-404__back {
  margin-top: 1.25rem;
}
@media (max-width: 43rem) {
  .src-pages-404__background {
    font-size: 15rem;
  }
}

/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/stylus-loader/dist/cjs.js!./src/pages/loading.styl ***!
  \***********************************************************************************************************************************************/
.src-pages-loading__page {
  align-items: center;
  background-color: #f4f5fb;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center;
  height: 100vh;
  width: 100vw;
}
.src-pages-loading__logo {
  animation: src-pages-loading___pulse 2s ease-in-out 0s infinite forwards;
  height: 3rem;
  width: 3rem;
  background-color: #fff;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 8px 20px 0px rgba(26,88,175,0.16);
}
@-moz-keyframes src-pages-loading___pulse {
  10% {
    scale: 0.8;
  }
  30% {
    scale: 1.2;
  }
  50% {
    scale: 0.8;
  }
  60% {
    scale: 1;
  }
}
@-webkit-keyframes src-pages-loading___pulse {
  10% {
    scale: 0.8;
  }
  30% {
    scale: 1.2;
  }
  50% {
    scale: 0.8;
  }
  60% {
    scale: 1;
  }
}
@-o-keyframes src-pages-loading___pulse {
  10% {
    scale: 0.8;
  }
  30% {
    scale: 1.2;
  }
  50% {
    scale: 0.8;
  }
  60% {
    scale: 1;
  }
}
@keyframes src-pages-loading___pulse {
  10% {
    scale: 0.8;
  }
  30% {
    scale: 1.2;
  }
  50% {
    scale: 0.8;
  }
  60% {
    scale: 1;
  }
}


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