/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppFloatingMenuItem/AppFloatingMenuItem.vue?vue&type=style&index=0&id=48edc555&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-floating-menu-item[data-v-48edc555] {
  cursor: pointer;
  box-sizing: border-box;
}
.app-floating-menu-item--disabled[data-v-48edc555] {
  cursor: default;
}
.app-floating-menu-item[data-v-48edc555]:hover:not(.app-floating-menu-item--selected):not(.app-floating-menu-item--disabled) {
  background-color: rgba(90, 191, 110, 0.15);
}
.app-floating-menu-item__icon[data-v-48edc555] {
  margin-right: 0.5rem;
}
.app-floating-menu-item--selected[data-v-48edc555] {
  background-color: rgba(90, 191, 110, 0.15);
}
.app-floating-menu-item__label[data-v-48edc555] {
  color: #232426;
  font-weight: 400;
  display: block;
  line-height: 1.5625rem;
  padding: 0.75rem 1.125rem;
  display: flex;
  align-items: center;
}
.app-floating-menu-item__label--selected[data-v-48edc555] {
  color: #5abf6e;
}
.app-floating-menu-item__label--disabled[data-v-48edc555] {
  color: #ececec;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppFloatingMenu/AppFloatingMenu.vue?vue&type=style&index=0&id=3bfa7622&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-floating-menu[data-v-3bfa7622] {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.app-floating-menu-list[data-v-3bfa7622] {
  background-color: #ffffff;
  border: 1px solid #e6e5e5;
  border-radius: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: -moz-max-content;
  width: max-content;
  z-index: 9999;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.app-floating-menu-list--right[data-v-3bfa7622],
.app-floating-menu-list--left[data-v-3bfa7622] {
  border-radius: 0.5rem;
}
.animate-in[data-v-3bfa7622] {
  animation: enter-3bfa7622 100ms ease-out;
  transform-origin: top;
}
.animate-out[data-v-3bfa7622] {
  animation: leave-3bfa7622 100ms ease-in;
  transform-origin: top;
}
@keyframes enter-3bfa7622 {
from {
    opacity: 0;
    transform: scale(0.95);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes leave-3bfa7622 {
from {
    opacity: 1;
    transform: scale(1);
}
to {
    opacity: 0;
    transform: scale(0.95);
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppInput/AppInput.vue?vue&type=style&index=0&id=1d3a42fe&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-input[data-v-1d3a42fe] {
  display: flex;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  border: 0.0625rem solid #d3d3d3;
  background-color: #ffffff;
  align-items: center;
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 100%;
}
.app-input[data-v-1d3a42fe]:hover, .app-input[data-v-1d3a42fe]:focus-within {
  border-color: #5abf6e;
}
.app-input--error[data-v-1d3a42fe] {
  border-color: #d7263d;
}
.app-input--disabled[data-v-1d3a42fe], .app-input--disabled[data-v-1d3a42fe]:hover {
  background-color: #ececec;
  border-color: #c5c3c6;
}
.app-input__input[data-v-1d3a42fe] {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  -moz-appearance: none;
       appearance: none;
  background: unset;
  -webkit-appearance: none;
  -webkit-text-security: var(--1d3a42fe-getInputMaskedStyle);
  box-sizing: border-box;
}
.app-input__input[data-v-1d3a42fe]:-webkit-autofill {
  box-shadow: 0 0 0 1.875rem #ffffff inset;
}
.app-input__input[data-v-1d3a42fe]:autofill, .app-input__input[data-v-1d3a42fe]:-webkit-autofill:is(:hover, :focus, :active) {
  box-shadow: 0 0 0 1.875rem #ffffff inset;
}
.app-input__input[data-v-1d3a42fe]::-webkit-outer-spin-button, .app-input__input[data-v-1d3a42fe]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.app-input__input[type=number][data-v-1d3a42fe] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}
.app-input__input[data-v-1d3a42fe]:disabled {
  cursor: not-allowed;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppModal/AppModal.vue?vue&type=style&index=0&id=6dfc843e&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-modal[data-v-6dfc843e] {
  display: flex;
  position: fixed;
  z-index: 11;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  overflow-y: auto;
  transition: 0.4s ease;
}
.app-modal--hidden[data-v-6dfc843e] {
  visibility: hidden;
  opacity: 0;
}
.app-modal__content[data-v-6dfc843e] {
  background-color: #ffffff;
  margin: auto;
  border: 0.0625rem solid rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  display: flex;
  transition: 0.4s ease;
  width: var(--6dfc843e-getSize);
}
.app-modal__content--full[data-v-6dfc843e] {
  height: 100vh;
  border-width: 0;
  border-radius: 0;
}
.app-modal__content > div[data-v-6dfc843e]:not(.app-modal__content__sidebar) {
  flex: 1;
  overflow: hidden;
}
.app-modal__content__header[data-v-6dfc843e] {
  padding: 1.5625rem 1.5625rem 0;
}
.app-modal__content__header[data-v-6dfc843e] h1 {
  margin: 0;
}
.app-modal__content__header--bordered[data-v-6dfc843e] {
  padding-bottom: 1.25rem;
}
.app-modal__content__body[data-v-6dfc843e] {
  padding: 0 1.5625rem;
  overflow-y: auto;
}
.app-modal__content__footer[data-v-6dfc843e] {
  gap: 1rem;
  display: flex;
  justify-content: flex-end;
  flex-flow: row wrap;
  padding: 1.5625rem;
}
.app-modal__content__sidebar[data-v-6dfc843e] {
  padding: 2.25rem 0.9375rem;
  border-right: 0.0625rem solid #e6e5e5;
}
.app-modal__content__container[data-v-6dfc843e] {
  display: flex;
  flex-direction: column;
}
.fade-enter-from[data-v-6dfc843e],
.fade-leave-to[data-v-6dfc843e] {
  opacity: 0;
  transform: translateY(-50%);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppIcon/AppIcon.vue?vue&type=style&index=0&id=1b62f5d7&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-icon[data-v-1b62f5d7] {
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1/1;
  box-sizing: border-box;
}
.app-icon--bordered[data-v-1b62f5d7] {
  border: 1px solid #e6e5e5;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppLoader/AppLoader.vue?vue&type=style&index=0&id=04745e4b&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-loader[data-v-04745e4b] {
  border-radius: 50%;
  animation: spinner-04745e4b 1s linear infinite;
  position: var(--04745e4b-position);
  width: var(--04745e4b-size);
  height: var(--04745e4b-size);
  z-index: 1;
}
.app-loader[data-v-04745e4b]::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 0.25rem solid #5abf6e;
  animation: prixClipFix-04745e4b 2s linear infinite;
}
.app-loader--centred[data-v-04745e4b] {
  inset: 0;
  margin: auto;
}
@keyframes spinner-04745e4b {
100% {
    transform: rotate(360deg);
}
}
@keyframes prixClipFix-04745e4b {
0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
}
25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
}
50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
}
75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
}
100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppButton/AppButton.vue?vue&type=style&index=0&id=50f57a6e&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-button[data-v-50f57a6e] {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border: none;
  border-radius: 0.5rem;
  font-family: inherit;
  letter-spacing: 0.03125rem;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;
  overflow: hidden;
  padding: 0.125rem;
  width: var(--50f57a6e-width);
  height: var(--50f57a6e-height);
  padding: var(--50f57a6e-padding);
}
.app-button--icon-only[data-v-50f57a6e] {
  padding: 0;
  border-radius: 0;
  aspect-ratio: 1;
  width: auto;
  height: auto;
  flex-shrink: 0;
}
.app-button__label[data-v-50f57a6e] {
  white-space: nowrap;
  color: currentColor;
  font-size: var(--50f57a6e-fontSize);
  font-weight: var(--50f57a6e-fontWeight);
}
.app-button__icon[data-v-50f57a6e] {
  flex-shrink: 0;
  transition: transform 0.2s ease-out;
}
.app-button__trailing-icon[data-v-50f57a6e] {
  transform: translateX(0.25rem);
}
.app-button[data-v-50f57a6e]:not(.app-button--disabled) {
  cursor: pointer;
}
.app-button--primary[data-v-50f57a6e] {
  background-color: #5abf6e;
  color: #ffffff;
}
.app-button--primary[data-v-50f57a6e]:hover:not(:disabled) {
  background-color: rgb(64.2794759825, 165.7205240175, 84.3668122271);
}
.app-button--bordered[data-v-50f57a6e] {
  background-color: #ffffff;
  border: 0.0625rem solid #e6e5e5;
  color: #5abf6e;
}
.app-button--bordered[data-v-50f57a6e]:hover:not(:disabled) {
  border-color: #5abf6e;
  background-color: #ffffff;
}
.app-button--danger[data-v-50f57a6e] {
  background-color: #d7263d;
  color: #ffffff;
}
.app-button--danger[data-v-50f57a6e]:hover:not(:disabled) {
  background-color: rgb(224.0592885375, 79.9407114625, 98.6679841897);
}
.app-button--empty[data-v-50f57a6e] {
  background-color: transparent;
  color: #5abf6e;
}
.app-button--empty[data-v-50f57a6e]:hover:not(:disabled) {
  background-color: rgba(90, 191, 110, 0.05);
}
.app-button--disabled[data-v-50f57a6e] {
  background-color: #c5c3c6;
  color: rgba(255, 255, 255, 0.8);
  cursor: not-allowed;
  pointer-events: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppTooltip/AppTooltip.vue?vue&type=style&index=0&id=1cb15b3e&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-tooltip {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
}
.tippy-box[data-theme~=app-tooltip-light] {
  background-color: #ffffff;
  color: #707070;
  border: 1px solid #e6e5e5;
  overflow-wrap: break-word;
  z-index: 12;
  text-align: left;
  font-size: 0.75rem;
  line-height: 1.5rem;
  box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.1), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.06);
}
.tippy-content {
  overflow: hidden;
}
.tippy-arrow {
  color: #ffffff;
  border-color: #e6e5e5;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppInformation/AppInformation.vue?vue&type=style&index=0&id=2bf27a7e&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-information[data-v-2bf27a7e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.125rem;
}
.app-information__tooltip[data-v-2bf27a7e] {
  display: inline-flex;
}
.app-information__icon[data-v-2bf27a7e] {
  color: #707070;
}
.app-information__icon[data-v-2bf27a7e]:hover {
  opacity: 0.5;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppInformationGroup/AppInformationGroup.vue?vue&type=style&index=0&id=7ff43c6a&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-information-group[data-v-7ff43c6a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.app-information-group__label[data-v-7ff43c6a] {
  align-items: center;
  gap: 0.5rem;
}
.app-information-group__label__title[data-v-7ff43c6a] {
  font-size: 1rem;
  font-weight: 500;
}
.app-information-group__label__asterisk[data-v-7ff43c6a] {
  color: #d7263d !important;
  font-size: 1rem;
}
.app-information-group__label__note[data-v-7ff43c6a] {
  color: #d7263d;
  font-size: 0.75rem;
  margin-left: 0.25rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppErrorMessage/AppErrorMessage.vue?vue&type=style&index=0&id=5898f3a3&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-error-message[data-v-5898f3a3] {
  color: #d7263d;
  font-size: var(--5898f3a3-fontSize);
  font-weight: 400;
  visibility: hidden;
}
.app-error-message--visible[data-v-5898f3a3] {
  visibility: visible;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/dashboard/AppNewCompanyModal/AppNewCompanyModal.vue?vue&type=style&index=0&id=bfb35a18&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.add-organization-modal__body[data-v-bfb35a18] {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.add-organization-modal__section[data-v-bfb35a18]:not(:last-child) {
  margin-bottom: 1.5rem;
}
.add-organization-modal__web-presence[data-v-bfb35a18] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.add-organization-modal__footer[data-v-bfb35a18] {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
.add-organization-modal__button[data-v-bfb35a18] {
  min-width: 7.5rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppHeader/components/SearchForm.vue?vue&type=style&index=0&id=ae8761d4&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-input[data-v-ae8761d4] {
  width: 25rem;
  border-radius: 1rem !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppHeader/components/UserAvatar.vue?vue&type=style&index=0&id=20e8d58e&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.user-avatar[data-v-20e8d58e] {
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.375rem;
  box-sizing: border-box;
  font-size: 0.875rem;
  letter-spacing: 0.0625rem;
  color: #232426;
  background-color: #ececec;
  border-radius: 100%;
  aspect-ratio: 1/1;
}
.user-avatar--active[data-v-20e8d58e], .user-avatar[data-v-20e8d58e]:hover {
  color: #ffffff;
  background-color: #5abf6e;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppDropDown/AppDropDown.vue?vue&type=style&index=0&id=1168b8c7&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-drop-down[data-v-1168b8c7] {
  position: relative;
}
.app-drop-down__loader[data-v-1168b8c7] {
  margin: 1.25rem auto;
}
.app-drop-down__container[data-v-1168b8c7] {
  border: 0.0625rem solid #d3d3d3;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #ffffff;
  position: absolute;
  width: -moz-available;
  width: -webkit-fill-available;
  width: available;
  z-index: 3;
}
.app-drop-down__container--inverted[data-v-1168b8c7] {
  bottom: calc(100% + 0.125rem);
  top: unset;
}
.app-drop-down__options[data-v-1168b8c7] {
  margin: unset;
  padding: unset;
  list-style: none;
  overflow: auto;
  max-height: var(--1168b8c7-dropDownHeight);
}
.app-drop-down__option[data-v-1168b8c7] {
  cursor: pointer;
  padding: 0.5rem;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-drop-down__option--hover[data-v-1168b8c7] {
  background-color: #c4ffcf;
}
.app-drop-down__option--selected[data-v-1168b8c7] {
  color: #707070;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppSelect/AppSelect.vue?vue&type=style&index=0&id=df530046&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-select[data-v-df530046] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: #ffffff;
  border: 0.0625rem solid #d3d3d3;
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
}
.app-select[data-v-df530046]:hover:not(.app-select--disabled) {
  border-color: #5abf6e;
}
.app-select[data-v-df530046]:focus {
  outline: none;
}
.app-select--disabled[data-v-df530046] {
  background: #c5c3c6;
  cursor: default;
}
.app-select--error[data-v-df530046] {
  border-color: #d7263d;
}
.app-select__input[data-v-df530046] {
  border: 0;
  flex: 1;
  width: 100%;
}
.app-select__input[data-v-df530046]:focus {
  outline: none;
}
.app-select__header[data-v-df530046] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  max-width: calc(100% - 1rem);
  flex: 1;
}
.app-select__placeholder[data-v-df530046] {
  color: #707070;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-select__selected[data-v-df530046] {
  margin-right: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-select__toggler[data-v-df530046] {
  transition: transform 0.4s ease;
  transform: rotate(180deg);
}
.app-select__toggler--collapsed[data-v-df530046] {
  transform: rotate(0);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppNewDropdownOption/AppNewDropdownOption.vue?vue&type=style&index=0&id=8bbaedfe&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-new-drop-down-option {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem;
  cursor: pointer;
}
.app-new-drop-down-option:hover {
  background-color: #c4ffcf;
}
.app-new-drop-down-option__image {
  background: #ffffff;
  border: 0.0625rem solid #e6e5e5;
  width: 3rem;
  height: 3rem;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.app-new-drop-down-option__name {
  display: block;
}
.app-new-drop-down-option__link {
  color: #5abf6e;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppDatePicker/AppDatePicker.vue?vue&type=style&index=0&id=e28740c6&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --dp-input-padding: 4px 30px 4px 12px;
  --dp-border-radius: 8px !important;
  --dp-action-button-height: 30px !important;
  --dp-action-buttons-padding: 9px !important;
}
.dp__menu {
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.25);
}
.dp__calendar_header {
  margin-bottom: 0.3125rem;
}
.dp__theme_light {
  --dp-hover-color: rgba(90, 191, 110, 0.15) !important;
  --dp-cell-size: 25px !important;
  --dp-row-margin: unset !important;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppEditSidebar/AppEditSidebar.vue?vue&type=style&index=0&id=6efe83fe&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-edit-sidebar[data-v-6efe83fe] {
  position: fixed;
  z-index: 15;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: 0.4s ease;
}
.app-edit-sidebar--hidden[data-v-6efe83fe] {
  visibility: hidden;
  opacity: 0;
}
.app-edit-sidebar__form[data-v-6efe83fe] {
  position: absolute;
  right: 0;
  background: #ffffff;
  height: 100vh;
  width: 37.5rem;
  box-shadow: 0 0.25rem 2.375rem 1.9375rem rgba(0, 0, 0, 0.06), 0 1.125rem 1.25rem 1rem rgba(0, 0, 0, 0.06);
}
.app-edit-sidebar__form__header[data-v-6efe83fe] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1.5rem;
  background: #f8fcfc;
}
.app-edit-sidebar__form__title[data-v-6efe83fe] {
  font-size: 1.25rem;
  font-weight: 600;
}
.app-edit-sidebar__form__content[data-v-6efe83fe] {
  overflow: auto;
  height: calc(100vh - 140px);
  padding: 1.75rem 1.5rem;
  display: grid;
  grid-auto-rows: auto;
  gap: 1.5rem;
}
.app-edit-sidebar__form__footer[data-v-6efe83fe] {
  display: flex;
  justify-content: flex-end;
  border-top: 0.0625rem solid #e6e5e5;
  gap: 0.5rem;
  padding: 1.5rem;
}
.app-edit-sidebar__form .app-button--empty[data-v-6efe83fe] {
  color: rgba(0, 0, 0, 0.6);
  height: -moz-fit-content;
  height: fit-content;
}
.fade-enter-from[data-v-6efe83fe],
.fade-leave-to[data-v-6efe83fe] {
  transition: all 0.3s;
  opacity: 0;
  transform: translateX(50%);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/admin/SelectedItemsList/SelectedItemsList.vue?vue&type=style&index=0&id=470e2ed7&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.selected-items-list[data-v-470e2ed7] {
  margin: 0.75rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: var(--470e2ed7-flexDirection);
  gap: var(--470e2ed7-gap);
  flex-wrap: wrap;
}
.selected-items-list__item[data-v-470e2ed7] {
  display: flex;
  align-items: center;
  gap: var(--470e2ed7-itemGap);
}
.selected-items-list__item__name[data-v-470e2ed7] {
  color: #000000;
  font-size: 0.75rem;
  font-weight: 400;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/funds/FundOverviewEditSection/FundOverviewEditSection.vue?vue&type=style&index=0&id=0bc86b8a&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.overview-edit-section__form__manager[data-v-0bc86b8a] {
  display: flex;
  gap: 0.3125rem;
}
.overview-edit-section__form__money-field[data-v-0bc86b8a] {
  display: flex;
  align-items: end;
}
.overview-edit-section__form__money-field[data-v-0bc86b8a] .app-input {
  border-radius: 0.5rem 0 0 0.5rem;
  border-right: 0;
}
.overview-edit-section__form__money-field[data-v-0bc86b8a] .app-select {
  border-radius: 0 0.5rem 0.5rem 0;
}
.overview-edit-section__form__date-input-field[data-v-0bc86b8a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppExpiryBanner/AppExpiryBanner.vue?vue&type=style&index=0&id=777c333a&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-expiry-banner[data-v-777c333a] {
  position: fixed;
  top: 0;
  z-index: 11;
  height: 2rem;
  width: 100%;
  background-color: #c4ffcf;
  overflow: hidden;
  flex-shrink: 0;
}
.app-expiry-banner__content[data-v-777c333a] {
  text-align: center;
  color: #232426;
  font-weight: 500;
  line-height: 2rem;
}
.app-expiry-banner__content__book-call[data-v-777c333a] {
  display: inline;
  font-weight: 500;
  color: #232426;
  text-decoration-line: underline;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/layouts/BookCallModal/BookCallModal.vue?vue&type=style&index=0&id=09512d97&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.book-call-modal[data-v-09512d97] .app-modal__content .app-modal__content__header {
  text-align: center;
  font-size: 1.125rem;
}
.book-call-modal[data-v-09512d97] .app-modal__content .app-modal__content__body {
  display: flex;
  justify-content: center;
  gap: 4rem;
}
.book-call-modal__manager[data-v-09512d97] {
  text-align: center;
}
.book-call-modal__manager__book-now[data-v-09512d97] {
  margin: 0 auto;
}
.book-call-modal__manager__avatar[data-v-09512d97] {
  border-radius: 50%;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppSidebar/AppSidebarItem/AppSidebarItem.vue?vue&type=style&index=0&id=540ff2f9&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-sidebar-item__link[data-v-540ff2f9] {
  display: flex;
  align-items: center;
}
.app-sidebar-item__link--active[data-v-540ff2f9] {
  color: #5abf6e;
}
.app-sidebar-item__link--child[data-v-540ff2f9] {
  padding-left: 0.5rem;
}
.app-sidebar-item__link__name[data-v-540ff2f9] {
  display: none;
}
.app-sidebar-item__link__name--child[data-v-540ff2f9] {
  margin-left: 0;
}
.app-sidebar:hover .app-sidebar-item__link__name[data-v-540ff2f9] {
  display: block;
}
.app-sidebar-item--active .app-sidebar-item__link__name[data-v-540ff2f9]:not(.app-sidebar-item__link__name--child) {
  color: #5abf6e;
  font-weight: 500;
}
.app-sidebar-item__link.router-link-exact-active .app-sidebar-item__link__name--child[data-v-540ff2f9] {
  color: #5abf6e;
}
.app-sidebar-item--active[data-v-540ff2f9], .app-sidebar-item--has-link[data-v-540ff2f9]:hover {
  color: #5abf6e;
}
.app-sidebar-item--has-link[data-v-540ff2f9]:hover {
  background-color: rgba(90, 191, 110, 0.15);
}
.app-sidebar-item--child[data-v-540ff2f9] {
  padding: 0.25rem 0.25rem 0.25rem 2rem;
}
.app-sidebar-item--child[data-v-540ff2f9]:hover, .app-sidebar-item--child.app-sidebar-item--active[data-v-540ff2f9] {
  background-color: #f8fcfc;
}
.app-sidebar-item__children[data-v-540ff2f9] {
  margin-top: 0.625rem;
  list-style: none;
  padding: 0;
  display: none;
  flex-direction: column;
  gap: 0.25rem;
}
.app-sidebar:hover .app-sidebar-item__children[data-v-540ff2f9] {
  display: flex;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppSidebar/AppSidebar.vue?vue&type=style&index=0&id=a5de7e7e&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-sidebar[data-v-a5de7e7e] {
  display: flex;
  flex-direction: column;
  min-width: 3.625rem;
  max-width: 3.625rem;
  background-color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
  position: fixed;
  left: 1.25rem;
  top: 5.875rem;
  box-sizing: border-box;
  padding: 0;
  gap: 0;
  max-height: calc(100vh - 7.125rem);
  height: auto;
  overflow-y: auto;
  border-radius: 0.5rem;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 1px 5px -2px rgba(0, 0, 0, 0.1);
  transition: min-width 0.1s ease, max-width 0.1s ease;
}
.app-sidebar[data-v-a5de7e7e]:hover {
  min-width: 10.25rem;
  max-width: unset;
  z-index: 10;
  transition: min-width 0.1s ease, max-width 0.1s ease;
}
.app-sidebar__list[data-v-a5de7e7e] {
  list-style: none;
  margin: 0;
  padding: 0.75rem 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppLayout/AppLayout.vue?vue&type=style&index=0&id=799ddcb9&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-layout[data-v-799ddcb9] {
  display: flex;
  flex-direction: column;
}
.app-layout__body[data-v-799ddcb9] {
  display: flex;
  flex-grow: 1;
  padding-left: 4.875rem;
  position: relative;
}
.app-layout__body__content[data-v-799ddcb9] {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background-color: #f8fcfc;
  padding: 1.25rem;
  padding-top: 4.0625rem;
  flex-grow: 1;
}
.app-layout__header-with-banner[data-v-799ddcb9] {
  margin-top: 2rem;
}
.app-layout__header-with-banner-top[data-v-799ddcb9] {
  top: 7.75rem;
}
.app-layout__navigation-bar[data-v-799ddcb9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 3rem;
  height: 4rem;
  width: 100%;
  position: fixed;
  top: 4rem;
  z-index: 11;
  background-color: #ffffff;
  box-sizing: border-box;
}
.app-layout__navigation-bar__brand[data-v-799ddcb9] {
  display: flex;
  align-items: center;
}
.app-layout__navigation-bar__logo[data-v-799ddcb9] {
  width: 6.25rem;
  height: auto;
}
.app-layout__navigation-bar__actions[data-v-799ddcb9] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.app-layout__navigation-bar__actions__upgrade[data-v-799ddcb9] {
  margin-right: 0.5rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/layouts/AppEmptyLayout/AppEmptyLayout.vue?vue&type=style&index=0&id=77f259c9&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-empty-layout[data-v-77f259c9] {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.app-empty-layout__navigation-bar[data-v-77f259c9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  height: 4rem;
  width: 100%;
  position: fixed;
  z-index: 11;
  background-color: #ffffff;
  border-bottom: 1px solid #e6e5e5;
  box-sizing: border-box;
}
.app-empty-layout__navigation-bar__brand[data-v-77f259c9] {
  display: flex;
  align-items: center;
}
.app-empty-layout__navigation-bar__brand__logo[data-v-77f259c9] {
  width: 6.25rem;
  height: auto;
}
.app-empty-layout__body[data-v-77f259c9] {
  margin: 3rem 0;
  height: 100%;
}
.app-empty-layout__body__content[data-v-77f259c9] {
  display: flex;
  flex-direction: column;
  background-color: #f8fcfc;
  flex-grow: 1;
  border-top: 1px solid #e6e5e5;
  border-left: 1px solid #e6e5e5;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/UnauthorizedView/UnauthorizedView.vue?vue&type=style&index=0&id=6d270d25&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.unauthorized-view[data-v-6d270d25] {
  justify-content: space-between;
  background-color: #f8fcfc;
  flex-direction: column;
  box-sizing: border-box;
  padding: 1.5rem 5.25rem;
  display: flex;
  height: 100vh;
}
.unauthorized-view__logo[data-v-6d270d25] {
  width: 12.5rem;
  height: auto;
}
.unauthorized-view__content[data-v-6d270d25] {
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
  display: flex;
}
.unauthorized-view__footer__contact[data-v-6d270d25] {
  color: #5abf6e;
  cursor: pointer;
}
.unauthorized-view__footer__contact[data-v-6d270d25]:hover {
  text-decoration: underline;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layouts/ClaimProfileLayout/ClaimProfileLayout.vue?vue&type=style&index=0&id=422cba80&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.claim-profile__header[data-v-422cba80] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 3rem;
  background-color: #ffffff;
  box-sizing: border-box;
  z-index: 2;
  border-bottom: 0.03125rem solid #e6e5e5;
}
.claim-profile__header--banner[data-v-422cba80] {
  margin-top: 2rem;
}
.claim-profile__header__brand[data-v-422cba80] {
  display: flex;
  align-items: center;
}
.claim-profile__header__brand__logo[data-v-422cba80] {
  width: 6.25rem;
}
.claim-profile__header__link[data-v-422cba80] {
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}
.claim-profile__header__link[data-v-422cba80]:hover {
  text-decoration: underline;
}
.claim-profile__body[data-v-422cba80] {
  padding: var(--422cba80-getBodyPadding);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/app/AppToast/AppToast.vue?vue&type=style&index=0&id=72f96721&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-toast[data-v-72f96721] {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.5rem;
  gap: 0.5rem;
  min-height: 2rem;
  padding: 1.5rem;
  max-width: 43.75rem;
}
.app-toast__label[data-v-72f96721] {
  color: #ffffff;
  user-select: none;
  line-height: 1.5rem;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 1rem;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.app-toast__button[data-v-72f96721] {
  cursor: pointer;
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.25s;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.app-toast:hover .app-toast__button[data-v-72f96721]:not(:hover) {
  opacity: 0.3;
}
.app-toast__button[data-v-72f96721]:hover {
  opacity: 1;
}
.app-toast--information[data-v-72f96721] {
  background-color: #2196f3;
}
.app-toast--warning[data-v-72f96721] {
  background-color: #f0ad4e;
}
.app-toast--danger[data-v-72f96721] {
  background-color: #d7263d;
}
.app-toast--success[data-v-72f96721] {
  background-color: #5abf6e;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body {
  margin: 0;
  position: relative;
}
.app__notifications {
  gap: 0.5rem;
  z-index: 999;
  right: 1rem;
  bottom: 1rem;
  display: flex;
  overflow: hidden;
  position: fixed;
  flex-direction: column;
}
.notifications-enter-active,
.notifications-leave-active {
  transition: all 0.5s ease;
}
.notifications-enter-from,
.notifications-leave-to {
  opacity: 0;
  transform: translateX(30px);
}