/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/layout/NavigationBar.vue?vue&type=style&index=0&id=46693e82&prod&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style-h1, .main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
}
@media (max-width: 400px) {
.style-h1, .main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    font-size: 26px;
}
}
.style-h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
}
.style-h3 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}
.style-h4, .navigation-bar > h1, .style-button-text {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.style-h4 + p, .navigation-bar > h1 + p, .style-button-text + p {
  padding-top: 5px;
}
.style-h4 + p + p, .navigation-bar > h1 + p + p, .style-button-text + p + p {
  padding-top: 5px;
}
.style-subtitle {
  font-family: Poppins;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: var(--color-primary, #192DE0);
}
.style-text, .style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]), .style-h5 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}
.style-h5 {
  font-weight: 600;
}
.style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  color: #7C7C7C;
}
.style-input {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.style-hr {
  height: 2px;
  background: #E8E8E8;
  border-radius: 1px;
  padding: 0;
  margin: 20px 0;
  outline: none;
  border: 0;
}
.main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + .segmented-control,
.main-text-container > .container > h1:first-child + .segmented-control {
  margin-top: -10px;
}
@media (max-width: 400px) {
.main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    padding-bottom: 15px;
}
}
.main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + p:not([class]):last-child,
.main-text-container > .container > h1:first-child + p:not([class]):last-child {
  padding-bottom: 0;
}
@media (min-width: 551px) {
.only-smartphone {
    display: none;
}
}
.style-tag {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: var(--color-background-primary, #E9EBFF);
  padding: 3px 8px;
  border-radius: 6px;
  color: var(--color-primary, #192DE0);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.navigation-bar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 10px;
  background: white;
  background: var(--color-current-background, white);
  z-index: 11;
  margin: 0 calc(-1 * var(--rf-horizontal-padding, 40px));
  margin-top: calc(-1 * var(--rf-vertical-padding, 20px) - var(--rf-safe-area-top, 0px));
  padding: var(--rf-safe-area-top, 0px) var(--rf-horizontal-padding, 40px) 0 var(--rf-horizontal-padding, 40px);
  height: 60px;
  -webkit-app-region: drag;
}
@media (min-width: 800px) {
.navigation-bar {
    margin-top: calc(-1 * var(--rf-vertical-padding, 20px) + 20px - var(--rf-safe-area-top, 0px));
}
}
.navigation-bar.sticky {
  position: sticky;
  top: 0;
}
.navigation-bar > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.navigation-bar > div:first-child > * {
  margin: 0 10px;
}
.navigation-bar > div:first-child > *:first-child {
  margin-left: 0;
}
.navigation-bar > div:last-child {
  justify-content: flex-end;
}
.navigation-bar > div:last-child > * {
  margin: 0 10px;
}
.navigation-bar > div:last-child > *:last-child {
  margin-right: 0;
}
.navigation-bar > h1 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s;
}
.navigation-bar.scrolled {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
}
.navigation-bar.scrolled > h1 {
  opacity: 1;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/inputs/InputBox.vue?vue&type=style&index=0&id=b90d11b6&prod&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style-h1, .main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
}
@media (max-width: 400px) {
.style-h1, .main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    font-size: 26px;
}
}
.style-h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
}
.style-h3 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}
.style-h4, .input-box > h4, .style-button-text {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.style-h4 + p, .input-box > h4 + p, .style-button-text + p {
  padding-top: 5px;
}
.style-h4 + p + p, .input-box > h4 + p + p, .style-button-text + p + p {
  padding-top: 5px;
}
.style-subtitle {
  font-family: Poppins;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: var(--color-primary, #192DE0);
}
.style-text, .style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]), .style-h5 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}
.style-h5 {
  font-weight: 600;
}
.style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  color: #7C7C7C;
}
.style-input {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.style-hr {
  height: 2px;
  background: #E8E8E8;
  border-radius: 1px;
  padding: 0;
  margin: 20px 0;
  outline: none;
  border: 0;
}
.main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + .segmented-control,
.main-text-container > .container > h1:first-child + .segmented-control {
  margin-top: -10px;
}
@media (max-width: 400px) {
.main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    padding-bottom: 15px;
}
}
.main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + p:not([class]):last-child,
.main-text-container > .container > h1:first-child + p:not([class]):last-child {
  padding-bottom: 0;
}
@media (min-width: 551px) {
.only-smartphone {
    display: none;
}
}
.style-tag {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: var(--color-background-primary, #E9EBFF);
  padding: 3px 8px;
  border-radius: 6px;
  color: var(--color-primary, #192DE0);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.input-box {
  padding: 8px 0;
  display: block;
  max-width: 600px;
}
.input-box > h4 {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 34px;
  transition: color 0.2s;
}
.input-box > h4 > label {
  flex-grow: 1;
  flex-shrink: 2;
}
.input-box > h4 > .right {
  margin-left: auto;
  flex-shrink: 1;
}
.input-box > h4 ~ * {
  margin-top: 5px;
}
.input-box > h4 ~ *:last-child {
  margin-top: 0;
}
.input-box > h4 + * {
  margin-top: 0;
}
.input-box:focus-within > h4 {
  color: var(--color-primary, #192DE0);
}
.input-box.max {
  max-width: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/layout/List.vue?vue&type=style&index=0&id=5ee39937&prod&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.rf-list {
  padding: 0;
  margin: 0 calc(-1 * var(--rf-horizontal-padding, 40px));
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/layout/ListItem.vue?vue&type=style&index=0&id=0aecfe6a&prod&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style-h1, .main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
}
@media (max-width: 400px) {
.style-h1, .main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    font-size: 26px;
}
}
.style-h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
}
.style-h3 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}
.style-h4, .style-button-text {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.style-h4 + p, .style-button-text + p {
  padding-top: 5px;
}
.style-h4 + p + p, .style-button-text + p + p {
  padding-top: 5px;
}
.style-subtitle {
  font-family: Poppins;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: var(--color-primary, #192DE0);
}
.style-text, .style-description, .rf-list-item.right-description > .main > div > .right, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]), .style-h5 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}
.style-h5 {
  font-weight: 600;
}
.style-description, .rf-list-item.right-description > .main > div > .right, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  color: #7C7C7C;
}
.style-input {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.style-hr {
  height: 2px;
  background: #E8E8E8;
  border-radius: 1px;
  padding: 0;
  margin: 20px 0;
  outline: none;
  border: 0;
}
.main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + .segmented-control,
.main-text-container > .container > h1:first-child + .segmented-control {
  margin-top: -10px;
}
@media (max-width: 400px) {
.main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    padding-bottom: 15px;
}
}
.main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + p:not([class]):last-child,
.main-text-container > .container > h1:first-child + p:not([class]):last-child {
  padding-bottom: 0;
}
@media (min-width: 551px) {
.only-smartphone {
    display: none;
}
}
.style-tag {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: var(--color-background-primary, #E9EBFF);
  padding: 3px 8px;
  border-radius: 6px;
  color: var(--color-primary, #192DE0);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.rf-list-item {
  padding-left: var(--rf-horizontal-padding, 15px);
  padding-right: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
}
.rf-list-item > .left {
  flex-shrink: 0;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  min-width: 0;
}
.rf-list-item > .left:empty {
  display: none;
}
.rf-list-item.left-center > .left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.rf-list-item.right-description > .main > div > .right {
  text-align: right;
  flex-shrink: 10;
  padding-left: 15px;
}
.rf-list-item.right-stack .right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.rf-list-item.right-stack .right > * {
  margin: 0 5px;
}
.rf-list-item.right-stack .right > *:last-child {
  margin-right: 0;
}
.rf-list-item.right-stack .right > .button {
  margin: -5px 5px;
}
.rf-list-item.right-stack .right > .button:last-child {
  margin-right: 0;
}
.rf-list-item.no-margin .right > * {
  margin: 0;
}
.rf-list-item.no-margin .right > .button {
  margin: -5px 0;
}
.rf-list-item > .main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
}
.rf-list-item > .main > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
}
.rf-list-item > .main > div > .middle {
  padding-top: 20px;
  padding-right: 15px;
  padding-bottom: 20px;
  flex-grow: 1;
  min-width: 0;
}
.rf-list-item > .main > div > .right {
  margin-left: auto;
  padding-right: var(--rf-horizontal-padding, 15px);
  min-width: 0;
  flex-shrink: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.rf-list-item > .main > div > .right:empty {
  display: none;
}
.rf-list-item > .main > hr {
  border: 0;
  outline: 0;
  height: 2px;
  width: 100%;
  background: var(--color-current-border, #E8E8E8);
  border-radius: 1px;
  margin: 0;
}
@media (max-width: 450px) {
.rf-list-item.smartphone-wrap > .main > div {
    display: block;
}
.rf-list-item.smartphone-wrap > .main > div > .middle {
    padding-right: var(--rf-horizontal-padding, 15px);
    padding-bottom: 0px;
}
.rf-list-item.smartphone-wrap > .main > div > .right {
    padding-top: 5px;
    padding-bottom: 15px;
}
}
.rf-list-item:last-child > .main > hr, .rf-list-item.no-border > .main > hr {
  display: none;
}
.rf-list-item.selectable {
  touch-action: manipulation;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.2s 0.1s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.rf-list-item.selectable > .main > hr {
  transition: opacity 0.2s 0.1s;
}
.rf-list-item.selectable:active {
  transition: none;
  background: #F7F7F7;
  background: var(--color-current-background-shade, #F7F7F7);
}
.rf-list-item.selectable:active > .main > hr {
  transition: none;
  opacity: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/inputs/Spinner.vue?vue&type=style&index=0&id=0efd84ee&prod&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.spinner-container > div.spinner {
  display: inline-block;
  animation: spinner-spin 2s linear infinite;
  width: 28px;
  height: 28px;
  overflow: hidden;
}
.spinner-container > div.spinner > svg {
  width: 28px;
  height: 28px;
  display: block;
  animation: spinner-spin 2s infinite;
  overflow: hidden;
}
.spinner-container > div.spinner > svg > circle {
  stroke: var(--color-primary, #192DE0);
  stroke: var(--color-primary, var(--color-primary, #192DE0));
  animation: spinner-circle 4s infinite;
}
.spinner-container.center {
  width: 100%;
  text-align: center;
}
.spinner-container.gray div.spinner > svg > circle {
  stroke: #7C7C7C;
}
@keyframes spinner-spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes spinner-circle {
0% {
    stroke-dasharray: 15 100;
}
50% {
    stroke-dasharray: 40 100;
}
100% {
    stroke-dasharray: 15 100;
}
}
@keyframes spinner-end {
to {
    stroke-dasharray: 0 100;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/inputs/LoadingButton.vue?vue&type=style&index=0&id=3e6ce093&prod&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.loading-button {
  position: relative;
  display: inline-block;
}
.loading-button.block {
  display: block;
}
.loading-button > div:first-child {
  padding-right: 0px;
  transition: padding-right 0.25s;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.loading-button > div:last-child {
  position: absolute;
  opacity: 0;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
  transition: transform 0.25s, opacity 0.25s;
}
.loading-button.loading > div:first-child {
  padding-right: 40px;
}
.loading-button.loading > div:last-child {
  opacity: 1;
  transform: translate(0, -50%);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/layout/Toolbar.vue?vue&type=style&index=0&id=67dca804&prod&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.rf-toolbar {
  margin: 0 calc(-1 * var(--rf-horizontal-padding, 40px));
  margin-bottom: calc(-1 * var(--rf-vertical-padding, 40px));
  padding-top: var(--rf-vertical-padding, 20px);
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
}
.rf-toolbar.sticky {
  position: sticky;
}
.rf-toolbar > div {
  padding: 15px var(--rf-horizontal-padding, 40px);
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 15px);
  background: white;
  border-top: 2px solid #E8E8E8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: all;
}
.rf-toolbar > div > div:first-child {
  min-width: 0;
}
.rf-toolbar > div > div:last-child {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-width: 0;
}
.rf-toolbar > div > div .button {
  margin-left: 10px;
}
@media (max-width: 500px) {
.rf-toolbar > div > div:first-child {
    display: none;
}
.rf-toolbar > div > div .button, .rf-toolbar > div > div .loading-button {
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
}
.rf-toolbar > div > div .button:first-child, .rf-toolbar > div > div .loading-button:first-child {
    margin-top: 0;
}
.rf-toolbar > div > div:last-child {
    flex-basis: 100%;
    flex-direction: column;
}
.rf-toolbar > div > div:last-child > .button {
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/inputs/ColorInput.vue?vue&type=style&index=0&id=b629b0fe&prod&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.color-box {
  display: flex;
  flex-direction: row;
}
.color-box > .color {
  width: 50px;
  height: 50px;
  border-radius: 6px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
  margin-right: 10px;
  flex-shrink: 0;
}
.color-box > .color > input {
  opacity: 0;
  width: 50px;
  height: 50px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/layout/SplitForm.vue?vue&type=style&index=0&id=b357b3ba&prod&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style-h1, .main-text-container > h1:first-child, .split-form > .left > h1:first-child, .split-form > .right > h1:first-child,
.main-text-container > .container > h1:first-child,
.split-form > .left > .container > h1:first-child,
.split-form > .right > .container > h1:first-child {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
}
@media (max-width: 400px) {
.style-h1, .main-text-container > h1:first-child, .split-form > .left > h1:first-child, .split-form > .right > h1:first-child,
  .main-text-container > .container > h1:first-child,
  .split-form > .left > .container > h1:first-child,
  .split-form > .right > .container > h1:first-child {
    font-size: 26px;
}
}
.style-h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
}
.style-h3 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}
.style-h4, .style-button-text {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.style-h4 + p, .style-button-text + p {
  padding-top: 5px;
}
.style-h4 + p + p, .style-button-text + p + p {
  padding-top: 5px;
}
.style-subtitle {
  font-family: Poppins;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: var(--color-primary, #192DE0);
}
.style-text, .style-description, .main-text-container > h1:first-child + p:not([class]), .split-form > .left > h1:first-child + p:not([class]), .split-form > .right > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]),
.split-form > .left > .container > h1:first-child + p:not([class]),
.split-form > .right > .container > h1:first-child + p:not([class]), .style-h5 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}
.style-h5 {
  font-weight: 600;
}
.style-description, .main-text-container > h1:first-child + p:not([class]), .split-form > .left > h1:first-child + p:not([class]), .split-form > .right > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]),
.split-form > .left > .container > h1:first-child + p:not([class]),
.split-form > .right > .container > h1:first-child + p:not([class]) {
  color: #7C7C7C;
}
.style-input {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.style-hr {
  height: 2px;
  background: #E8E8E8;
  border-radius: 1px;
  padding: 0;
  margin: 20px 0;
  outline: none;
  border: 0;
}
.main-text-container > h1:first-child, .split-form > .left > h1:first-child, .split-form > .right > h1:first-child,
.main-text-container > .container > h1:first-child,
.split-form > .left > .container > h1:first-child,
.split-form > .right > .container > h1:first-child {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + .segmented-control, .split-form > .left > h1:first-child + .segmented-control, .split-form > .right > h1:first-child + .segmented-control,
.main-text-container > .container > h1:first-child + .segmented-control,
.split-form > .left > .container > h1:first-child + .segmented-control,
.split-form > .right > .container > h1:first-child + .segmented-control {
  margin-top: -10px;
}
@media (max-width: 400px) {
.main-text-container > h1:first-child, .split-form > .left > h1:first-child, .split-form > .right > h1:first-child,
  .main-text-container > .container > h1:first-child,
  .split-form > .left > .container > h1:first-child,
  .split-form > .right > .container > h1:first-child {
    padding-bottom: 15px;
}
}
.main-text-container > h1:first-child + p:not([class]), .split-form > .left > h1:first-child + p:not([class]), .split-form > .right > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]),
.split-form > .left > .container > h1:first-child + p:not([class]),
.split-form > .right > .container > h1:first-child + p:not([class]) {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + p:not([class]):last-child, .split-form > .left > h1:first-child + p:not([class]):last-child, .split-form > .right > h1:first-child + p:not([class]):last-child,
.main-text-container > .container > h1:first-child + p:not([class]):last-child,
.split-form > .left > .container > h1:first-child + p:not([class]):last-child,
.split-form > .right > .container > h1:first-child + p:not([class]):last-child {
  padding-bottom: 0;
}
@media (min-width: 551px) {
.only-smartphone {
    display: none;
}
}
.style-tag {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: var(--color-background-primary, #E9EBFF);
  padding: 3px 8px;
  border-radius: 6px;
  color: var(--color-primary, #192DE0);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
@media (min-width: 1300px) {
.split-form {
    display: flex;
    flex-direction: row;
}
.split-form > .left {
    flex-basis: 50%;
    padding-right: 15px;
    flex-grow: 1;
}
.split-form > .right {
    flex-basis: 50%;
    padding-left: 15px;
    flex-grow: 1;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/layout/ContextMenu.vue?vue&type=style&index=0&id=920d0f8e&prod&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style-h1, .main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
}
@media (max-width: 400px) {
.style-h1, .main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    font-size: 26px;
}
}
.style-h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
}
.style-h3 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}
.style-h4, .style-button-text {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.style-h4 + p, .style-button-text + p {
  padding-top: 5px;
}
.style-h4 + p + p, .style-button-text + p + p {
  padding-top: 5px;
}
.style-subtitle {
  font-family: Poppins;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: var(--color-primary, #192DE0);
}
.style-text, .style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]), .style-h5 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}
.style-h5 {
  font-weight: 600;
}
.style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  color: #7C7C7C;
}
.style-input {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.style-hr {
  height: 2px;
  background: #E8E8E8;
  border-radius: 1px;
  padding: 0;
  margin: 20px 0;
  outline: none;
  border: 0;
}
.main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + .segmented-control,
.main-text-container > .container > h1:first-child + .segmented-control {
  margin-top: -10px;
}
@media (max-width: 400px) {
.main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    padding-bottom: 15px;
}
}
.main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + p:not([class]):last-child,
.main-text-container > .container > h1:first-child + p:not([class]):last-child {
  padding-bottom: 0;
}
@media (min-width: 551px) {
.only-smartphone {
    display: none;
}
}
.style-tag {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: var(--color-background-primary, #E9EBFF);
  padding: 3px 8px;
  border-radius: 6px;
  color: var(--color-primary, #192DE0);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.context-menu-container {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.context-menu-container.show-enter-active, .context-menu-container.show-leave-active {
  transition: opacity 0.2s;
}
.context-menu-container.show-leave-to {
  opacity: 0;
}
.context-menu {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  background: white;
  padding: 4px 0px;
  border-radius: 6px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  box-sizing: border-box;
  min-width: 250px;
  max-width: 100vw;
  max-width: calc(100vw - 30px);
  overflow: hidden;
  --rf-horizontal-padding: 15px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/inputs/DateSelectionView.vue?vue&type=style&index=0&id=96356df8&prod&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style-h1, .main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
}
@media (max-width: 400px) {
.style-h1, .main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    font-size: 26px;
}
}
.style-h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
}
.style-h3 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}
.style-h4, .date-selection-view > header > h1, .style-button-text {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.style-h4 + p, .date-selection-view > header > h1 + p, .style-button-text + p {
  padding-top: 5px;
}
.style-h4 + p + p, .date-selection-view > header > h1 + p + p, .style-button-text + p + p {
  padding-top: 5px;
}
.style-subtitle {
  font-family: Poppins;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: var(--color-primary, #192DE0);
}
.style-text, .style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]), .style-h5 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}
.style-h5 {
  font-weight: 600;
}
.style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  color: #7C7C7C;
}
.style-input, .date-selection-view > div > .days > div, .date-selection-view > div > .row > button {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.style-hr {
  height: 2px;
  background: #E8E8E8;
  border-radius: 1px;
  padding: 0;
  margin: 20px 0;
  outline: none;
  border: 0;
}
.main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + .segmented-control,
.main-text-container > .container > h1:first-child + .segmented-control {
  margin-top: -10px;
}
@media (max-width: 400px) {
.main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    padding-bottom: 15px;
}
}
.main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + p:not([class]):last-child,
.main-text-container > .container > h1:first-child + p:not([class]):last-child {
  padding-bottom: 0;
}
@media (min-width: 551px) {
.only-smartphone {
    display: none;
}
}
.style-tag {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: var(--color-background-primary, #E9EBFF);
  padding: 3px 8px;
  border-radius: 6px;
  color: var(--color-primary, #192DE0);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.date-selection-view {
  min-width: 350px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 350px) {
.date-selection-view {
    min-width: calc(100vw - 30px);
}
}
.date-selection-view > header {
  padding: 10px 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.date-selection-view > header > h1 {
  flex-grow: 1;
  text-align: center;
}
.date-selection-view > div {
  padding-bottom: 10px;
}
.date-selection-view > div > .days {
  display: flex;
  padding: 0px 10px;
  padding-bottom: 7px;
  margin-bottom: 5px;
  border-bottom: 2px solid #E8E8E8;
}
.date-selection-view > div > .days > div {
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 5px 0;
  text-align: center;
  font-weight: 600;
  color: #7C7C7C;
}
.date-selection-view > div > .row {
  display: flex;
  padding: 3px 10px;
}
.date-selection-view > div > .row > button {
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 8px 0;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.date-selection-view > div > .row > button::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 6px;
  background: white;
  transition: background-color 0.2s, transform 0.2s;
  transform: scale(0.9, 0.9);
}
.date-selection-view > div > .row > button.selected {
  color: white;
  font-weight: bold;
}
.date-selection-view > div > .row > button.selected::after {
  background: var(--color-primary, #192DE0);
  transform: scale(1, 1);
}
.date-selection-view > div > .row > button:active::after, .date-selection-view > div > .row > button:hover::after {
  background: var(--color-background-primary, #E9EBFF);
  transform: scale(1, 1);
}
.date-selection-view > div > .row > button:active::after {
  background: var(--color-background-gray, #F0F1F5);
  transform: scale(1, 1);
}
.date-selection-view > div > .row > button.other-month {
  opacity: 0.3;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/inputs/DateSelection.vue?vue&type=style&index=0&id=086345e2&prod&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.input.date-selection {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.input.date-selection:active, .input.date-selection:hover {
  background: var(--color-background-primary, #E9EBFF);
}
.input.date-selection > span {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.input.date-selection > span.icon {
  flex-shrink: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/inputs/TimeInput.vue?vue&type=style&index=0&id=0e25f1af&prod&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.time-input {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  /* Hide the cancel button */
  /* Hide the magnifying glass */
}
.time-input > *:first-child {
  margin-right: 5px;
}
.time-input > *:last-child {
  max-width: none;
  padding-right: 0;
  padding-left: 5px;
  text-align: center;
}
.time-input input::-webkit-clear-button {
  display: none;
}
.time-input input::-ms-clear {
  display: none;
}
.time-input ::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.time-input ::-webkit-search-results-button {
  -webkit-appearance: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/inputs/StepperInput.vue?vue&type=style&index=0&id=5ef75c8a&prod&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style-h1, .main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
}
@media (max-width: 400px) {
.style-h1, .main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    font-size: 26px;
}
}
.style-h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
}
.style-h3 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}
.style-h4, .style-button-text {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.style-h4 + p, .style-button-text + p {
  padding-top: 5px;
}
.style-h4 + p + p, .style-button-text + p + p {
  padding-top: 5px;
}
.style-subtitle {
  font-family: Poppins;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: var(--color-primary, #192DE0);
}
.style-text, .style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]), .style-h5 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}
.style-h5 {
  font-weight: 600;
}
.style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  color: #7C7C7C;
}
.style-input, .input {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.style-hr {
  height: 2px;
  background: #E8E8E8;
  border-radius: 1px;
  padding: 0;
  margin: 20px 0;
  outline: none;
  border: 0;
}
.main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + .segmented-control,
.main-text-container > .container > h1:first-child + .segmented-control {
  margin-top: -10px;
}
@media (max-width: 400px) {
.main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    padding-bottom: 15px;
}
}
.main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + p:not([class]):last-child,
.main-text-container > .container > h1:first-child + p:not([class]):last-child {
  padding-bottom: 0;
}
@media (min-width: 551px) {
.only-smartphone {
    display: none;
}
}
.style-tag {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: var(--color-background-primary, #E9EBFF);
  padding: 3px 8px;
  border-radius: 6px;
  color: var(--color-primary, #192DE0);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.input {
  color: var(--color-dark, #050827);
  background-color: var(--color-background-gray, #F0F1F5);
  border-radius: 6px;
  padding: 5px 15px;
  height: 45px;
  line-height: 35px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  display: block;
  transition: background-color 0.2s;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.input:disabled {
  color: #7C7C7C;
  cursor: not-allowed;
}
.input:focus, .input:focus-within {
  background-color: var(--color-background-primary, #E9EBFF);
}
.input::-moz-placeholder {
  color: #7C7C7C;
}
.input::placeholder {
  color: #7C7C7C;
}
.input.error {
  background-color: #FFE9E9;
}
input.input {
  text-overflow: ellipsis;
}
.input-errors .input {
  background: #FFE9E9;
}
.input-with-icon {
  position: relative;
  display: block;
}
.input-with-icon > .icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
  pointer-events: none;
}
.input-with-icon > input {
  padding-left: 45px;
}
textarea.input {
  max-width: none;
  padding: 12px 15px;
  line-height: 27px;
  height: 113px;
  resize: none;
}
textarea.input[rows] {
  height: auto;
}
select.input {
  cursor: pointer;
  background: var(--color-background-gray, #F0F1F5) url(/dd33388d76c9178f3414.svg) no-repeat right 10px center;
  padding-right: 30px;
}
select.input:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.input-group {
  display: flex;
  flex-direction: row;
  max-width: 400px;
}
.input-group > * {
  flex-grow: 1;
  margin: 0 5px;
}
.input-group > *:first-child {
  margin-left: 0;
}
.input-group > *:last-child {
  margin-right: 0;
}
.input-group > * .input {
  margin: 0;
}
.stepper-input {
  display: inline-flex;
  flex-direction: row;
  background: var(--color-background-gray, #F0F1F5);
  border-radius: 6px;
  align-items: stretch;
  height: 45px;
}
.stepper-input hr {
  width: 2px;
  flex-basis: 2px;
  height: 19px;
  background: #D6D6D6;
  border-radius: 1px;
  border: 0;
  outline: 0;
  transition: opacity 0.2s;
  align-self: center;
  margin: 0;
  padding: 0;
}
.stepper-input:active hr {
  transition: none;
  opacity: 0;
}
.stepper-input button {
  padding: 7.5px 14px;
  border-radius: 6px;
  line-height: 30px;
  transition: background-color 0.2s;
  display: block;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.stepper-input button:active {
  background: var(--color-background-primary, #E9EBFF);
  transition: none;
}
.stepper-input button:last-child {
  margin-left: -2px;
}
.stepper-input button:first-child {
  margin-right: -2px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/inputs/NumberInput.vue?vue&type=style&index=0&id=4fac922d&prod&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style-h1, .main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
}
@media (max-width: 400px) {
.style-h1, .main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    font-size: 26px;
}
}
.style-h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
}
.style-h3 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}
.style-h4, .style-button-text {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.style-h4 + p, .style-button-text + p {
  padding-top: 5px;
}
.style-h4 + p + p, .style-button-text + p + p {
  padding-top: 5px;
}
.style-subtitle {
  font-family: Poppins;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: var(--color-primary, #192DE0);
}
.style-text, .style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]), .style-h5 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}
.style-h5 {
  font-weight: 600;
}
.style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  color: #7C7C7C;
}
.style-input, .input {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.style-hr {
  height: 2px;
  background: #E8E8E8;
  border-radius: 1px;
  padding: 0;
  margin: 20px 0;
  outline: none;
  border: 0;
}
.main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + .segmented-control,
.main-text-container > .container > h1:first-child + .segmented-control {
  margin-top: -10px;
}
@media (max-width: 400px) {
.main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    padding-bottom: 15px;
}
}
.main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + p:not([class]):last-child,
.main-text-container > .container > h1:first-child + p:not([class]):last-child {
  padding-bottom: 0;
}
@media (min-width: 551px) {
.only-smartphone {
    display: none;
}
}
.style-tag {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: var(--color-background-primary, #E9EBFF);
  padding: 3px 8px;
  border-radius: 6px;
  color: var(--color-primary, #192DE0);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.input {
  color: var(--color-dark, #050827);
  background-color: var(--color-background-gray, #F0F1F5);
  border-radius: 6px;
  padding: 5px 15px;
  height: 45px;
  line-height: 35px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  display: block;
  transition: background-color 0.2s;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.input:disabled {
  color: #7C7C7C;
  cursor: not-allowed;
}
.input:focus, .input:focus-within {
  background-color: var(--color-background-primary, #E9EBFF);
}
.input::-moz-placeholder {
  color: #7C7C7C;
}
.input::placeholder {
  color: #7C7C7C;
}
.input.error {
  background-color: #FFE9E9;
}
input.input {
  text-overflow: ellipsis;
}
.input-errors .input {
  background: #FFE9E9;
}
.input-with-icon {
  position: relative;
  display: block;
}
.input-with-icon > .icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
  pointer-events: none;
}
.input-with-icon > input {
  padding-left: 45px;
}
textarea.input {
  max-width: none;
  padding: 12px 15px;
  line-height: 27px;
  height: 113px;
  resize: none;
}
textarea.input[rows] {
  height: auto;
}
select.input {
  cursor: pointer;
  background: var(--color-background-gray, #F0F1F5) url(/dd33388d76c9178f3414.svg) no-repeat right 10px center;
  padding-right: 30px;
}
select.input:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.input-group {
  display: flex;
  flex-direction: row;
  max-width: 400px;
}
.input-group > * {
  flex-grow: 1;
  margin: 0 5px;
}
.input-group > *:first-child {
  margin-left: 0;
}
.input-group > *:last-child {
  margin-right: 0;
}
.input-group > * .input {
  margin: 0;
}
.number-container {
  display: flex;
}
.number-container .number-input {
  min-width: 0;
}
.number-container .stepper-input {
  margin-left: 5px;
  min-width: 0;
  flex-shrink: 0;
}
.number-input {
  position: relative;
}
.number-input > div {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.number-input > div span {
  white-space: pre;
}
.number-input > input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 5px 15px;
  height: 45px;
  line-height: 35px;
}
.number-input > input:focus {
  opacity: 1;
}
.number-input > input:focus + div {
  opacity: 0.5;
}
.number-input > input:focus + div span {
  visibility: hidden;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/promotions/PromotionBox.vue?vue&type=style&index=0&id=0f30cb12&prod&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style-h1, .main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
}
@media (max-width: 400px) {
.style-h1, .main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    font-size: 26px;
}
}
.style-h2, .promotion-box .absolute > footer > h1 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
}
.style-h3, .promotion-box .absolute > header > h1 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}
.style-h4, .style-button-text {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.style-h4 + p, .style-button-text + p {
  padding-top: 5px;
}
.style-h4 + p + p, .style-button-text + p + p {
  padding-top: 5px;
}
.style-subtitle, .promotion-box .absolute > header > h2 {
  font-family: Poppins;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: var(--color-primary, #192DE0);
}
.style-text, .style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]), .style-h5, .promotion-box .absolute > footer > h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}
.style-h5, .promotion-box .absolute > footer > h2 {
  font-weight: 600;
}
.style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  color: #7C7C7C;
}
.style-input {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.style-hr {
  height: 2px;
  background: #E8E8E8;
  border-radius: 1px;
  padding: 0;
  margin: 20px 0;
  outline: none;
  border: 0;
}
.main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + .segmented-control,
.main-text-container > .container > h1:first-child + .segmented-control {
  margin-top: -10px;
}
@media (max-width: 400px) {
.main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    padding-bottom: 15px;
}
}
.main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + p:not([class]):last-child,
.main-text-container > .container > h1:first-child + p:not([class]):last-child {
  padding-bottom: 0;
}
@media (min-width: 551px) {
.only-smartphone {
    display: none;
}
}
.style-tag {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: var(--color-background-primary, #E9EBFF);
  padding: 3px 8px;
  border-radius: 6px;
  color: var(--color-primary, #192DE0);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.promotion-box {
  max-width: 400px;
  margin: 0 auto;
}
.promotion-box > div {
  padding-bottom: 100%;
  position: relative;
  background: white;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  overflow: hidden;
}
.promotion-box > div.noHeader {
  padding-bottom: 80%;
}
.promotion-box.selectable {
  cursor: pointer;
  touch-action: manipulation;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}
.promotion-box.selectable > div {
  transition: transform 0.2s 0.15s;
}
.promotion-box.selectable:active > div {
  transform: scale(0.9, 0.9);
  transition: transform 0.1s;
}
.promotion-box .absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  z-index: 0;
}
.promotion-box .absolute > header {
  flex-shrink: 0;
  text-align: center;
  padding: 20px 15px 12px 15px;
}
.promotion-box .absolute > header > h1 {
  white-space: pre-wrap;
}
.promotion-box .absolute > header > h1:last-child {
  padding: 7px 0;
}
.promotion-box .absolute > header > h2 {
  padding-top: 4px;
  white-space: pre-wrap;
}
.promotion-box .absolute > figure {
  background: white;
  flex-grow: 1;
  z-index: -2;
  position: relative;
}
.promotion-box .absolute > figure > img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.promotion-box .absolute > figure > img.contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.promotion-box .absolute > footer {
  flex-shrink: 0;
  background: var(--color-primary, #192DE0);
  color: white;
  position: relative;
  text-align: center;
  padding: 10px 15px 18px 15px;
}
.promotion-box .absolute > footer > h1 {
  white-space: pre-wrap;
}
.promotion-box .absolute > footer > h2 {
  padding-top: 3px;
  white-space: pre-wrap;
}
.promotion-box .absolute > footer > h2.strike {
  text-decoration: line-through;
}
.promotion-box .absolute > footer:before {
  position: absolute;
  content: "";
  background: var(--color-primary, #192DE0);
  transform: skew(0, -2deg);
  transform-origin: 0 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/inputs/UploadImageButton.vue?vue&type=style&index=0&id=2ca73e0a&prod&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.upload-image-button > input {
  display: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./src/views/promotions/PromotionEditView.vue?vue&type=style&index=0&id=3fe81fe2&prod&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.promotions-edit-view .example {
  background: #F7F7F7;
  border-radius: 6px;
  padding: 30px 20px;
}
.promotions-edit-view .promotion-box {
  max-width: 345px;
}
.promotions-edit-view .image-text {
  padding-bottom: 15px;
}
.promotions-edit-view .duplicate {
  cursor: pointer;
  background-color: rgb(137, 212, 255);
  margin-top: 15px;
}
.promotions-edit-view .duplicate:hover {
  background-color: rgba(137, 212, 255, 0.413);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/layout/SegmentedControl.vue?vue&type=style&index=0&id=a9022c28&prod&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style-h1, .main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
}
@media (max-width: 400px) {
.style-h1, .main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    font-size: 26px;
}
}
.style-h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
}
.style-h3 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}
.style-h4, .segmented-control .item, .style-button-text {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.style-h4 + p, .segmented-control .item + p, .style-button-text + p {
  padding-top: 5px;
}
.style-h4 + p + p, .segmented-control .item + p + p, .style-button-text + p + p {
  padding-top: 5px;
}
.style-subtitle {
  font-family: Poppins;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: var(--color-primary, #192DE0);
}
.style-text, .style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]), .style-h5 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}
.style-h5 {
  font-weight: 600;
}
.style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  color: #7C7C7C;
}
.style-input {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.style-hr {
  height: 2px;
  background: #E8E8E8;
  border-radius: 1px;
  padding: 0;
  margin: 20px 0;
  outline: none;
  border: 0;
}
.main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + .segmented-control,
.main-text-container > .container > h1:first-child + .segmented-control {
  margin-top: -10px;
}
@media (max-width: 400px) {
.main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    padding-bottom: 15px;
}
}
.main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + p:not([class]):last-child,
.main-text-container > .container > h1:first-child + p:not([class]):last-child {
  padding-bottom: 0;
}
@media (min-width: 551px) {
.only-smartphone {
    display: none;
}
}
.style-tag {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: var(--color-background-primary, #E9EBFF);
  padding: 3px 8px;
  border-radius: 6px;
  color: var(--color-primary, #192DE0);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.segmented-control {
  width: 100%;
  display: flex;
  padding-bottom: 15px;
  overflow: hidden;
}
.segmented-control .item {
  text-align: center;
  border-bottom: 2px solid #E8E8E8;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-grow: 1;
  padding: 8px 5px;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  color: inherit;
}
@media (max-width: 400px) {
.segmented-control .item {
    font-size: 12px;
}
}
.segmented-control .item.selected {
  border-bottom: 2px solid var(--color-primary, #192DE0);
  color: var(--color-primary, #192DE0);
}
.segmented-control .item span {
  vertical-align: middle;
}
.segmented-control .item .badge {
  background: var(--color-primary, #192DE0);
  display: inline-block;
  padding: 0px 5px;
  line-break: 1;
  box-sizing: border-box;
  text-align: center;
  color: white;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  border-radius: 5px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./src/views/promotions/PromotionsView.vue?vue&type=style&index=0&id=38168ccb&prod&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.promotions-view .button {
  margin-bottom: 15px;
}
.promotions-view .duplicate {
  background-color: rgb(137, 212, 255);
  margin-bottom: 5px;
}
.promotions-view .duplicate:hover {
  background-color: rgba(137, 212, 255, 0.413);
}
.promotions-view .time-filter-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  width: 100%;
}
.promotions-view .time-filter-container > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.promotions-view .loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
}
.promotions-view .loading-overlay p {
  margin-top: 20px;
  font-size: 18px;
  color: #333;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/promotions/WholesalerLogo.vue?vue&type=style&index=0&id=779349b1&prod&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style-h1, .wholesaler-logo h1, .main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
}
@media (max-width: 400px) {
.style-h1, .wholesaler-logo h1, .main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    font-size: 26px;
}
}
.style-h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
}
.style-h3 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}
.style-h4, .style-button-text {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.style-h4 + p, .style-button-text + p {
  padding-top: 5px;
}
.style-h4 + p + p, .style-button-text + p + p {
  padding-top: 5px;
}
.style-subtitle {
  font-family: Poppins;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: var(--color-primary, #192DE0);
}
.style-text, .style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]), .style-h5 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}
.style-h5 {
  font-weight: 600;
}
.style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  color: #7C7C7C;
}
.style-input {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.style-hr {
  height: 2px;
  background: #E8E8E8;
  border-radius: 1px;
  padding: 0;
  margin: 20px 0;
  outline: none;
  border: 0;
}
.main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + .segmented-control,
.main-text-container > .container > h1:first-child + .segmented-control {
  margin-top: -10px;
}
@media (max-width: 400px) {
.main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    padding-bottom: 15px;
}
}
.main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + p:not([class]):last-child,
.main-text-container > .container > h1:first-child + p:not([class]):last-child {
  padding-bottom: 0;
}
@media (min-width: 551px) {
.only-smartphone {
    display: none;
}
}
.style-tag {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: var(--color-background-primary, #E9EBFF);
  padding: 3px 8px;
  border-radius: 6px;
  color: var(--color-primary, #192DE0);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.wholesaler-logo {
  padding-bottom: 40px;
}
.wholesaler-logo img {
  margin: 0 auto;
  max-width: 200px;
  display: block;
}
.wholesaler-logo h1 {
  text-align: center;
}
.wholesaler-logo h2 {
  text-align: center;
  margin-top: 10px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./src/views/wholesalers/WholesalerEditView.vue?vue&type=style&index=0&id=512569e4&prod&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wholesaler-edit-view .example {
  background: #F7F7F7;
  border-radius: 6px;
  padding: 30px 20px;
}
.wholesaler-edit-view .image-text {
  padding-bottom: 15px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./src/views/customers/CustomerEditView.vue?vue&type=style&index=0&id=06279e28&prod&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

button[data-v-06279e28] {
    margin-bottom: 1px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./src/views/customers/CustomersView.vue?vue&type=style&index=0&id=9e061164&prod&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style-h1, .main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
}
@media (max-width: 400px) {
.style-h1, .main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    font-size: 26px;
}
}
.style-h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
}
.style-h3 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}
.style-h4, .customers-view > main > h4, .style-button-text {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.style-h4 + p, .customers-view > main > h4 + p, .style-button-text + p {
  padding-top: 5px;
}
.style-h4 + p + p, .customers-view > main > h4 + p + p, .style-button-text + p + p {
  padding-top: 5px;
}
.style-subtitle {
  font-family: Poppins;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: var(--color-primary, #192DE0);
}
.style-text, .style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]), .style-h5 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}
.style-h5 {
  font-weight: 600;
}
.style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  color: #7C7C7C;
}
.style-input {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.style-hr {
  height: 2px;
  background: #E8E8E8;
  border-radius: 1px;
  padding: 0;
  margin: 20px 0;
  outline: none;
  border: 0;
}
.main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + .segmented-control,
.main-text-container > .container > h1:first-child + .segmented-control {
  margin-top: -10px;
}
@media (max-width: 400px) {
.main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    padding-bottom: 15px;
}
}
.main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + p:not([class]):last-child,
.main-text-container > .container > h1:first-child + p:not([class]):last-child {
  padding-bottom: 0;
}
@media (min-width: 551px) {
.only-smartphone {
    display: none;
}
}
.style-tag {
  display: block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: var(--color-background-primary, #E9EBFF);
  padding: 3px 8px;
  border-radius: 6px;
  color: var(--color-primary, #192DE0);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.customers-view .input-with-icon {
  margin: 10px 0;
}
.customers-view .button {
  margin-top: 20px;
  margin-right: 5px;
}
.customers-view .loading-cursor {
  cursor: wait;
}
.customers-view .loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
}
.customers-view .loading-overlay p {
  margin-top: 20px;
  font-size: 18px;
  color: #333;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./src/views/menu/WholesalerMenuView.vue?vue&type=style&index=0&id=6a028782&prod&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wholesaler-menu-view {
  --rf-horizontal-padding: 20px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./src/views/menu/RootMenuView.vue?vue&type=style&index=0&id=62a2ba04&prod&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style-h1, .main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
}
@media (max-width: 400px) {
.style-h1, .main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    font-size: 26px;
}
}
.style-h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
}
.style-h3 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}
.style-h4, .root-menu-view > main > h3, .style-button-text {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.style-h4 + p, .root-menu-view > main > h3 + p, .style-button-text + p {
  padding-top: 5px;
}
.style-h4 + p + p, .root-menu-view > main > h3 + p + p, .style-button-text + p + p {
  padding-top: 5px;
}
.style-subtitle {
  font-family: Poppins;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: var(--color-primary, #192DE0);
}
.style-text, .style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]), .style-h5 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}
.style-h5 {
  font-weight: 600;
}
.style-description, .main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  color: #7C7C7C;
}
.style-input {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.style-hr {
  height: 2px;
  background: #E8E8E8;
  border-radius: 1px;
  padding: 0;
  margin: 20px 0;
  outline: none;
  border: 0;
}
.main-text-container > h1:first-child,
.main-text-container > .container > h1:first-child {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + .segmented-control,
.main-text-container > .container > h1:first-child + .segmented-control {
  margin-top: -10px;
}
@media (max-width: 400px) {
.main-text-container > h1:first-child,
  .main-text-container > .container > h1:first-child {
    padding-bottom: 15px;
}
}
.main-text-container > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]) {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + p:not([class]):last-child,
.main-text-container > .container > h1:first-child + p:not([class]):last-child {
  padding-bottom: 0;
}
@media (min-width: 551px) {
.only-smartphone {
    display: none;
}
}
.style-tag {
  display: block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: var(--color-background-primary, #E9EBFF);
  padding: 3px 8px;
  border-radius: 6px;
  color: var(--color-primary, #192DE0);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.root-menu-view {
  --rf-horizontal-padding: 20px;
}
.root-menu-view .logo {
  height: 100px;
  width: auto;
  display: block;
  -ms-flex-item-align: center;
      align-self: center;
  justify-self: center;
  margin-bottom: 20px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/components/src/layout/FloatingFooter.vue?vue&type=style&index=0&id=7642b444&prod&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.floating-footer {
  margin: 0 calc(-1 * var(--rf-horizontal-padding, 40px));
  margin-bottom: calc(0px - var(--rf-vertical-padding, 40px));
  margin-bottom: calc(0px - var(--rf-vertical-padding, 40px) - max(var(--rf-safe-area-bottom, 0px), var(--keyboard-height, 0px)));
  margin-top: auto;
  padding-top: 15px;
  position: sticky;
  bottom: 0;
  transition: margin-top 0.2s;
}
.floating-footer.noSticky {
  position: static;
}
.floating-footer > div {
  padding: 0 var(--rf-horizontal-padding, 40px);
  padding-bottom: var(--rf-vertical-padding, 40px);
  padding-bottom: calc(var(--rf-vertical-padding, 40px) + max(var(--rf-safe-area-bottom, 0px), var(--keyboard-height, 0px)));
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
}
.floating-footer > div > * {
  margin-top: 10px;
}
.floating-footer > div > *:first-child {
  margin-top: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./src/views/welcome/LoginView.vue?vue&type=style&index=0&id=f522570e&prod&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.login-view .logo {
  height: 100px;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}
.login-view > .center {
  max-width: 100%;
  margin: 0 auto;
  width: 400px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../shared/containers/src/LoadingView.vue?vue&type=style&index=0&id=5472c060&prod&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.loading-view {
  position: fixed;
  z-index: 20;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 1;
  background: #F7F7F7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading-view.fade-enter-active, .loading-view.fade-leave-active {
  transition: opacity 0.35s;
}
.loading-view.fade-enter, .loading-view.fade-leave-to {
  opacity: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/@simonbackx/vue-app-navigation/dist/main.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.navigation-controller{overflow:visible;position:relative}.navigation-controller>.modal-push-enter,.navigation-controller>.modal-push-enter-active{position:relative;z-index:100}.navigation-controller>.modal-push-enter>div,.navigation-controller>.modal-push-enter-active>div{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);background:#fff;background:var(--color-white, white);will-change:transform;transition:transform .3s cubic-bezier(0, 0, 0.2, 1);transform:translateY(100vh)}.navigation-controller>.modal-push-leave,.navigation-controller>.modal-push-leave-active{position:absolute;pointer-events:none;top:0px;left:0px;right:0px;bottom:0px;contain:strict;transition:filter .3s}.navigation-controller>.modal-push-leave>div,.navigation-controller>.modal-push-leave-active>div{width:100%;height:100%}.navigation-controller>.modal-push-enter-to>div{transform:translateY(0)}.navigation-controller>.modal-push-leave-to{filter:brightness(80%)}.navigation-controller>.modal-pop-leave-active>div{transition:transform .25s cubic-bezier(0.4, 0, 1, 1)}.navigation-controller>.modal-pop-leave,.navigation-controller>.modal-pop-leave-active{position:absolute;z-index:10000;pointer-events:none;top:0px;left:0px;right:0px;bottom:0px}.navigation-controller>.modal-pop-leave>div,.navigation-controller>.modal-pop-leave-active>div{background:#fff;background:var(--color-white, white);width:100%;height:100%}.navigation-controller>.modal-pop-enter,.navigation-controller>.modal-pop-enter-active{position:relative}.navigation-controller>.modal-pop-leave-to>div{transform:translateY(100vh)}.navigation-controller>.push-enter-active{-webkit-user-select:none;-moz-user-select:none;user-select:none}.navigation-controller>.push-enter-active>div{transition:transform .3s}.navigation-controller>.push-leave-active{-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:filter .3s}.navigation-controller>.push-leave-active>div{transition:transform .3s}.navigation-controller>.push-enter,.navigation-controller>.push-enter-active{position:relative;z-index:1000}.navigation-controller>.push-enter>div,.navigation-controller>.push-enter-active>div{will-change:transform}.navigation-controller>.push-leave,.navigation-controller>.push-leave-active{position:absolute;pointer-events:none;top:0px;left:0px;right:0px;bottom:0px;will-change:filter;contain:strict}.navigation-controller>.push-leave>div,.navigation-controller>.push-leave-active>div{width:100%;height:100%;contain:strict;will-change:transform}.navigation-controller>.push-leave-to{filter:brightness(80%)}.navigation-controller>.push-enter>div{transform:translateX(100%);transform:translateX(calc(100% * var(--direction-scale-x, 1)))}.navigation-controller>.push-leave-to>div{transform:translateX(-40%);transform:translateX(calc(-40% * var(--direction-scale-x, 1)))}.navigation-controller>.pop-enter-active{-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:filter .25s}.navigation-controller>.pop-enter-active>div{transition:transform .25s}.navigation-controller>.pop-leave-active{-webkit-user-select:none;-moz-user-select:none;user-select:none}.navigation-controller>.pop-leave-active>div{transition:transform .25s}.navigation-controller>.pop-enter,.navigation-controller>.pop-enter-active{position:relative}.navigation-controller>.pop-enter>div,.navigation-controller>.pop-enter-active>div{will-change:transform}.navigation-controller>.pop-leave,.navigation-controller>.pop-leave-active{position:absolute;pointer-events:none;top:0px;left:0px;right:0px;bottom:0px;z-index:1000;contain:strict}.navigation-controller>.pop-leave>div,.navigation-controller>.pop-leave-active>div{width:100%;height:100%;will-change:transform;contain:strict}.navigation-controller>.pop-enter{filter:brightness(80%)}.navigation-controller>.pop-enter>div{transform:translateX(-40%);transform:translateX(calc(-40% * var(--direction-scale-x, 1)))}.navigation-controller>.pop-leave-to>div{transform:translateX(100%);transform:translateX(calc(100% * var(--direction-scale-x, 1)))}
.popup-old{position:fixed;left:0;top:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;z-index:10000;contain:size layout style paint}.popup-old:after{background:rgba(0,0,0,.7);content:"";position:absolute;left:0;top:0;bottom:0;right:0;opacity:1;contain:size layout style paint;will-change:opacity;transition:opacity .3s;z-index:0}.popup-old~.popup:after{display:none}.popup-old>div{max-width:800px;flex-basis:100%;background:#fff;background:var(--color-white, white);border-radius:5px;overflow:hidden;max-height:100vh;max-height:calc(var(--vh, 1vh) * 100);height:calc(var(--vh, 1vh) * 100 - 80px);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;box-sizing:border-box;contain:size layout style paint;will-change:transform,opacity;--saved-vh: var(--vh, 1vh);transform:translate3d(0, 0, 0);transform-origin:50% 0%;visibility:visible;transition:transform .3s,opacity .3s,visibility step-start .3s;z-index:1;position:relative}.popup-old>div>.scrollable-container{overflow:hidden;overflow-y:auto;--vh: calc(var(--saved-vh, 1vh) - 0.8px);height:100%;will-change:scroll-position}.popup-old>div:after{background:rgba(0,0,0,.4);content:"";position:absolute;left:0;top:0;bottom:0;right:0;opacity:0;contain:size layout style paint;will-change:opacity,visibility;visibility:hidden;z-index:20000;transition:opacity .3s,visibility step-end .3s}.popup-old.push-down-full>div{transition:transform .3s,opacity .3s,visibility step-end .3s;visibility:hidden;opacity:0;transform:scale(0.9, 0.9) translate3d(0, -15px, 0)}.popup-old.push-down-full>div:after{opacity:1;visibility:visible;transition:opacity .3s,visibility step-start .3s}.popup-old.push-down>div{transform:scale(0.95, 0.95) translate3d(0, -10px, 0)}.popup-old.push-down>div:after{opacity:1;visibility:visible;transition:opacity .3s,visibility step-start .3s}.popup-old.fade-enter-active:after{transition:opacity .3s}.popup-old.fade-enter-active>div{transition:transform .3s cubic-bezier(0, 0, 0.2, 1),opacity .3s}.popup-old.fade-leave-active:after{transition:opacity .3s}.popup-old.fade-leave-active>div{transition:transform .3s cubic-bezier(0.4, 0, 1, 1),opacity .3s}.popup-old.fade-enter:after,.popup-old.fade-leave-to:after{opacity:0}.popup-old.fade-enter>div,.popup-old.fade-leave-to>div{transform:translate(0, 50vh);opacity:0}
.side-view{background:rgba(0,0,0,.7);position:fixed;left:0;top:0;bottom:0;right:0;z-index:10000;visibility:visible;opacity:1;transition:background-color .3s,opacity .3s,visibility step-start .3s}.side-view~.side-view{background-color:rgba(0,0,0,.4)}.side-view>div{position:fixed;right:0;top:0;bottom:0;width:100%;max-width:800px;background:#fff;background:var(--color-white, white);border-radius:0px;overflow:hidden;height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;box-sizing:border-box;transform:translate3d(0, 0, 0);transition:transform .3s,border-radius .3s;transform-origin:0% 50%}.side-view.push-down-full{transition:background-color .3s,opacity .3s,visibility step-end .3s;visibility:hidden;opacity:0;background-color:rgba(0,0,0,.6)}.side-view.push-down-full>div{transform:scale(0.9, 0.9) translate3d(-15px, 0, 0);border-radius:5px}.side-view.push-down{background-color:rgba(0,0,0,.6)}.side-view.push-down>div{transform:scale(0.95, 0.95) translate3d(-10px, 0, 0);border-radius:5px}.side-view.fade-enter-active,.side-view.fade-leave-active,.side-view[data-extended-enter=true]{position:fixed}.side-view.fade-enter-active>div,.side-view.fade-leave-active>div,.side-view[data-extended-enter=true]>div{transition:transform .3s}.side-view.fade-enter,.side-view.fade-leave-to{background-color:rgba(0,0,0,0)}.side-view.fade-enter>div,.side-view.fade-leave-to>div{transform:translate(100%, 0)}.side-view.fade-enter-active,.side-view.fade-leave-active{z-index:10000}
.sheet-old{position:fixed;left:0;top:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;contain:size layout style paint}.sheet-old .navigation-controller{transition:height .25s cubic-bezier(0.4, 0, 0.2, 1);will-change:height}.sheet-old:after{background:rgba(0,0,0,.7);content:"";position:absolute;left:0;top:0;bottom:0;right:0;opacity:1;contain:size layout style paint;will-change:opacity;transition:opacity .3s;z-index:0}.sheet-old~.sheet:after{display:none}.sheet-old>div{max-width:800px;background:#fff;background:var(--color-white, white);border-radius:5px;overflow:hidden;max-height:100vh;max-height:calc(100vh - 80px);max-height:calc(var(--vh, 1vh) * 100 - 80px);overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;box-sizing:border-box;--saved-vh: var(--vh, 1vh);transform:translate3d(0, 0, 0);transform-origin:50% 50%;z-index:1;contain:layout style paint;will-change:transform,opacity,scroll-position;transition:transform .3s,opacity .3s}.sheet-old>div>*{--vh: calc(var(--saved-vh, 1vh) - 0.8px)}.sheet-old.fade-enter-active:after{transition:opacity .3s}.sheet-old.fade-enter-active>div{transition:transform .3s cubic-bezier(0, 0, 0.2, 1),opacity .3s}.sheet-old.fade-leave-active:after{transition:opacity .3s}.sheet-old.fade-leave-active>div{transition:transform .3s cubic-bezier(0.4, 0, 1, 1),opacity .3s}.sheet-old.fade-enter:after,.sheet-old.fade-leave-to:after{opacity:0}.sheet-old.fade-enter>div,.sheet-old.fade-leave-to>div{transform:translate(0, 30vh);opacity:0}
.split-view-controller{position:relative;width:100%;box-sizing:border-box;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100)}.split-view-controller>.master{flex-shrink:0;flex-grow:0;position:sticky;left:0;top:0;height:100vh;height:calc(var(--vh, 1vh) * 100);overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.split-view-controller>.master:last-child{position:relative;overflow:visible;width:100%;height:auto}.split-view-controller[data-has-detail=true]{display:grid;grid-template-columns:320px 1fr;grid-template-columns:var(--split-view-width, 320px) 1fr}.split-view-controller[data-has-detail=true]>.master{min-width:0}.split-view-controller[data-has-detail=true]>.detail{min-width:0;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100)}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!../../../node_modules/sass-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=54220cae&prod&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face { font-family: I9925b; src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAdwAAsAAAAADJwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFY2H0LRY21hcAAAAYQAAAB2AAAB7mFP5Q1nbHlmAAAB/AAAA3sAAAYQWcZSCWhlYWQAAAV4AAAALgAAADYq1f7FaGhlYQAABagAAAAYAAAAJAduA/RobXR4AAAFwAAAABAAAAAsJxAAAGxvY2EAAAXQAAAAGAAAABgEvAY0bWF4cAAABegAAAAfAAAAIAEbAKduYW1lAAAGCAAAASkAAAIWm5e+CnBvc3QAAAc0AAAAPAAAAFlI5OWceJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGTuZZzAwMrAwFTFtIeBgaEHQjM+YDBkZAKKMrAyM2AFAWmuKQwHHjA84GR+AeRGgUmgRhABAOy0C2AAAHic7ZHRDcJADEPf0VDoqaPwyUB8MQtjZpPWST0GkZ6lWLn7sIE7sIiXCBhfBjUfuaP9hdl+8O6bKD+345BSqj1ab7oN/bjy4MnW71b+s7f+vM3K7aKTNEqPNNVImso2TbWVRimTRnmTRsmTRh2oqQvmCTWPGp0AAHictVTNaxtXEH/zJO3Hk3ZX0n5J3pUsydHKiddSvF6vSqLIBDtQSKv2oAQKgRJicKCm0DingA+ljUkxSQ+F0PbWHnrLoYVS3NT9F3rxuX9Bjz02ojO7DpgmDYTS5b3ZeTM7v3lvfvOWAcOHP+VPmccYBB3JmgdZspxoHVwnSuIBDJM46BgA28I31UePVNMXDx+e0vn3L5gynWXYR/wJcxE76YNkAOE3YQwDaCN6sNCGP1Rue+q+ouyrns3VKeQ0y9Jmz/hd4Ve5eKzOqY8Fr/rifdM3TzB/OcEMxuDMg2MZoEMf1qHdCeJktQ1//QNz9owwIfcqzCf8PVahfSLicIybxM12BhAk8Kbw1b091bcBo5oYDfwdwcXBgeCmV/yuiMMjiOc491IcJ8ESZkel+knOS3Dgq3/HOeIOK+GCDhQ5lrSAh4MQTzFJ6/ODZsGfuon7N0/HHKU8Io3ORbCRxuQSrFKhl2ANaZQaAG9T+D7G7T9XuH16lSkpHIlcK9fGfZyhnYwhaoKlQ6cPZkcHq0nYw5M+GWOGPkC4cu3WNIqmt66t/LR5ZxPHuUlrR3iW2KnPbezyIJqurEy3SEC4sftgd8Or7QjLEzutybnN3Q1MmU/z3s/dZ5+wA/YF+5oxsw+XsBLrkAx7RPQY5kkNyIJ8JWS5CBE1gzskJ9GHKjkdbDuHLA2wqANll5w68oIqOaVgQK2pwxJ0UA16MjkpDarkpDRBr7sgO6vRGIZ9vtCR3R4WADN8XKpUSlfzpZEoyHmpVrxi1xsFpSgV68pys6XyqqZoVa62mstKHa1KoVG3rxRrUl4uiFEpf/W/hXPjeHsxvLB1WVEub10IF7e/WTp/fuk2/PY/5311uHZoxDfuvXEjNg6/bN/88Gb7kEkpp3dyD5iCt+MDdpftsc+wp6hFqTEL1LKk5voZF1h1PaUJJ8/uuNRMicXJM9qbGfHoHac9gZNjXLxOPxtiECcnfnsy3SD6OZhxkqkm0HoItITr9dbcXKsOZple9beM5WWjpIdOpRbijQHPKbseaELDAZ5bdjw0NsJaxQn10mt8+3NvbW0Sxz+SmKx9PjtWLEOGECX/yPH90Pd/JxH68KupaaZe1aWCVO7Wqm5XldRgYBtm3zTsQYCrrlutdcvox69e5+NPR++OcMy+XaTXCM7OjmXDUiBEydjfuF/F5wB4nGNgZGBgAOLNxali8fw2Xxm4mV8ARRieSMbqINPMrcwdQIqDgQnEAwAGOAhiAAB4nGNgZGBgfsHAACdbGRgZUAE3AD3sAmx4nGNgYGBgfkEcBgDBEAkvAAAAAAAuAFgAggCmAMoA5AEOAUoCNAMIeJxjYGRgYOBmmM3AxgACTEDMBYQMDP/BfAYAGSABwwB4nGWQPW7CQBSEx2BIAlKCFCkps1UKIpmfkgNAT0GXwpi1MbK91npBossJcoQcIaeIcoIcKGPzaGAtP38zb97uygAG+IWHenm4bWq9WrihOnGb9CDsk5+FO+jjRbhLfyjcwxumwn084p07eP4dnQFK4Rbu8SHcpv8p7JO/hDt4wrdwl/6PcA8r/An38eoN08gUsSncUif7LLRnef6utK1SU6hJMD5bC11oGzq9Ueujqg7J1LlYxdbkas6uzjKjSmt2OnLB1rlyNhrF4geRyZEigkGBuKkOS2gk2CNDCHvVvdQrpi0q+rVWmCDA+Cq1YKpokiGVxobJNY6sFQ48bUrXMa34Ws7kpLnMat4kIyv+77q3oxPRD7BtpkrMMOITX+SD5g75Pz0RXqgAAAB4nG3BtwGAQAADMfvID8OQw0jefwEKWiShT9G/0bhy7catO/ceXDx6EpnJQlaykZ0c5CQXuckjvX74Bqs=) format('woff');font-weight: normal;font-style: normal;}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button,
input,
select,
textarea,
blockquote {
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  background: none;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  font-style: normal;
  src: url(/fonts/Poppins-Regular.5b8f3ba886526963a788.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  font-style: normal;
  src: url(/fonts/Poppins-SemiBold.e49343f0bcfb860280ab.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --rf-horizontal-padding: 50px;
  --rf-vertical-padding: 50px;
  --rf-safe-area-top: 0px;
  --rf-safe-area-top: env(safe-area-inset-top, 0px);
  --rf-safe-area-bottom: 0px;
  --rf-safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --split-view-width: 300px;
  --color-current-background: white;
  --color-current-border: #E8E8E8;
  --color-current-background-shade: #F7F7F7;
  --keyboard-height: 0px;
  --android-keyboard-height: 0px;
}
@media (max-width: 800px) {
:root {
    --rf-horizontal-padding: 20px;
    --rf-vertical-padding: 20px;
}
}
@media (max-width: 450px) {
:root {
    --rf-horizontal-padding: 15px;
}
}
body,
html {
  margin: 0;
  padding: 0;
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-dark, #050827);
  -webkit-overflow-scrolling: auto;
  /* Disabel text resize as this doesn't work across animations */
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  /* Default font size */
  font-size: 16px;
}
.style-h1, .main-text-container > h1:first-child, .view > main > h1:first-child, .rf-view > main > h1:first-child,
.main-text-container > .container > h1:first-child,
.view > main > .container > h1:first-child,
.rf-view > main > .container > h1:first-child {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
}
@media (max-width: 400px) {
.style-h1, .main-text-container > h1:first-child, .view > main > h1:first-child, .rf-view > main > h1:first-child,
  .main-text-container > .container > h1:first-child,
  .view > main > .container > h1:first-child,
  .rf-view > main > .container > h1:first-child {
    font-size: 26px;
}
}
.style-h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
}
.style-h3 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}
.style-h4, .style-button-text, .button.text {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.style-h4 + p, .style-button-text + p, .button.text + p {
  padding-top: 5px;
}
.style-h4 + p + p, .style-button-text + p + p, .button.text + p + p {
  padding-top: 5px;
}
.style-subtitle {
  font-family: Poppins;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: var(--color-primary, #192DE0);
}
.style-text, .data-table tbody td, .style-description, .main-text-container > h1:first-child + p:not([class]), .view > main > h1:first-child + p:not([class]), .rf-view > main > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]),
.view > main > .container > h1:first-child + p:not([class]),
.rf-view > main > .container > h1:first-child + p:not([class]), .style-h5, .data-table thead th {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}
.style-h5, .data-table thead th {
  font-weight: 600;
}
.style-description, .main-text-container > h1:first-child + p:not([class]), .view > main > h1:first-child + p:not([class]), .rf-view > main > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]),
.view > main > .container > h1:first-child + p:not([class]),
.rf-view > main > .container > h1:first-child + p:not([class]) {
  color: #7C7C7C;
}
.style-input, .radio > div,
.checkbox > div, .input {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.style-hr {
  height: 2px;
  background: #E8E8E8;
  border-radius: 1px;
  padding: 0;
  margin: 20px 0;
  outline: none;
  border: 0;
}
.main-text-container > h1:first-child, .view > main > h1:first-child, .rf-view > main > h1:first-child,
.main-text-container > .container > h1:first-child,
.view > main > .container > h1:first-child,
.rf-view > main > .container > h1:first-child {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + .segmented-control, .view > main > h1:first-child + .segmented-control, .rf-view > main > h1:first-child + .segmented-control,
.main-text-container > .container > h1:first-child + .segmented-control,
.view > main > .container > h1:first-child + .segmented-control,
.rf-view > main > .container > h1:first-child + .segmented-control {
  margin-top: -10px;
}
@media (max-width: 400px) {
.main-text-container > h1:first-child, .view > main > h1:first-child, .rf-view > main > h1:first-child,
  .main-text-container > .container > h1:first-child,
  .view > main > .container > h1:first-child,
  .rf-view > main > .container > h1:first-child {
    padding-bottom: 15px;
}
}
.main-text-container > h1:first-child + p:not([class]), .view > main > h1:first-child + p:not([class]), .rf-view > main > h1:first-child + p:not([class]),
.main-text-container > .container > h1:first-child + p:not([class]),
.view > main > .container > h1:first-child + p:not([class]),
.rf-view > main > .container > h1:first-child + p:not([class]) {
  padding-bottom: 20px;
}
.main-text-container > h1:first-child + p:not([class]):last-child, .view > main > h1:first-child + p:not([class]):last-child, .rf-view > main > h1:first-child + p:not([class]):last-child,
.main-text-container > .container > h1:first-child + p:not([class]):last-child,
.view > main > .container > h1:first-child + p:not([class]):last-child,
.rf-view > main > .container > h1:first-child + p:not([class]):last-child {
  padding-bottom: 0;
}
@media (min-width: 551px) {
.only-smartphone {
    display: none;
}
}
.style-tag {
  display: block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  background: var(--color-background-primary, #E9EBFF);
  padding: 3px 8px;
  border-radius: 6px;
  color: var(--color-primary, #192DE0);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
.input {
  color: var(--color-dark, #050827);
  background-color: var(--color-background-gray, #F0F1F5);
  border-radius: 6px;
  padding: 5px 15px;
  height: 45px;
  line-height: 35px;
  margin: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.input:disabled {
  color: #7C7C7C;
  cursor: not-allowed;
}
.input:focus, .input:focus-within {
  background-color: var(--color-background-primary, #E9EBFF);
}
.input::-webkit-input-placeholder {
  color: #7C7C7C;
}
.input::-moz-placeholder {
  color: #7C7C7C;
}
.input:-ms-input-placeholder {
  color: #7C7C7C;
}
.input::-ms-input-placeholder {
  color: #7C7C7C;
}
.input::placeholder {
  color: #7C7C7C;
}
.input.error {
  background-color: #FFE9E9;
}
input.input {
  text-overflow: ellipsis;
}
.input-errors .input {
  background: #FFE9E9;
}
.input-with-icon {
  position: relative;
  display: block;
}
.input-with-icon > .icon {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  pointer-events: none;
}
.input-with-icon > input {
  padding-left: 45px;
}
textarea.input {
  max-width: none;
  padding: 12px 15px;
  line-height: 27px;
  height: 113px;
  resize: none;
}
textarea.input[rows] {
  height: auto;
}
select.input {
  cursor: pointer;
  background: var(--color-background-gray, #F0F1F5) url(/dd33388d76c9178f3414.svg) no-repeat right 10px center;
  padding-right: 30px;
}
select.input:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 400px;
}
.input-group > * {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 5px;
}
.input-group > *:first-child {
  margin-left: 0;
}
.input-group > *:last-child {
  margin-right: 0;
}
.input-group > * .input {
  margin: 0;
}
.button {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  color: inherit;
}
.button:link, .button:visited, .button:active {
  text-decoration: none;
}
.button.simple:active {
  opacity: 0.4;
}
.button.primary {
  font-size: 14px;
  font-weight: 600;
  color: white;
  padding: 0 40px;
  background: var(--color-primary, #192DE0);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 45px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  -webkit-transition: 0.2s -webkit-transform;
  transition: 0.2s -webkit-transform;
  transition: 0.2s transform;
  transition: 0.2s transform, 0.2s -webkit-transform;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.button.primary:active {
  -webkit-transform: scale(0.95, 0.95);
          transform: scale(0.95, 0.95);
}
.button.primary:disabled {
  color: #E7E7E7;
  background: #B0B0B0;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.button.primary:disabled:active {
  -webkit-transform: none;
          transform: none;
}
.button.destructive {
  font-size: 14px;
  font-weight: 600;
  color: #E01919;
  padding: 0 27px;
  background: #FFE9E9;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 45px;
  border-radius: 6px;
  -webkit-transition: 0.2s -webkit-transform;
  transition: 0.2s -webkit-transform;
  transition: 0.2s transform;
  transition: 0.2s transform, 0.2s -webkit-transform;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.button.destructive:active {
  -webkit-transform: scale(0.95, 0.95);
          transform: scale(0.95, 0.95);
}
.button.secundary {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-primary, #192DE0);
  padding: 0 27px;
  background: var(--color-background-primary, #E9EBFF);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 6px;
  -webkit-transition: 0.2s -webkit-transform;
  transition: 0.2s -webkit-transform;
  transition: 0.2s transform;
  transition: 0.2s transform, 0.2s -webkit-transform;
  cursor: pointer;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 45px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.button.secundary:active {
  -webkit-transform: scale(0.95, 0.95);
          transform: scale(0.95, 0.95);
}
.button.secundary:disabled {
  color: #7C7C7C;
  background: #F7F7F7;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.button.secundary:disabled:active {
  -webkit-transform: none;
          transform: none;
}
.button.secundary .icon, .button.primary .icon, .button.destructive .icon {
  -ms-flex-item-align: center;
      align-self: center;
}
.button.secundary .icon:first-child, .button.primary .icon:first-child, .button.destructive .icon:first-child {
  margin-right: 10px;
  margin-left: -5px;
}
.button.secundary .icon:last-child, .button.primary .icon:last-child, .button.destructive .icon:last-child {
  margin-left: 10px;
  margin-right: -5px;
}
.button.secundary.full, .button.primary.full, .button.destructive.full {
  width: 100%;
  padding: 0 15px;
}
.button.secundary > span, .button.primary > span, .button.text > span, .button.destructive > span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.button.secundary > span.icon, .button.primary > span.icon, .button.text > span.icon, .button.destructive > span.icon {
  text-overflow: clip;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.button.text {
  color: var(--color-primary, #192DE0);
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  height: 34px;
  line-height: 34px;
  white-space: nowrap;
}
.button.text.gray {
  color: #7C7C7C;
}
.button.text > * {
  vertical-align: top;
}
.button.text:active {
  opacity: 0.4;
}
@media (max-width: 440px) {
.button.text.limit-space {
    overflow: visible;
}
.button.text.limit-space span:not(.icon) {
    display: none;
}
}
.button.text.tabbar-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  height: auto;
  line-height: 1.2;
  color: #7C7C7C;
  font-size: 11px;
}
.button.text.tabbar-button.selected {
  color: var(--color-primary, #192DE0);
}
.button.text.tabbar-button:active {
  opacity: 1;
}
.button.icon {
  padding: 10px;
  margin: -10px;
}
.button.icon:active {
  opacity: 0.4;
}
.error-box {
  color: #E01919;
  font-weight: 600;
  font-size: 14px;
  padding: 12px 15px;
  margin: 10px 0;
  background: #FFE9E9;
  border-radius: 6px;
  line-height: 1.5;
  padding-left: 50px;
  position: relative;
}
.error-box:after {
  font-size: 30px;
  content: "";
  left: 10px;
  top: 50%;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: I9925b;
  font-weight: normal;
  content: '\e000';
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  position: absolute;
}
.info-box {
  color: var(--color-primary, #192DE0);
  font-weight: 600;
  font-size: 14px;
  padding: 12px 15px;
  margin: 10px 0;
  background: var(--color-background-primary, #E9EBFF);
  border-radius: 6px;
  line-height: 1.5;
  position: relative;
}
.info-box + .info-box, .info-box + .error-box, .error-box + .info-box, .error-box + .error-box {
  margin-top: -5px;
}
.icon {
  width: 30px;
  font-size: 30px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.icon.gray {
  color: #7C7C7C;
}
.icon.middle {
  vertical-align: middle;
}
.icon:after {
  vertical-align: middle;
}
.icon.arrow-left:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: I9925b;
  font-weight: normal;
  content: '\e001';
}
.icon.arrow-right:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: I9925b;
  font-weight: normal;
  content: '\e002';
}
.icon.arrow-down-small:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: I9925b;
  font-weight: normal;
  content: '\e003';
}
.icon.arrow-up-small:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: I9925b;
  font-weight: normal;
  content: '\e004';
}
.icon.min:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: I9925b;
  font-weight: normal;
  content: '\e005';
}
.icon.plus:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: I9925b;
  font-weight: normal;
  content: '\e006';
}
.icon.close:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: I9925b;
  font-weight: normal;
  content: '\e000';
}
.icon.search:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: I9925b;
  font-weight: normal;
  content: '\e007';
}
.icon.settings:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: I9925b;
  font-weight: normal;
  content: '\e008';
}
.icon.promotions:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: I9925b;
  font-weight: normal;
  content: '\e009';
}
.radio,
.checkbox {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-block;
  cursor: pointer;
}
.radio > input,
.checkbox > input {
  display: none;
}
.radio > div,
.checkbox > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.radio > div > div:first-child,
.checkbox > div > div:first-child {
  width: 20px;
  height: 20px;
  -ms-flex-preferred-size: 20px;
      flex-basis: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 5px;
  background: var(--color-background-primary, #E9EBFF);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.radio > div > div:first-child svg > path,
.checkbox > div > div:first-child svg > path {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-transition: stroke-dashoffset 0.1s;
  transition: stroke-dashoffset 0.1s;
}
.radio > div > div:first-child ~ div,
.checkbox > div > div:first-child ~ div {
  margin-left: 15px;
  padding: 11px 0;
}
.radio > div > div:first-child ~ div:empty,
.checkbox > div > div:first-child ~ div:empty {
  margin: 0;
  min-height: auto;
}
.radio > input[type=radio] + div > div:first-child,
.checkbox > input[type=radio] + div > div:first-child {
  border-radius: 12px;
}
.radio > input[type=radio] + div > div:first-child::after,
.checkbox > input[type=radio] + div > div:first-child::after {
  content: "";
  height: 20px;
  width: 20px;
  background: var(--color-background-primary, #E9EBFF);
  border-radius: 12px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.radio > input:checked + div > div:first-child,
.checkbox > input:checked + div > div:first-child {
  background: var(--color-primary, #192DE0);
}
.radio > input:checked + div > div:first-child svg > path,
.checkbox > input:checked + div > div:first-child svg > path {
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 0.2s 0.1s;
  transition: stroke-dashoffset 0.2s 0.1s;
}
.radio > input[type=radio]:checked + div > div:first-child::after,
.checkbox > input[type=radio]:checked + div > div:first-child::after {
  -webkit-transform: scale(0.4, 0.4);
          transform: scale(0.4, 0.4);
}
.data-table {
  width: 100%;
  margin: 0 calc(-1 * var(--rf-horizontal-padding, 40px));
  width: calc(100% + var(--rf-horizontal-padding, 40px) * 2);
  overflow: hidden;
  overflow-wrap: break-word;
  table-layout: fixed;
}
.data-table td,
.data-table th {
  white-space: nowrap;
  padding: 10px;
  min-width: 0;
}
.data-table td,
.data-table th {
  overflow: hidden;
}
.data-table td,
.data-table th {
  text-overflow: ellipsis;
}
.data-table td:first-child,
.data-table th:first-child {
  padding-left: var(--rf-horizontal-padding, 40px);
}
.data-table td:last-child,
.data-table th:last-child {
  padding-right: var(--rf-horizontal-padding, 40px);
}
.data-table .small {
  width: 17%;
}
.data-table thead th {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  text-align: left;
  border-bottom: 2px solid #E8E8E8;
  line-height: 30px;
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
}
.data-table thead th > span {
  display: inline-block;
  vertical-align: middle;
}
.data-table thead th > span:first-child {
  max-width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-table thead th > span:nth-child(2) {
  margin-right: -5px;
  margin-left: -5px;
}
.data-table tbody tr:nth-child(odd) {
  background-color: #F7F7F7;
}
.data-table tbody tr.selectable {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.data-table tbody tr.selectable:hover {
  background-color: var(--color-background-primary, #E9EBFF);
}
.rf-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: var(--rf-vertical-padding, 20px) var(--rf-horizontal-padding, 40px) var(--rf-vertical-padding, 20px) var(--rf-horizontal-padding, 40px);
  padding: calc(var(--rf-vertical-padding, 20px) + var(--rf-safe-area-top, 0px)) var(--rf-horizontal-padding, 40px) var(--rf-vertical-padding, 20px) var(--rf-horizontal-padding, 40px);
  padding-bottom: calc(var(--rf-vertical-padding, 20px) + max(var(--rf-safe-area-bottom, 0px), var(--keyboard-height, 0px)));
  -webkit-transition: padding-bottom 0.2s;
  transition: padding-bottom 0.2s;
  --rf-view-horizontal-padding: var(--rf-horizontal-padding, 40px);
  background: var(--color-current-background, white);
}
.rf-view > main {
  --rf-safe-area-top: 0px;
  --rf-safe-area-bottom: 0px;
  --keyboard-height: 0px;
}
.rf-view .rf-toolbar {
  margin-top: auto;
}
.rf-view.auto {
  min-height: auto;
}
.rf-view.background {
  background: white;
  --color-current-background: white;
  --color-current-background-shade: #F7F7F7;
}
.rf-view.shade {
  background: #F7F7F7;
  --color-current-background: #F7F7F7;
  --color-current-background-shade: #ECECEC;
}
.sheet .rf-view {
  min-height: auto;
}
.split-view-controller {
  background: #F7F7F7;
}
.split-view-controller > .master {
  z-index: 100;
  background: #F7F7F7;
}
.split-view-controller > .detail {
  background: var(--color-current-background);
}
.split-view-controller[data-has-detail=true] > .master {
  border-right: 2px solid #E8E8E8;
}
.popup {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.sheet {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  --rf-horizontal-padding: 20px;
  --rf-vertical-padding: 20px;
}
@media (max-width: 450px) {
.sheet {
    --rf-horizontal-padding: 15px;
}
}
.sheet > div {
  width: 400px;
}
.error-box-transition-enter-active, .error-box-transition-leave-active {
  -webkit-transition: height 0.2s, opacity 0.2s;
  transition: height 0.2s, opacity 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.error-box-transition-enter-active, .error-box-transition-leave-active {
    -webkit-transition: none;
    transition: none;
}
}
.error-box-parent > .error-box {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
@media (prefers-reduced-motion: reduce) {
.error-box-parent > .error-box {
    -webkit-animation: none;
            animation: none;
}
}
.error-box-parent {
  padding: 5px 0;
}
@-webkit-keyframes shake {
10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
}
20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
}
40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
}
}
@keyframes shake {
10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
}
20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
}
40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
}
}