/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Header/Header.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Header_header {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  margin: 0;
  padding: 0;
}

.Header_header--wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Header_header--h1 {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 36px;
  font-weight: 200;
  letter-spacing: 0;
  line-height: 38px;
  margin: 0;
}

.Header_header--h2 {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 24px;
  font-weight: 200;
  letter-spacing: 0;
  line-height: 36px;
  margin: 0;
}

.Header_header--h3 {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.1px;
  line-height: 30px;
  margin: 0;
}

.Header_header--h4 {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: 200;
  letter-spacing: 0;
  line-height: 36px;
  margin: 0;
}

.Header_header--h5 {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.15px;
  line-height: 1.5;
}

.Header_header--h6 {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 14px;
}

.Header_header--ellipsis-overflow {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Header_header--extra-small {
  font-size: 14px;
}

.Header_header--small {
  font-size: 16px;
}

.Header_header--medium {
  font-size: 20px;
}

.Header_header--large {
  font-size: 24px;
  font-weight: 200;
}

.Header_header--extra-large {
  font-size: 36px;
  font-weight: 200;
}

.Header_header--mega {
  font-size: 56px;
}

.Header_header--thick {
  font-weight: 600;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Link/Link.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Link_link {
  text-decoration: underline;
  color: #2a5cdb;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Text/Text.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Text_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  margin: 0;
  padding: 0;
  max-width: 100%;
}
.Text_text.Text_dark {
  color: #fff;
  fill: #fff;
}

.Text_text--paragraph-large {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 27px;
}

.Text_text--paragraph-default {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
}

.Text_text--paragraph-small {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 20px;
}

.Text_text--paragraph-xsmall {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 18px;
}

.Text_text--timestamp {
  color: #666;
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 15px;
}

.Text_text--subtitle-small {
  font-family: "Lato", sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 13px;
  margin: 0;
  text-transform: uppercase;
}

.Text_text--paragraph {
  line-height: 1.5;
}

.Text_text--slim {
  font-weight: 200;
}

.Text_text--extra-small {
  font-size: 12px;
}

.Text_text--small {
  font-size: 14px;
}

.Text_text--regular {
  font-size: 16px;
}

.Text_text--large {
  font-size: 24px;
}

.Text_text--extra-large {
  font-size: 32px;
}

.Text_text--text-align-left {
  text-align: left;
}

.Text_text--text-align-center {
  text-align: center;
}

.Text_text--text-align-right {
  text-align: right;
}

.Text_text--text-align-justify {
  text-align: justify;
}

.Text_text--bold {
  font-weight: bold;
}

.Text_text-break-word {
  overflow-wrap: break-word;
}

.Text_ellipsis-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow-wrap: anywhere;
}

[class*=trim--overflow].Text_text-break-word {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.Text_trim--overflow--2 {
  -webkit-line-clamp: 2;
}

.Text_trim--overflow--3 {
  -webkit-line-clamp: 3;
}

.Text_trim--overflow--4 {
  -webkit-line-clamp: 4;
}

.Text_trim--overflow--5 {
  -webkit-line-clamp: 5;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Progress/Progress.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Progress_progress {
  position: relative;
  margin: 0 auto;
}
.Progress_progress__container {
  position: relative;
  background-color: #f1f1f1;
  border-radius: 6px;
  padding: 12px 16px 8px 16px;
  overflow-wrap: break-word;
  text-align: center;
}
.Progress_progress__percentage {
  position: inherit;
  top: -46px;
  color: #333;
}
.Progress_progress__text {
  display: flex;
  justify-content: center;
  color: #666;
  padding-bottom: 2px;
  margin-top: -16px;
  text-align: center;
}
.Progress_progress__circular, .Progress_progress__bar {
  width: 100%;
}
.Progress_progress__circular {
  transform: rotate(-90deg);
  max-height: 64px;
}
.Progress_progress__circular__path {
  stroke: #aaaaaa;
}
.Progress_progress__circular__path__value {
  stroke: #2a5cdb;
  transition: stroke-dashoffset 1s;
}
.Progress_progress__bar {
  height: 8px;
  border-radius: 8px;
  background-color: #c6c6c6;
}
.Progress_progress__bar_filler {
  height: 8px;
  border-radius: 8px;
  background-color: #2a5cdb;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Icon/Icon.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Loader/Loader.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Loader_loading-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Loader_loader {
  position: relative;
  margin: 0 auto;
  width: 44px;
}

.Loader_loader::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.Loader_loader--small {
  width: 20px;
}

.Loader_loader--default {
  width: 44px;
}

.Loader_loader--extra-small {
  width: 12px;
}

.Loader_loader--center {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 64px;
}

.Loader_loader--horizontallyCentered {
  display: flex;
  justify-content: center;
  width: 100%;
}

.Loader_circular {
  animation: Loader_rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.Loader_path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: Loader_dash 1.5s ease-in-out infinite;
}

@keyframes Loader_rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes Loader_dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Grid/Spacer.scss ***!
  \****************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Spacer_spacer {
  pointer-events: none;
  visibility: hidden;
  display: inline-block;
  flex-shrink: 0;
}

.Spacer_vertical {
  display: block;
}

.Spacer_tiny.Spacer_vertical {
  height: 4px;
}
@media screen and (max-width: 446px) {
  .Spacer_tiny.Spacer_vertical.Spacer_responsive {
    height: 3px;
  }
}
.Spacer_tiny.Spacer_horizontal {
  width: 4px;
}
@media screen and (max-width: 446px) {
  .Spacer_tiny.Spacer_horizontal.Spacer_responsive {
    width: 3px;
  }
}

.Spacer_small.Spacer_vertical {
  height: 8px;
}
@media screen and (max-width: 446px) {
  .Spacer_small.Spacer_vertical.Spacer_responsive {
    height: 6px;
  }
}
.Spacer_small.Spacer_horizontal {
  width: 8px;
}
@media screen and (max-width: 446px) {
  .Spacer_small.Spacer_horizontal.Spacer_responsive {
    width: 6px;
  }
}

.Spacer_default.Spacer_vertical {
  height: 16px;
}
@media screen and (max-width: 446px) {
  .Spacer_default.Spacer_vertical.Spacer_responsive {
    height: 12px;
  }
}
.Spacer_default.Spacer_horizontal {
  width: 16px;
}
@media screen and (max-width: 446px) {
  .Spacer_default.Spacer_horizontal.Spacer_responsive {
    width: 12px;
  }
}

.Spacer_large.Spacer_vertical {
  height: 32px;
}
@media screen and (max-width: 446px) {
  .Spacer_large.Spacer_vertical.Spacer_responsive {
    height: 20px;
  }
}
.Spacer_large.Spacer_horizontal {
  width: 32px;
}
@media screen and (max-width: 446px) {
  .Spacer_large.Spacer_horizontal.Spacer_responsive {
    width: 20px;
  }
}

.Spacer_medium.Spacer_vertical {
  height: 24px;
}
@media screen and (max-width: 446px) {
  .Spacer_medium.Spacer_vertical.Spacer_responsive {
    height: 16px;
  }
}
.Spacer_medium.Spacer_horizontal {
  width: 24px;
}
@media screen and (max-width: 446px) {
  .Spacer_medium.Spacer_horizontal.Spacer_responsive {
    width: 16px;
  }
}

.Spacer_little.Spacer_vertical {
  height: 12px;
}
@media screen and (max-width: 446px) {
  .Spacer_little.Spacer_vertical.Spacer_responsive {
    height: 14px;
  }
}
.Spacer_little.Spacer_horizontal {
  width: 12px;
}
@media screen and (max-width: 446px) {
  .Spacer_little.Spacer_horizontal.Spacer_responsive {
    width: 14px;
  }
}

.Spacer_extra-large.Spacer_vertical {
  height: 44px;
}
@media screen and (max-width: 446px) {
  .Spacer_extra-large.Spacer_vertical.Spacer_responsive {
    height: 40px;
  }
}
.Spacer_extra-large.Spacer_horizontal {
  width: 44px;
}
@media screen and (max-width: 446px) {
  .Spacer_extra-large.Spacer_horizontal.Spacer_responsive {
    width: 40px;
  }
}

.Spacer_outline {
  box-shadow: 1px 1px 0 salmon;
  visibility: visible;
  width: 1px;
  height: 1px;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Card/Card.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Card_card {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
  padding: 20px 24px;
  position: relative;
  text-align: initial;
  box-sizing: border-box;
}
@media print {
  .Card_card {
    box-shadow: none;
    border: 1px solid #666;
    break-inside: avoid;
  }
}
.Card_card--pinned {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  box-shadow: none;
}
.Card_card--no-shadow {
  box-shadow: none;
}
.Card_card--no-padding {
  padding: 0;
}
.Card_card--margin-bottom {
  margin-bottom: 24px;
}
.Card_card--button {
  font-size: inherit;
  cursor: pointer;
}
.Card_card--button:focus {
  box-shadow: 0 0 0 2px #2a5cdb;
  outline: none;
}
.Card_card--button:hover {
  box-shadow: 0 24px 36px -12px rgba(0, 0, 0, 0.1);
}
.Card_card--button:hover:focus {
  box-shadow: 0 24px 36px -12px rgba(0, 0, 0, 0.1), 0 0 0 2px #2a5cdb;
}
.Card_card--with-border {
  border: solid 1px #ebebeb;
}
.Card_card-bar {
  position: absolute;
  top: 0;
  left: 0;
}
.Card_card-bar--left {
  bottom: 0;
  width: 8px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.Card_card-bar--top {
  right: 0;
  height: 8px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.Card_confetti-background {
  background: url(/public/459a9f5f6f8093427c54.jpg);
}

.Card_two-tone-background, .Card_blue-confetti-background, .Card_white-confetti-background {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTU4IiBoZWlnaHQ9IjExMiIgdmlld0JveD0iMCAwIDU1OCAxMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgb3BhY2l0eT0iMC4xIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzEuNSAxMTJIMTAxLjVDMTQ0LjU3NyA5MC4yNTc4IDE4MS4yMSA1MC40NzgzIDE4Ni41ODggMEgwVjExMkg0Mkg3MS41WiIgZmlsbD0id2hpdGUiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTpvdmVybGF5Ii8+CiAgPC9nPgogIDxnIG9wYWNpdHk9IjAuMDgiPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01NTggMEg0NDguMzU1QzQxMS40MTQgMjUuMDQxMSAzODMuMDI1IDY0LjgzMDUgMzgyLjAyNyAxMTJINDc3LjVMNTE3Ljc1IDExMkw1NTggMTEyVjg1LjI1MDFWNTkuMDAwMVYyOVYwWiIgZmlsbD0iYmxhY2siIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTpvdmVybGF5Ii8+CiAgPC9nPgo8L3N2Zz4K);
  background-position: center;
  background-size: cover;
}

.Card_white-confetti-background {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTM3IiBoZWlnaHQ9IjEwOSIgdmlld0JveD0iMCAwIDUzNyAxMDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IG9wYWNpdHk9IjAuNSIgeD0iMzIuMDIwOCIgeT0iMjMuMDcxMyIgd2lkdGg9IjciIGhlaWdodD0iMTciIHRyYW5zZm9ybT0icm90YXRlKC0xNTYgMzIuMDIwOCAyMy4wNzEzKSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMTcuMDgzNyIgeT0iMTAzLjY1MSIgd2lkdGg9IjciIGhlaWdodD0iMTciIHRyYW5zZm9ybT0icm90YXRlKDEzNiAxNy4wODM3IDEwMy42NTEpIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSIxNDkuNDg0IiB5PSI2Ljg3MTU4IiB3aWR0aD0iNyIgaGVpZ2h0PSIxNyIgdHJhbnNmb3JtPSJyb3RhdGUoLTc5IDE0OS40ODQgNi44NzE1OCkiIGZpbGw9IndoaXRlIi8+CjxyZWN0IG9wYWNpdHk9IjAuNSIgeD0iMzc5IiB5PSIxNi4yMjQ2IiB3aWR0aD0iNyIgaGVpZ2h0PSIxNyIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDM3OSAxNi4yMjQ2KSIgZmlsbD0id2hpdGUiLz4KPHJlY3Qgb3BhY2l0eT0iMC4yIiB4PSI5MC4yNDE1IiB5PSI0NC4yNzQ0IiB3aWR0aD0iNyIgaGVpZ2h0PSIxNyIgdHJhbnNmb3JtPSJyb3RhdGUoMjkgOTAuMjQxNSA0NC4yNzQ0KSIgZmlsbD0id2hpdGUiLz4KPHJlY3Qgb3BhY2l0eT0iMC41IiB4PSI1MjUuMjk3IiB5PSI3Ni43MTQ0IiB3aWR0aD0iNyIgaGVpZ2h0PSIxNyIgdHJhbnNmb3JtPSJyb3RhdGUoLTEzOS4xNzEgNTI1LjI5NyA3Ni43MTQ0KSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iNDgxLjQxOCIgeT0iNy4yNDcwNyIgd2lkdGg9IjciIGhlaWdodD0iMTciIHRyYW5zZm9ybT0icm90YXRlKC01OC4xNDM0IDQ4MS40MTggNy4yNDcwNykiIGZpbGw9IndoaXRlIi8+CjxyZWN0IG9wYWNpdHk9IjAuMiIgeD0iNDUwIiB5PSI1MC4wNjc0IiB3aWR0aD0iNyIgaGVpZ2h0PSIxNyIgdHJhbnNmb3JtPSJyb3RhdGUoLTIzLjUxMzcgNDUwIDUwLjA2NzQpIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}

.Card_blue-confetti-background {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTM3IiBoZWlnaHQ9IjEwOSIgdmlld0JveD0iMCAwIDUzNyAxMDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IG9wYWNpdHk9IjAuNSIgeD0iMzIuMDIwOCIgeT0iMjMuMDcxMyIgd2lkdGg9IjciIGhlaWdodD0iMTciIHRyYW5zZm9ybT0icm90YXRlKC0xNTYgMzIuMDIwOCAyMy4wNzEzKSIgZmlsbD0iIzJBNUNEQiIvPgo8cmVjdCB4PSIxNy4wODM3IiB5PSIxMDMuNjUxIiB3aWR0aD0iNyIgaGVpZ2h0PSIxNyIgdHJhbnNmb3JtPSJyb3RhdGUoMTM2IDE3LjA4MzcgMTAzLjY1MSkiIGZpbGw9IiMyQTVDREIiLz4KPHJlY3QgeD0iMTQ5LjQ4NCIgeT0iNi44NzE1OCIgd2lkdGg9IjciIGhlaWdodD0iMTciIHRyYW5zZm9ybT0icm90YXRlKC03OSAxNDkuNDg0IDYuODcxNTgpIiBmaWxsPSIjMkE1Q0RCIi8+CjxyZWN0IG9wYWNpdHk9IjAuNSIgeD0iMzc5IiB5PSIxNi4yMjQ2IiB3aWR0aD0iNyIgaGVpZ2h0PSIxNyIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDM3OSAxNi4yMjQ2KSIgZmlsbD0iIzJBNUNEQiIvPgo8cmVjdCBvcGFjaXR5PSIwLjIiIHg9IjkwLjI0MTUiIHk9IjQ0LjI3NDQiIHdpZHRoPSI3IiBoZWlnaHQ9IjE3IiB0cmFuc2Zvcm09InJvdGF0ZSgyOSA5MC4yNDE1IDQ0LjI3NDQpIiBmaWxsPSIjMkE1Q0RCIi8+CjxyZWN0IG9wYWNpdHk9IjAuNSIgeD0iNTI1LjI5NyIgeT0iNzYuNzE0NCIgd2lkdGg9IjciIGhlaWdodD0iMTciIHRyYW5zZm9ybT0icm90YXRlKC0xMzkuMTcxIDUyNS4yOTcgNzYuNzE0NCkiIGZpbGw9IiMyQTVDREIiLz4KPHJlY3QgeD0iNDgxLjQxOCIgeT0iNy4yNDcwNyIgd2lkdGg9IjciIGhlaWdodD0iMTciIHRyYW5zZm9ybT0icm90YXRlKC01OC4xNDM0IDQ4MS40MTggNy4yNDcwNykiIGZpbGw9IiMyQTVDREIiLz4KPHJlY3Qgb3BhY2l0eT0iMC4yIiB4PSI0NTAiIHk9IjUwLjA2NzQiIHdpZHRoPSI3IiBoZWlnaHQ9IjE3IiB0cmFuc2Zvcm09InJvdGF0ZSgtMjMuNTEzNyA0NTAgNTAuMDY3NCkiIGZpbGw9IiMyQTVDREIiLz4KPC9zdmc+Cg==);
}

.Card_pinned-banner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 16px 32px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #eef2fc;
}
.Card_pinned-banner-container {
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.Card_pinned-date {
  display: flex;
  align-items: center;
}
.Card_pinned-icon {
  margin-right: 8px;
}
.Card_pinned-header {
  word-break: break-word;
  word-wrap: break-word;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Loader/LoadingLine.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.LoadingLine_line {
  border-radius: 4px;
  height: 1em;
  background-color: #f1f1f1;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 4%, rgba(0, 0, 0, 0.05) 25%, rgba(255, 255, 255, 0.1) 30%);
  background-size: 1000px 100%;
  animation: LoadingLine_lineLoader 1.5s infinite;
  animation-timing-function: cubic-bezier(0.5, 0.87, 0, 0.96);
}
.LoadingLine_line + .LoadingLine_line {
  margin-top: 4px;
}

.LoadingLine_primary {
  background-image: linear-gradient(104deg, rgba(42, 92, 219, 0.06) 28.8%, rgba(42, 92, 219, 0.19) 51.36%, rgba(42, 92, 219, 0.25) 82.87%, rgba(42, 92, 219, 0.13) 100%);
}

@keyframes LoadingLine_lineLoader {
  100% {
    background-position: 10000 0;
  }
  0% {
    background-position: -1000px 0;
  }
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Button/Button.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Button_button.Button_button--wrap {
  white-space: normal;
}

.Button_button {
  align-items: center;
  border-radius: 4px;
  border: 1px solid transparent;
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  min-height: 32px;
  justify-content: center;
  outline: none;
  padding: 0 16px;
  text-decoration: none;
  user-select: none;
  color: #333;
}
.Button_button:focus:not([disabled]) {
  box-shadow: 0 0 5px 1px #2a5cdb;
}
.Button_button[disabled] {
  cursor: default;
}

.Button_button--small,
.Button_button--extra-small {
  font-size: 14px;
  min-height: 24px;
  padding: 2px 8px;
  line-height: 20px;
}

.Button_button--large {
  min-height: 40px;
  padding: 8px 16px;
  line-height: 24px;
}

.Button_button--extra-large {
  font-size: 16px;
  min-height: 40px;
  padding: 8px;
  line-height: 24px;
}

.Button_button--full-width {
  width: 100%;
}

.Button_button--basic {
  background-color: #fff;
  border-color: #949494;
}
.Button_button--basic:hover:not([disabled]) {
  background: #f1f1f1;
}
.Button_button--basic[disabled] {
  background-color: rgba(255, 255, 255, 0.5) !important;
  border-color: rgba(148, 148, 148, 0.5);
  color: rgba(51, 51, 51, 0.5);
}

.Button_button--primary {
  color: #ffffff !important;
  background-color: #2a5cdb !important;
}
.Button_button--primary:focus:not([disabled]) {
  box-shadow: none;
  outline-offset: 4px;
  outline: 2px solid #2a5cdb;
}
.Button_button--primary:hover:not([disabled]) {
  box-shadow: inset 0 0 0 500px rgba(0, 0, 0, 0.05);
  background-color: #1b409e !important;
}
.Button_button--primary[disabled] {
  opacity: 0.5;
}

.Button_button--primary:hover:not([disabled]) {
  color: #fff !important;
  background-color: #1b409e !important;
}

.Button_button--secondary {
  color: #2a5cdb !important;
  background-color: #fff !important;
  border-color: #2a5cdb;
}
.Button_button--secondary:hover:not([disabled]) {
  box-shadow: none;
  background-color: #2a5cdb !important;
}
.Button_button--secondary[disabled] {
  opacity: 0.5;
}

.Button_button--secondary:hover:not([disabled]) {
  color: #ffffff !important;
  background-color: #1b409e !important;
}

.Button_button--primary--inverted:hover:not([disabled]), .Button_button--primary--inverted:focus:not([disabled]) {
  box-shadow: inset 0 0 0 500px rgba(0, 0, 0, 0.05);
}
.Button_button--primary--inverted:disabled {
  opacity: 0.5;
}

.Button_button--feature {
  border-radius: 2em;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  font-size: "Lato", sans-serif;
  font-weight: 600;
  border-width: 0;
  margin: 1px;
}
.Button_button--feature:focus:not([disabled]) {
  outline-offset: 4px;
  outline: 2px solid #fff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}
.Button_button--feature:hover:not([disabled]) {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 0px 12px 0px #2a5cdb inset;
}
.Button_button--feature.Button_button--small {
  font-size: 12px;
}

.Button_button--subtle,
.Button_button--transparent {
  background-color: transparent;
  color: #949494;
}
.Button_button--subtle:hover:not([disabled]),
.Button_button--transparent:hover:not([disabled]) {
  color: #333;
}
.Button_button--subtle:disabled,
.Button_button--transparent:disabled {
  color: rgba(148, 148, 148, 0.5);
}

.Button_button--system, .Button_button--link,
.Button_button--transparent-dark {
  background-color: transparent;
  color: #2a5cdb;
}
.Button_button--system:hover:not([disabled]), .Button_button--link:hover:not([disabled]),
.Button_button--transparent-dark:hover:not([disabled]) {
  color: #1b409e;
}
.Button_button--system:disabled, .Button_button--link:disabled,
.Button_button--transparent-dark:disabled {
  color: rgba(42, 92, 219, 0.5);
}

.Button_button--system, .Button_button--link {
  padding-left: 0;
  padding-right: 0;
}

.Button_button--destructive {
  background-color: #f3224d;
  color: #fff;
}
.Button_button--destructive:hover:not([disabled]) {
  background: #f65274;
}
.Button_button--destructive[disabled] {
  background-color: rgba(243, 34, 77, 0.5) !important;
  color: rgba(255, 255, 255, 0.5);
}

.Button_button--destructive-outline {
  background-color: #fff;
  border-color: #f3224d;
  color: #f3224d;
  border-radius: 4px;
}
.Button_button--destructive-outline:hover:not([disabled]) {
  background: #f3224d;
  color: #fff;
}
.Button_button--destructive-outline:hover:not([disabled]) svg > g {
  stroke: #fff;
}
.Button_button--destructive-outline:disabled {
  background-color: #dbdbdb;
  color: rgba(0, 0, 0, 0.5);
  border-color: #dbdbdb;
}

.Button_button--pill {
  background-color: #f4f7fd;
  color: #2a5cdb;
  border: 1px solid #2a5cdb;
  border-radius: 100px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 13px;
  padding: 6px 8px;
  min-height: unset;
  height: 24px;
  letter-spacing: 1px;
}
.Button_button--pill:hover:not([disabled]) {
  background: #2a5cdb;
  color: #fff;
}
.Button_button--pill:hover:not([disabled]) svg > g {
  stroke: #fff;
}
.Button_button--pill:disabled {
  background-color: #dbdbdb;
  color: #000;
  border-color: #dbdbdb;
}

.Button_button--chip {
  background-color: #f4f7fd;
  color: #2a5cdb;
  border-radius: 4px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  padding: 0 6px;
  font-size: 14px;
  height: 24px;
}
.Button_button--chip:hover:not([disabled]) {
  color: #1b409e;
  box-shadow: 0 0 5px 1px #2a5cdb;
}
.Button_button--chip:focus:not([disabled]) {
  color: #1b409e;
  box-shadow: 0 0 5px 1px #2a5cdb;
}
.Button_button--chip:active:not([disabled]) {
  color: #fff;
  background-color: #2a5cdb;
  box-shadow: none;
}
.Button_button--chip:disabled {
  background-color: #dbdbdb;
  color: #000;
  border-color: #dbdbdb;
  opacity: 0.5;
}
.Button_button--chip.Button_button--large {
  padding: 0 8px;
  height: 32px;
}
.Button_button--chip.Button_button--small {
  font-size: 12px;
  height: 20px;
}

.Button_button--loading {
  color: transparent;
}

.Button_button--loader-wrapper {
  position: absolute;
}

.Button_button--icon-wrapper {
  width: 16px;
  height: 16px;
  position: relative;
}
.Button_button--icon-wrapper svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Button_button--icon-wrapper--left {
  margin-right: 8px;
}
.Button_button--icon-wrapper--right {
  margin-left: 8px;
}

/* stylelint-disable-next-line no-duplicate-selectors */
.Button_button--small .Button_button--icon-wrapper,
.Button_button--extra-small .Button_button--icon-wrapper {
  width: 12px;
  height: 12px;
  margin-right: 6px;
}
.Button_button--small .Button_button--icon-wrapper svg,
.Button_button--extra-small .Button_button--icon-wrapper svg {
  width: 12px !important;
  height: 12px !important;
}

.Button_button--extra-large .Button_button--icon-wrapper {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.Button_button--extra-large .Button_button--icon-wrapper svg {
  width: 24px !important;
  height: 24px !important;
}

.Button_button--feature,
.Button_button--feature--inverted {
  min-height: 48px;
  padding: 12px 24px;
  white-space: nowrap;
}
.Button_button--feature .Button_button--icon-wrapper,
.Button_button--feature--inverted .Button_button--icon-wrapper {
  width: 24px;
  height: 24px;
}
.Button_button--feature .Button_button--icon-wrapper svg,
.Button_button--feature--inverted .Button_button--icon-wrapper svg {
  width: 24px !important;
  height: 24px !important;
}

.Button_button--link {
  text-decoration: underline;
  padding: 0;
  margin: 0;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Heading/Heading.scss ***!
  \********************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Heading_header-base, .Heading_h3, .Heading_h2, .Heading_h1 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #333;
}

.Heading_h1 {
  font-size: 24px;
  line-height: 32px;
}

.Heading_h2 {
  font-size: 20px;
  line-height: 28px;
}

.Heading_h3 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Dialog/Dialog.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

body[class^=DialogModal__Body--open_], body[class*=DialogModal__Body--open_] {
  overflow: hidden;
}

dialog::backdrop {
  background: rgba(0, 0, 0, 0.4);
}

.Dialog_dialog {
  border: 0;
  background-color: transparent;
  border-radius: 10px;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-height: none;
  max-width: none;
  width: 100%;
  height: 100%;
  padding: 24px;
}
@media screen and (max-width: 600px) {
  .Dialog_dialog {
    padding: 16px;
  }
}

.Dialog_dialog[open] {
  display: flex;
}

.Dialog_dialogMask {
  position: relative;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: white;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
  margin: auto auto;
  padding: 24px;
}

.Dialog_fullWidthHeader {
  overflow: hidden;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  margin-top: -24px;
  margin-left: -24px;
  margin-right: -24px;
}

.Dialog_modalMedium .Dialog_dialogHeadingReduceTopMargin {
  margin-top: -0.5rem;
}

.Dialog_modalLarge .Dialog_dialogHeadingReduceTopMargin,
.Dialog_modalFull .Dialog_dialogHeadingReduceTopMargin {
  margin-top: 0.4rem;
}

.Dialog_closeButtonUnderlay {
  width: 40px;
  height: 40px;
  float: right;
}

.Dialog_modalMedium .Dialog_closeButtonUnderlay {
  margin-top: -16px;
  margin-right: -16px;
}

.Dialog_modalSmall .Dialog_closeButtonUnderlay {
  margin-top: -24px;
  margin-right: -24px;
}

.Dialog_modalSmall {
  width: 320px;
}

.Dialog_modalMedium {
  width: 480px;
}

.Dialog_modalLarge {
  width: 640px;
}

.Dialog_modalFull {
  width: 984px;
}

.Dialog_closeButton {
  pointer-events: initial;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  justify-content: center;
  background: rgba(255, 255, 255, 0.25);
}

.Dialog_closeButtonIcon {
  width: 12px;
  fill: #949494;
}

.Dialog_navigation {
  z-index: 10;
  position: absolute;
  top: 24px;
  right: 24px;
  left: 0;
  pointer-events: none;
  display: flex;
  justify-content: flex-end;
}

.Dialog_smallModalNavigation {
  top: 0;
  right: 0;
}

.Dialog_mediumModalNavigation {
  top: 8px;
  right: 8px;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/ProgressBar/ProgressBar.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.ProgressBar_header_with_icon {
  color: #333;
  margin-left: 8px;
}

.ProgressBar_header_with_icon_wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.ProgressBar_helper {
  color: #666;
  font-weight: bold;
}

.ProgressBar_helper-on-top {
  display: block;
  margin-bottom: 2px;
}

.ProgressBar_progressLabel {
  margin-bottom: 4px;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.9;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Grid/Grid.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Grid_outerPadding {
  padding: 32px 44px;
}
@media screen and (max-width: 1238px) {
  .Grid_outerPadding {
    padding: 32px 24px;
  }
}
@media screen and (max-width: 912px) {
  .Grid_outerPadding {
    padding: 32px 16px;
  }
}
@media screen and (max-width: 768px) {
  .Grid_outerPadding {
    padding: 16px;
  }
}
@media screen and (max-width: 446px) {
  .Grid_outerPadding {
    padding: 16px 8px;
  }
}

/* based on a SASS-ified version of https://github.com/kristoferjoseph/flexboxgrid */
.Grid_grid {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}
.Grid_grid.Grid_vertical-spacing-none {
  margin-top: 0;
  margin-bottom: 0;
}
.Grid_grid.Grid_vertical-spacing-none > .Grid_col {
  padding-top: 0;
  padding-bottom: 0;
}
.Grid_grid.Grid_vertical-spacing-tiny {
  margin-top: -4px;
  margin-bottom: -4px;
}
.Grid_grid.Grid_vertical-spacing-tiny > .Grid_col {
  padding-top: 4px;
  padding-bottom: 4px;
}
.Grid_grid.Grid_vertical-spacing-small {
  margin-top: -8px;
  margin-bottom: -8px;
}
.Grid_grid.Grid_vertical-spacing-small > .Grid_col {
  padding-top: 8px;
  padding-bottom: 8px;
}
.Grid_grid.Grid_vertical-spacing-little {
  margin-top: -12px;
  margin-bottom: -12px;
}
.Grid_grid.Grid_vertical-spacing-little > .Grid_col {
  padding-top: 12px;
  padding-bottom: 12px;
}
.Grid_grid.Grid_vertical-spacing-default {
  margin-top: -16px;
  margin-bottom: -16px;
}
.Grid_grid.Grid_vertical-spacing-default > .Grid_col {
  padding-top: 16px;
  padding-bottom: 16px;
}
.Grid_grid.Grid_vertical-spacing-medium {
  margin-top: -24px;
  margin-bottom: -24px;
}
.Grid_grid.Grid_vertical-spacing-medium > .Grid_col {
  padding-top: 24px;
  padding-bottom: 24px;
}
.Grid_grid.Grid_vertical-spacing-large {
  margin-top: -32px;
  margin-bottom: -32px;
}
.Grid_grid.Grid_vertical-spacing-large > .Grid_col {
  padding-top: 32px;
  padding-bottom: 32px;
}
.Grid_grid.Grid_vertical-spacing-extra-large {
  margin-top: -48px;
  margin-bottom: -48px;
}
.Grid_grid.Grid_vertical-spacing-extra-large > .Grid_col {
  padding-top: 48px;
  padding-bottom: 48px;
}
.Grid_grid.Grid_horizontal-spacing-none {
  margin-right: 0;
  margin-left: 0;
}
.Grid_grid.Grid_horizontal-spacing-none > .Grid_col {
  padding-right: 0;
  padding-left: 0;
}
.Grid_grid.Grid_horizontal-spacing-tiny {
  margin-right: -4px;
  margin-left: -4px;
}
.Grid_grid.Grid_horizontal-spacing-tiny > .Grid_col {
  padding-right: 4px;
  padding-left: 4px;
}
.Grid_grid.Grid_horizontal-spacing-small {
  margin-right: -8px;
  margin-left: -8px;
}
.Grid_grid.Grid_horizontal-spacing-small > .Grid_col {
  padding-right: 8px;
  padding-left: 8px;
}
.Grid_grid.Grid_horizontal-spacing-little {
  margin-right: -12px;
  margin-left: -12px;
}
.Grid_grid.Grid_horizontal-spacing-little > .Grid_col {
  padding-right: 12px;
  padding-left: 12px;
}
.Grid_grid.Grid_horizontal-spacing-default {
  margin-right: -16px;
  margin-left: -16px;
}
.Grid_grid.Grid_horizontal-spacing-default > .Grid_col {
  padding-right: 16px;
  padding-left: 16px;
}
.Grid_grid.Grid_horizontal-spacing-medium {
  margin-right: -24px;
  margin-left: -24px;
}
.Grid_grid.Grid_horizontal-spacing-medium > .Grid_col {
  padding-right: 24px;
  padding-left: 24px;
}
.Grid_grid.Grid_horizontal-spacing-large {
  margin-right: -32px;
  margin-left: -32px;
}
.Grid_grid.Grid_horizontal-spacing-large > .Grid_col {
  padding-right: 32px;
  padding-left: 32px;
}
.Grid_grid.Grid_horizontal-spacing-extra-large {
  margin-right: -48px;
  margin-left: -48px;
}
.Grid_grid.Grid_horizontal-spacing-extra-large > .Grid_col {
  padding-right: 48px;
  padding-left: 48px;
}

.Grid_page-layout-header {
  width: 100%;
}

.Grid_noGutters {
  margin-left: 0;
  margin-right: 0;
}

.Grid_noGutters .Grid_col {
  padding-left: 0;
  padding-right: 0;
}

.Grid_reverse {
  flex-direction: row-reverse;
}

.Grid_col {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 100%;
  max-width: 100%;
}

.Grid_strict > .Grid_col-1 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 4.1666666667%;
  max-width: 4.1666666667%;
}

.Grid_strict > .Grid_col-2 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.Grid_strict > .Grid_col-3 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 12.5%;
  max-width: 12.5%;
}

.Grid_strict > .Grid_col-4 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.Grid_strict > .Grid_col-5 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 20.8333333333%;
  max-width: 20.8333333333%;
}

.Grid_strict > .Grid_col-6 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 25%;
  max-width: 25%;
}

.Grid_strict > .Grid_col-7 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 29.1666666667%;
  max-width: 29.1666666667%;
}

.Grid_strict > .Grid_col-8 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.Grid_strict > .Grid_col-9 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 37.5%;
  max-width: 37.5%;
}

.Grid_strict > .Grid_col-10 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.Grid_strict > .Grid_col-11 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 45.8333333333%;
  max-width: 45.8333333333%;
}

.Grid_strict > .Grid_col-12 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 50%;
  max-width: 50%;
}

.Grid_strict > .Grid_col-13 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 54.1666666667%;
  max-width: 54.1666666667%;
}

.Grid_strict > .Grid_col-14 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.Grid_strict > .Grid_col-15 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 62.5%;
  max-width: 62.5%;
}

.Grid_strict > .Grid_col-16 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.Grid_strict > .Grid_col-17 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 70.8333333333%;
  max-width: 70.8333333333%;
}

.Grid_strict > .Grid_col-18 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 75%;
  max-width: 75%;
}

.Grid_strict > .Grid_col-19 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 79.1666666667%;
  max-width: 79.1666666667%;
}

.Grid_strict > .Grid_col-20 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.Grid_strict > .Grid_col-21 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 87.5%;
  max-width: 87.5%;
}

.Grid_strict > .Grid_col-22 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.Grid_strict > .Grid_col-23 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 95.8333333333%;
  max-width: 95.8333333333%;
}

.Grid_strict > .Grid_col-24 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 601px) {
  .Grid_col-0 {
    display: none;
  }
  .Grid_col-1 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .Grid_col-2 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .Grid_col-3 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .Grid_col-4 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .Grid_col-5 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .Grid_col-6 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 25%;
    max-width: 25%;
  }
  .Grid_col-7 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .Grid_col-8 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .Grid_col-9 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .Grid_col-10 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .Grid_col-11 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .Grid_col-12 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 50%;
    max-width: 50%;
  }
  .Grid_col-13 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .Grid_col-14 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .Grid_col-15 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .Grid_col-16 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .Grid_col-17 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .Grid_col-18 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 75%;
    max-width: 75%;
  }
  .Grid_col-19 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .Grid_col-20 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .Grid_col-21 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .Grid_col-22 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .Grid_col-23 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .Grid_col-24 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 100%;
    max-width: 100%;
  }
}
/**
  * ===========================================================================
  * Extra Small and Up
  * ===========================================================================
  */
.Grid_col-xs {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
}

.Grid_col-xs-0,
.Grid_noGutters .Grid_col-xs-0 {
  display: none;
}

.Grid_col-xs-1 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 4.1666666667%;
  max-width: 4.1666666667%;
}

.Grid_col-xs-2 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.Grid_col-xs-3 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 12.5%;
  max-width: 12.5%;
}

.Grid_col-xs-4 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.Grid_col-xs-5 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 20.8333333333%;
  max-width: 20.8333333333%;
}

.Grid_col-xs-6 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 25%;
  max-width: 25%;
}

.Grid_col-xs-7 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 29.1666666667%;
  max-width: 29.1666666667%;
}

.Grid_col-xs-8 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.Grid_col-xs-9 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 37.5%;
  max-width: 37.5%;
}

.Grid_col-xs-10 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.Grid_col-xs-11 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 45.8333333333%;
  max-width: 45.8333333333%;
}

.Grid_col-xs-12 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 50%;
  max-width: 50%;
}

.Grid_col-xs-13 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 54.1666666667%;
  max-width: 54.1666666667%;
}

.Grid_col-xs-14 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.Grid_col-xs-15 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 62.5%;
  max-width: 62.5%;
}

.Grid_col-xs-16 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.Grid_col-xs-17 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 70.8333333333%;
  max-width: 70.8333333333%;
}

.Grid_col-xs-18 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 75%;
  max-width: 75%;
}

.Grid_col-xs-19 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 79.1666666667%;
  max-width: 79.1666666667%;
}

.Grid_col-xs-20 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.Grid_col-xs-21 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 87.5%;
  max-width: 87.5%;
}

.Grid_col-xs-22 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.Grid_col-xs-23 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 95.8333333333%;
  max-width: 95.8333333333%;
}

.Grid_col-xs-24 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  flex-basis: 100%;
  max-width: 100%;
}

.Grid_col-xs-offset-1 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 4.1666666667%;
}

.Grid_col-xs-offset-2 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 8.3333333334%;
}

.Grid_col-xs-offset-3 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 12.5000000001%;
}

.Grid_col-xs-offset-4 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 16.6666666668%;
}

.Grid_col-xs-offset-5 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 20.8333333335%;
}

.Grid_col-xs-offset-6 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 25.0000000002%;
}

.Grid_col-xs-offset-7 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 29.1666666669%;
}

.Grid_col-xs-offset-8 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 33.3333333336%;
}

.Grid_col-xs-offset-9 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 37.5000000003%;
}

.Grid_col-xs-offset-10 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 41.666666667%;
}

.Grid_col-xs-offset-11 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 45.8333333337%;
}

.Grid_col-xs-offset-12 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 50.0000000004%;
}

.Grid_col-xs-offset-13 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 54.1666666671%;
}

.Grid_col-xs-offset-14 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 58.3333333338%;
}

.Grid_col-xs-offset-15 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 62.5000000005%;
}

.Grid_col-xs-offset-16 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 66.6666666672%;
}

.Grid_col-xs-offset-17 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 70.8333333339%;
}

.Grid_col-xs-offset-18 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 75.0000000006%;
}

.Grid_col-xs-offset-19 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 79.1666666673%;
}

.Grid_col-xs-offset-20 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 83.333333334%;
}

.Grid_col-xs-offset-21 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 87.5000000007%;
}

.Grid_col-xs-offset-22 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 91.6666666674%;
}

.Grid_col-xs-offset-23 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 95.8333333341%;
}

.Grid_col-xs-offset-24 {
  box-sizing: border-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
  margin-left: 100.0000000008%;
}

.Grid_test-grid-item-class {
  background-color: yellow;
  text-align: right;
  padding: 0;
}

.Grid_other-test-grid-item-class {
  background-color: red;
  text-align: center;
  padding: 10px;
}

/* stylelint-disable-next-line no-duplicate-selectors */
.Grid_col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

/**
  * ===========================================================================
  * Everything else
  * ===========================================================================
  */
@media only screen and (min-width: 601px) {
  .Grid_col-sm-0,
  .Grid_noGutters .Grid_col-sm-0 {
    display: none;
  }
  .Grid_col-sm {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: auto;
  }
  .Grid_col-sm-1 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .Grid_col-sm-2 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .Grid_col-sm-3 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .Grid_col-sm-4 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .Grid_col-sm-5 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .Grid_col-sm-6 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 25%;
    max-width: 25%;
  }
  .Grid_col-sm-7 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .Grid_col-sm-8 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .Grid_col-sm-9 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .Grid_col-sm-10 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .Grid_col-sm-11 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .Grid_col-sm-12 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 50%;
    max-width: 50%;
  }
  .Grid_col-sm-13 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .Grid_col-sm-14 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .Grid_col-sm-15 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .Grid_col-sm-16 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .Grid_col-sm-17 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .Grid_col-sm-18 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 75%;
    max-width: 75%;
  }
  .Grid_col-sm-19 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .Grid_col-sm-20 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .Grid_col-sm-21 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .Grid_col-sm-22 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .Grid_col-sm-23 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .Grid_col-sm-24 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 100%;
    max-width: 100%;
  }
  .Grid_col-sm-offset-1 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 4.1666666667%;
  }
  .Grid_col-sm-offset-2 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 8.3333333334%;
  }
  .Grid_col-sm-offset-3 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 12.5000000001%;
  }
  .Grid_col-sm-offset-4 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 16.6666666668%;
  }
  .Grid_col-sm-offset-5 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 20.8333333335%;
  }
  .Grid_col-sm-offset-6 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 25.0000000002%;
  }
  .Grid_col-sm-offset-7 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 29.1666666669%;
  }
  .Grid_col-sm-offset-8 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 33.3333333336%;
  }
  .Grid_col-sm-offset-9 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 37.5000000003%;
  }
  .Grid_col-sm-offset-10 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 41.666666667%;
  }
  .Grid_col-sm-offset-11 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 45.8333333337%;
  }
  .Grid_col-sm-offset-12 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 50.0000000004%;
  }
  .Grid_col-sm-offset-13 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 54.1666666671%;
  }
  .Grid_col-sm-offset-14 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 58.3333333338%;
  }
  .Grid_col-sm-offset-15 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 62.5000000005%;
  }
  .Grid_col-sm-offset-16 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 66.6666666672%;
  }
  .Grid_col-sm-offset-17 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 70.8333333339%;
  }
  .Grid_col-sm-offset-18 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 75.0000000006%;
  }
  .Grid_col-sm-offset-19 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 79.1666666673%;
  }
  .Grid_col-sm-offset-20 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 83.333333334%;
  }
  .Grid_col-sm-offset-21 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 87.5000000007%;
  }
  .Grid_col-sm-offset-22 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 91.6666666674%;
  }
  .Grid_col-sm-offset-23 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 95.8333333341%;
  }
  .Grid_col-sm-offset-24 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 100.0000000008%;
  }
  /* stylelint-disable-next-line no-duplicate-selectors */
  .Grid_col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 769px) {
  .Grid_col-md-0,
  .Grid_noGutters .Grid_col-md-0 {
    display: none;
  }
  .Grid_col-md {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: auto;
  }
  .Grid_col-md-1 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .Grid_col-md-2 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .Grid_col-md-3 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .Grid_col-md-4 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .Grid_col-md-5 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .Grid_col-md-6 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 25%;
    max-width: 25%;
  }
  .Grid_col-md-7 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .Grid_col-md-8 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .Grid_col-md-9 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .Grid_col-md-10 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .Grid_col-md-11 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .Grid_col-md-12 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 50%;
    max-width: 50%;
  }
  .Grid_col-md-13 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .Grid_col-md-14 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .Grid_col-md-15 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .Grid_col-md-16 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .Grid_col-md-17 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .Grid_col-md-18 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 75%;
    max-width: 75%;
  }
  .Grid_col-md-19 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .Grid_col-md-20 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .Grid_col-md-21 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .Grid_col-md-22 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .Grid_col-md-23 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .Grid_col-md-24 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 100%;
    max-width: 100%;
  }
  .Grid_col-md-offset-1 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 4.1666666667%;
  }
  .Grid_col-md-offset-2 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 8.3333333334%;
  }
  .Grid_col-md-offset-3 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 12.5000000001%;
  }
  .Grid_col-md-offset-4 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 16.6666666668%;
  }
  .Grid_col-md-offset-5 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 20.8333333335%;
  }
  .Grid_col-md-offset-6 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 25.0000000002%;
  }
  .Grid_col-md-offset-7 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 29.1666666669%;
  }
  .Grid_col-md-offset-8 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 33.3333333336%;
  }
  .Grid_col-md-offset-9 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 37.5000000003%;
  }
  .Grid_col-md-offset-10 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 41.666666667%;
  }
  .Grid_col-md-offset-11 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 45.8333333337%;
  }
  .Grid_col-md-offset-12 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 50.0000000004%;
  }
  .Grid_col-md-offset-13 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 54.1666666671%;
  }
  .Grid_col-md-offset-14 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 58.3333333338%;
  }
  .Grid_col-md-offset-15 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 62.5000000005%;
  }
  .Grid_col-md-offset-16 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 66.6666666672%;
  }
  .Grid_col-md-offset-17 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 70.8333333339%;
  }
  .Grid_col-md-offset-18 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 75.0000000006%;
  }
  .Grid_col-md-offset-19 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 79.1666666673%;
  }
  .Grid_col-md-offset-20 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 83.333333334%;
  }
  .Grid_col-md-offset-21 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 87.5000000007%;
  }
  .Grid_col-md-offset-22 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 91.6666666674%;
  }
  .Grid_col-md-offset-23 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 95.8333333341%;
  }
  .Grid_col-md-offset-24 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 100.0000000008%;
  }
  /* stylelint-disable-next-line no-duplicate-selectors */
  .Grid_col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 913px) {
  .Grid_col-lg-0,
  .Grid_noGutters .Grid_col-lg-0 {
    display: none;
  }
  .Grid_col-lg {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: auto;
  }
  .Grid_col-lg-1 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .Grid_col-lg-2 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .Grid_col-lg-3 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .Grid_col-lg-4 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .Grid_col-lg-5 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .Grid_col-lg-6 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 25%;
    max-width: 25%;
  }
  .Grid_col-lg-7 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .Grid_col-lg-8 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .Grid_col-lg-9 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .Grid_col-lg-10 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .Grid_col-lg-11 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .Grid_col-lg-12 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 50%;
    max-width: 50%;
  }
  .Grid_col-lg-13 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .Grid_col-lg-14 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .Grid_col-lg-15 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .Grid_col-lg-16 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .Grid_col-lg-17 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .Grid_col-lg-18 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 75%;
    max-width: 75%;
  }
  .Grid_col-lg-19 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .Grid_col-lg-20 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .Grid_col-lg-21 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .Grid_col-lg-22 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .Grid_col-lg-23 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .Grid_col-lg-24 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 100%;
    max-width: 100%;
  }
  .Grid_col-lg-offset-1 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 4.1666666667%;
  }
  .Grid_col-lg-offset-2 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 8.3333333334%;
  }
  .Grid_col-lg-offset-3 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 12.5000000001%;
  }
  .Grid_col-lg-offset-4 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 16.6666666668%;
  }
  .Grid_col-lg-offset-5 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 20.8333333335%;
  }
  .Grid_col-lg-offset-6 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 25.0000000002%;
  }
  .Grid_col-lg-offset-7 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 29.1666666669%;
  }
  .Grid_col-lg-offset-8 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 33.3333333336%;
  }
  .Grid_col-lg-offset-9 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 37.5000000003%;
  }
  .Grid_col-lg-offset-10 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 41.666666667%;
  }
  .Grid_col-lg-offset-11 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 45.8333333337%;
  }
  .Grid_col-lg-offset-12 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 50.0000000004%;
  }
  .Grid_col-lg-offset-13 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 54.1666666671%;
  }
  .Grid_col-lg-offset-14 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 58.3333333338%;
  }
  .Grid_col-lg-offset-15 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 62.5000000005%;
  }
  .Grid_col-lg-offset-16 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 66.6666666672%;
  }
  .Grid_col-lg-offset-17 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 70.8333333339%;
  }
  .Grid_col-lg-offset-18 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 75.0000000006%;
  }
  .Grid_col-lg-offset-19 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 79.1666666673%;
  }
  .Grid_col-lg-offset-20 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 83.333333334%;
  }
  .Grid_col-lg-offset-21 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 87.5000000007%;
  }
  .Grid_col-lg-offset-22 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 91.6666666674%;
  }
  .Grid_col-lg-offset-23 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 95.8333333341%;
  }
  .Grid_col-lg-offset-24 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 100.0000000008%;
  }
  /* stylelint-disable-next-line no-duplicate-selectors */
  .Grid_col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1239px) {
  .Grid_col-xl-0,
  .Grid_noGutters .Grid_col-xl-0 {
    display: none;
  }
  .Grid_col-xl {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: auto;
  }
  .Grid_col-xl-1 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .Grid_col-xl-2 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .Grid_col-xl-3 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .Grid_col-xl-4 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .Grid_col-xl-5 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .Grid_col-xl-6 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 25%;
    max-width: 25%;
  }
  .Grid_col-xl-7 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .Grid_col-xl-8 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .Grid_col-xl-9 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .Grid_col-xl-10 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .Grid_col-xl-11 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .Grid_col-xl-12 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 50%;
    max-width: 50%;
  }
  .Grid_col-xl-13 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .Grid_col-xl-14 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .Grid_col-xl-15 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .Grid_col-xl-16 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .Grid_col-xl-17 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .Grid_col-xl-18 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 75%;
    max-width: 75%;
  }
  .Grid_col-xl-19 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .Grid_col-xl-20 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .Grid_col-xl-21 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .Grid_col-xl-22 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .Grid_col-xl-23 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .Grid_col-xl-24 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    flex-basis: 100%;
    max-width: 100%;
  }
  .Grid_col-xl-offset-1 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 4.1666666667%;
  }
  .Grid_col-xl-offset-2 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 8.3333333334%;
  }
  .Grid_col-xl-offset-3 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 12.5000000001%;
  }
  .Grid_col-xl-offset-4 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 16.6666666668%;
  }
  .Grid_col-xl-offset-5 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 20.8333333335%;
  }
  .Grid_col-xl-offset-6 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 25.0000000002%;
  }
  .Grid_col-xl-offset-7 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 29.1666666669%;
  }
  .Grid_col-xl-offset-8 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 33.3333333336%;
  }
  .Grid_col-xl-offset-9 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 37.5000000003%;
  }
  .Grid_col-xl-offset-10 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 41.666666667%;
  }
  .Grid_col-xl-offset-11 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 45.8333333337%;
  }
  .Grid_col-xl-offset-12 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 50.0000000004%;
  }
  .Grid_col-xl-offset-13 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 54.1666666671%;
  }
  .Grid_col-xl-offset-14 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 58.3333333338%;
  }
  .Grid_col-xl-offset-15 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 62.5000000005%;
  }
  .Grid_col-xl-offset-16 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 66.6666666672%;
  }
  .Grid_col-xl-offset-17 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 70.8333333339%;
  }
  .Grid_col-xl-offset-18 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 75.0000000006%;
  }
  .Grid_col-xl-offset-19 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 79.1666666673%;
  }
  .Grid_col-xl-offset-20 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 83.333333334%;
  }
  .Grid_col-xl-offset-21 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 87.5000000007%;
  }
  .Grid_col-xl-offset-22 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 91.6666666674%;
  }
  .Grid_col-xl-offset-23 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 95.8333333341%;
  }
  .Grid_col-xl-offset-24 {
    box-sizing: border-box;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 100.0000000008%;
  }
  /* stylelint-disable-next-line no-duplicate-selectors */
  .Grid_col-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Status/Status.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Status_container {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 20px;
  margin: 0;
}
.Status_container--with-note {
  font-size: 11px;
  line-height: 16px;
  color: #666;
}

.Status_status--transparent {
  background-color: transparent;
}
.Status_status--none {
  background-color: transparent;
  border: 1px solid #949494;
}
.Status_status--blue {
  background-color: #2a5cdb;
}
.Status_status--green {
  background-color: #00a861;
}
.Status_status--yellow {
  background-color: #f6be45;
}
.Status_status--gray {
  background-color: #aaa;
}
.Status_status--red {
  background-color: #f3224d;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/IconButton/IconButton.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.IconButton_icon-button {
  padding: 0;
  box-sizing: content-box !important;
  min-height: 40px;
  min-width: 40px;
  max-height: 40px;
  max-width: 40px;
}
.IconButton_icon-button:hover:not([disabled]) {
  background: transparent;
  color: #333;
}
.IconButton_icon-button:hover:not([disabled]) .IconButton_quantity {
  background-color: #333;
}
.IconButton_icon-button:active:not([disabled]), .IconButton_icon-button:focus:not([disabled]) {
  color: #2a5cdb;
}
.IconButton_icon-button:active:not([disabled]) .IconButton_quantity, .IconButton_icon-button:focus:not([disabled]) .IconButton_quantity {
  background-color: #2a5cdb;
}
.IconButton_icon-button--system {
  color: #2a5cdb;
}
.IconButton_icon-button--system .IconButton_quantity {
  background-color: #2a5cdb;
}
.IconButton_icon-button--system:hover:not([disabled]) {
  background: transparent;
  color: #1b409e;
}
.IconButton_icon-button--system:hover:not([disabled]) .IconButton_quantity {
  background-color: #1b409e;
}
.IconButton_icon-button--system:active:not([disabled]), .IconButton_icon-button--system:focus:not([disabled]) {
  color: #1b409e;
}
.IconButton_icon-button--system:active:not([disabled]) .IconButton_quantity, .IconButton_icon-button--system:focus:not([disabled]) .IconButton_quantity {
  background-color: #1b409e;
}

.IconButton_compact-icon-button {
  min-height: 24px;
  min-width: 24px;
  max-height: 24px;
  max-width: 24px;
}

.IconButton_onDarkBg {
  color: #fff;
}
.IconButton_onDarkBg:hover:not([disabled]) {
  box-shadow: 0 0 3px 1px #fff;
  color: #fff;
}
.IconButton_onDarkBg .IconButton_quantity {
  background-color: #fff;
}

.IconButton_quantity-container {
  position: relative;
}

.IconButton_quantity {
  position: absolute;
  top: -10px;
  left: 55%;
  border-radius: 8px;
  background-color: #949494;
  color: #fff;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/TabIndexVisibility/TabIndexVisibility.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.TabIndexVisibility_tabIndexVisibility {
  display: contents;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/MeatballMenu/MeatballMenu.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.MeatballMenu_meatball--button {
  color: #2a5cdb;
  min-height: 24px;
  min-width: 24px;
  max-width: 24px;
  max-height: 24px;
}
.MeatballMenu_meatball--button:hover {
  color: #2a5cdb !important;
}

.MeatballMenu_popoverContainer {
  padding: 0;
  border-radius: 6px;
}

.MeatballMenu_icon-popoverContainer {
  top: -6px;
}

div[data-popper-placement=top-end] .MeatballMenu_popoverContainer {
  top: 6px;
}

.MeatballMenu_unorderedList {
  list-style: none;
  padding: 0;
  margin: 0;
}

.MeatballMenu_listElement {
  font-size: 14px;
  line-height: 14px;
  padding: 4px 16px;
  cursor: pointer;
}
.MeatballMenu_listElement:last-of-type {
  padding-bottom: 8px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.MeatballMenu_listElement:first-of-type {
  padding-top: 8px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.MeatballMenu_listElement:hover:not([disabled]), .MeatballMenu_listElement:focus {
  background-color: #f2f5fd;
}
.MeatballMenu_listElement:hover:not([disabled]) button, .MeatballMenu_listElement:focus button {
  background-color: #f2f5fd;
}
.MeatballMenu_listElement > .MeatballMenu_listChildElement {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 20px;
  color: #2a5cdb;
  background: transparent;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.MeatballMenu_listElement > .MeatballMenu_listChildElement > svg {
  max-width: 16px;
  max-height: 16px;
  margin-right: 8px;
}
.MeatballMenu_listElement > .MeatballMenu_listChildElement[disabled] {
  cursor: default;
  opacity: 0.5;
}

.MeatballMenu_icon {
  height: 12px;
  width: 12px;
  padding-right: 4px;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Pill/Pill.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Pill_pill--gray {
  background-color: #f1f1f1;
  color: #333;
}
.Pill_pill--gray.Pill_icon {
  color: #666;
}

.Pill_pill--gray-has-hover:hover {
  background-color: #949494;
  color: #fff;
}

.Pill_pill--outline {
  background-color: #fff;
  color: #333;
  border: 1px solid #c6c6c6;
}
.Pill_pill--outline.Pill_icon {
  color: #c6c6c6;
}

.Pill_pill--outline-has-hover:hover {
  background-color: #f1f1f1;
}

.Pill_pill--warning {
  background-color: #fef4f6;
  color: #d61e44;
  border: 1px solid #f3224d;
}
.Pill_pill--warning:focus {
  box-shadow: none !important;
}

.Pill_pill--counter {
  background-color: #333333;
  color: #f1f1f1;
}

.Pill_pill {
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 13px;
  margin: 0;
  text-transform: uppercase;
  box-sizing: border-box;
  align-items: center;
  text-align: center;
  font-style: normal;
  font-family: "Twemoji Country Flags", "Lato", sans-serif;
  font-stretch: normal;
  border-radius: 100px;
  cursor: default;
  display: flex;
  flex-direction: row;
}
.Pill_pill:focus {
  box-shadow: 0 0 5px 1px #2a5cdb;
}

.Pill_pill-avatar {
  margin-left: -8px;
}

.Pill_pill-close {
  margin-left: 8px;
}

.Pill_pill-avatar,
.Pill_icon {
  margin-right: 8px;
}

.Pill_icon {
  display: flex;
}

.Pill_has-hover {
  cursor: pointer;
}

.Pill_small {
  height: 20px;
  padding: 4px 8px;
}

.Pill_large {
  height: 24px;
  padding: 6px 8px;
}

.Pill_list-card {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
  padding: 20px 24px;
  position: relative;
  text-align: initial;
  box-sizing: border-box;
  width: 200px;
  overflow: hidden !important;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  padding: 5px 0 !important;
}

.Pill_pill-hover-content {
  padding: 8px;
  width: fit-content;
}

.Pill_compound-pill {
  display: flex;
  align-items: center;
}
.Pill_compound-pill > .Pill_icon {
  margin-left: 8px;
  margin-right: 0;
}
.Pill_compound-pill--filter-applied {
  background-color: #f4f7fd;
  color: #2a5cdb;
  border: 1px solid #2a5cdb;
}
.Pill_compound-pill:hover, .Pill_compound-pill--active {
  background-color: #2a5cdb;
  color: #fff;
}
.Pill_compound-pill--popover {
  margin-top: 6px;
  border-radius: 0;
  padding: 0;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/CompoundPill/CompoundPill.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.CompoundPill_compound-pill {
  display: flex;
  align-items: center;
}
.CompoundPill_compound-pill > .CompoundPill_icon {
  margin-left: 8px;
  margin-right: 0;
}
.CompoundPill_compound-pill--light-blue-bg {
  background-color: #f4f7fd;
  color: #2a5cdb;
  border: 1px solid #2a5cdb;
}
.CompoundPill_compound-pill:hover, .CompoundPill_compound-pill--active {
  background-color: #2a5cdb;
  color: #fff;
}
.CompoundPill_compound-pill--popover {
  margin-top: 6px;
  border-radius: 0;
  padding: 0;
  min-width: 310px;
  max-width: 360px;
}

.CompoundPill_icon {
  display: flex;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Tooltip/Tooltip.scss ***!
  \********************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Tooltip_tooltip {
  display: inline-block;
  font-family: "Lato", sans-serif !important;
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 18px;
}

[data-tooltip],
.Tooltip_tooltip {
  position: relative;
}

[data-tooltip]:after,
.Tooltip_tooltip-content,
.Tooltip_tooltip-content-active-state {
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 12px;
  z-index: 5;
  padding: 8px;
  font-size: 12px;
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: 1s opacity ease-in-out;
  margin: 4px;
  width: 100vw;
  max-width: 160px;
  white-space: pre-wrap;
}

.Tooltip_tooltip-content-hang-left {
  left: -160px;
}

[data-tooltip]:after {
  content: attr(aria-label);
}

[data-tooltip]:hover:after,
[data-tooltip]:focus:after,
.Tooltip_tooltip:hover .Tooltip_tooltip-content,
.Tooltip_tooltip:focus .Tooltip_tooltip-content {
  pointer-events: auto;
  opacity: 1;
  transition: 0.25s opacity ease-in-out;
}

.Tooltip_tooltip-icon {
  width: 16px;
  height: 16px;
  border-radius: 50px;
  text-align: center;
  font-weight: 900;
  padding: 0;
  border: none;
  font-size: 12px;
  line-height: 16px;
}
.Tooltip_tooltip-icon:focus {
  box-shadow: 0 0 3px #2a5cdb;
}

.Tooltip_tooltip-icon:hover {
  cursor: pointer;
}

.Tooltip_tooltip-icon-inactive {
  background-color: #d8d8d8;
  color: #333;
}

.Tooltip_tooltip-icon-inactive:hover {
  background-color: #949494;
  color: white;
}

.Tooltip_tooltip-icon-active {
  background-color: #2a5cdb;
  color: white;
}

.Tooltip_tooltip-content-active-state {
  opacity: 1;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/ControlWrapper/ControlWrapper.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.ControlWrapper_control-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  line-height: 1.25;
  width: 100%;
  max-width: 448px;
}

.ControlWrapper_control-wrapper-full-width {
  max-width: none;
}

.ControlWrapper_control-wrapper__label-wrapper {
  width: 100%;
}

.ControlWrapper_control-wrapper__label {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 21px;
  padding-bottom: 4px;
}
.ControlWrapper_control-wrapper__label--disabled {
  opacity: 0.5;
}

.ControlWrapper_control-wrapper__label-container {
  display: flex;
  justify-content: space-between;
}

.ControlWrapper_control-wrapper__optional-label {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 21px;
  padding-bottom: 4px;
  display: inline;
  color: #666;
  font-size: 12px;
  font-weight: normal;
  margin-left: 8px;
}

.ControlWrapper_control-wrapper__input-wrapper {
  width: 100%;
}
.ControlWrapper_control-wrapper__input-wrapper.ControlWrapper_numeric {
  width: 80px;
}

.ControlWrapper_control-wrapper__helper-container {
  padding-top: 4px;
}

.ControlWrapper_control-wrapper__helper-text {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 18px;
  color: #666;
  margin: 0;
}

.ControlWrapper_control-wrapper__helper-button {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 18px;
  color: #2a5cdb;
  margin-bottom: 0;
  margin-left: 2px;
  min-height: auto;
}

.ControlWrapper_control-wrapper__helper-text--error {
  display: flex;
  align-items: center;
  color: #f3224d;
}

.ControlWrapper_control-wrapper__helper-count {
  float: right;
  padding-left: 32px;
  text-align: right;
}

.ControlWrapper_control-wrapper__count-above {
  letter-spacing: 0.2px;
  line-height: 16px;
  color: #949494;
  font-size: 14px;
}

.ControlWrapper_numericText {
  display: flex;
  align-items: center;
}
.ControlWrapper_numericText span {
  margin-left: 8px;
  margin-bottom: 0;
}

.ControlWrapper_input-wrapper-container {
  display: flex;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Input/Input.scss ***!
  \****************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Input_input {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 20px;
  margin-bottom: 4px;
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 2px;
  box-sizing: border-box;
  outline: none;
  padding: 8px;
  height: 40px;
  line-height: 24px;
}
.Input_input--input-only {
  border: none;
  padding: 0;
}
.Input_input--full-width {
  width: 100%;
}
.Input_input--compact {
  font-size: 14px;
  line-height: 18px;
  padding: 6px 12px;
}
.Input_input--disabled {
  opacity: 0.5;
}
.Input_input--error {
  border-color: #f3224d;
}
.Input_input--right-side-text {
  display: flex;
  align-items: center;
}
.Input_input--right-side-text:focus-within {
  border: 1px solid #2a5cdb;
  box-shadow: 0 0 0 1px #2a5cdb;
}
.Input_input:focus {
  border: 1px solid #2a5cdb;
  box-shadow: 0 0 0 1px #2a5cdb;
}
.Input_input::placeholder {
  color: #949494;
}
.Input_input.Input_with-icon--right {
  padding-right: 40px;
}
.Input_input.Input_with-icon--left {
  padding-left: 40px;
}

.Input_with-icon {
  position: relative;
  z-index: 1;
}

.Input_icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  box-sizing: content-box;
  min-height: 40px;
  min-width: 40px;
  max-height: 40px;
  max-width: 40px;
}

.Input_icon-left {
  right: auto;
}

.Input_bubble {
  top: -23px;
  right: 0;
  color: #f8f8f8;
  padding: 2px 8px;
  border-radius: 11.5px;
  font-size: 14px;
  font-weight: 400;
}

.Input_bubbleBackground {
  background-color: #00a861;
}

.Input_input-right-side-text {
  color: #949494;
  pointer-events: none;
}

.Input_input-right-side-text-input {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 20px;
  height: 100%;
  width: 100%;
  border: none;
}
.Input_input-right-side-text-input::placeholder {
  color: #949494;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/DatePicker/DatePicker.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.DatePicker_inputMaxWidthSmall {
  max-width: 170px;
}

.DatePicker_inputMaxWidthDefault {
  max-width: 248px;
}

.DatePicker_inputMaxWidthLarge {
  max-width: 350px;
}

.DatePicker_input {
  border: #949494 !important;
  margin: auto 0 !important;
  width: 100%;
  padding-right: 0px !important;
  background-color: rgba(255, 255, 255, 0) !important;
  z-index: 1;
}

.DatePicker_input:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.DatePicker_inputWrapper {
  border: 1px solid #949494;
  background: #fff;
  border-radius: 2px;
  display: flex;
  justify-content: space-between;
  position: relative;
  max-height: 40px;
  padding-right: 60px;
}

.DatePicker_inputWrapperCompact {
  padding: 0;
}

.DatePicker_inputWrapper:focus-within {
  border: 1px solid #2a5cdb;
  box-shadow: 0 0 0 1px #2a5cdb;
}

.DatePicker_inputWrapper--error {
  border-color: #f3224d;
}

.DatePicker_inputWrapper--disabled {
  pointer-events: none;
  opacity: 0.5;
}

.DatePicker_iconButton {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
}

.DatePicker_clearButton {
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 33px;
  padding: 8px;
  background: transparent;
  border: none;
  margin: 0;
}

/* stylelint-disable property-no-unknown */
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/DatePicker/Theme.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

 {
  /*
        /*rtl:begin:ignore*/
  /*
        /*rtl:end:ignore*/
  /*
        /*rtl:begin:ignore*/
  /*
        /*rtl:end:ignore*/
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid rgba(72, 72, 72, 0.2);
}
.flatpickr-calendar.hasTime .flatpickr-innerContainer {
  border-bottom: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  border: 1px solid rgba(72, 72, 72, 0.2);
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: rgba(72, 72, 72, 0.2);
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #1bbc9b;
}
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: rgba(72, 72, 72, 0.2);
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #1bbc9b;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  border-radius: 5px 5px 0 0;
  background: #1bbc9b;
  color: #fff;
  fill: #fff;
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: #fff;
  fill: #fff;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  color: #bbb;
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(72, 72, 72, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(72, 72, 72, 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(72, 72, 72, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(255, 255, 255, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: #1bbc9b;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #1bbc9b;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: #1bbc9b;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: #1bbc9b;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}
.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
  border-left: 1px solid rgba(72, 72, 72, 0.2);
  border-right: 1px solid rgba(72, 72, 72, 0.2);
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 rgba(72, 72, 72, 0.2);
  box-shadow: -1px 0 0 rgba(72, 72, 72, 0.2);
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #484848;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e2e2e2;
  border-color: #e2e2e2;
}
.flatpickr-day.today {
  border-color: #bbb;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #bbb;
  background: #bbb;
  color: #fff;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #1bbc9b;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #1bbc9b;
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #1bbc9b;
  box-shadow: -10px 0 0 #1bbc9b;
}
.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
  box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(72, 72, 72, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(72, 72, 72, 0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #1bbc9b, 5px 0 0 #1bbc9b;
  box-shadow: -5px 0 0 #1bbc9b, 5px 0 0 #1bbc9b;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  border-left: 1px solid rgba(72, 72, 72, 0.2);
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(72, 72, 72, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid rgba(72, 72, 72, 0.2);
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 0 0 5px 5px;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #484848;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #484848;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #484848;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #484848;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eaeaea;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes Theme_fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Theme_fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.flatpickr-calendar {
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
}
.flatpickr-calendar.arrowTop::before {
  border-bottom: none !important;
}
.flatpickr-calendar.arrowTop::after {
  border-bottom: none !important;
}
.flatpickr-calendar.animate.open {
  border-radius: 10px;
  margin-top: 5px;
}
.flatpickr-months .flatpickr-month {
  background-color: #fff;
  border-radius: 10px 10px 0 0;
}
.flatpickr-months .flatpickr-current-month .numInputWrapper input {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  background-color: #fff;
  color: #333;
  letter-spacing: 0.15px;
  font-weight: bold;
}
.flatpickr-months .flatpickr-current-month .numInputWrapper span.arrowUp::after {
  border-bottom-color: #333;
}
.flatpickr-months .flatpickr-current-month .numInputWrapper span.arrowDown::after {
  border-top-color: #333;
}
.flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  background-color: #fff;
  color: #333;
  letter-spacing: 0.15px;
  font-weight: bold;
}
.flatpickr-months .flatpickr-next-month svg {
  fill: #2a5cdb !important;
  stroke-width: 2;
  width: 16px;
  height: 16px;
}
.flatpickr-months .flatpickr-prev-month svg {
  fill: #2a5cdb !important;
  stroke-width: 2;
}
.flatpickr-weekdays {
  background-color: #fff;
}
span.flatpickr-weekday {
  background-color: #fff !important;
  color: #959595;
}
.flatpickr-innerContainer {
  border-radius: 0 0 10px 10px;
  border: 0;
}
.flatpickr-innerContainer .flatpickr-days {
  border: 0;
}
.flatpickr-innerContainer .flatpickr-rContainer {
  border-radius: 0 0 10px 10px;
}
.flatpickr-innerContainer .dayContainer {
  border-radius: 0 0 10px 10px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: normal;
}
.flatpickr-innerContainer .dayContainer .selected {
  background-color: #2a5cdb;
  border-color: unset;
  color: #fff;
}
.flatpickr-innerContainer .dayContainer .prevMonthDay {
  color: #959595 !important;
}
.flatpickr-innerContainer .dayContainer .nextMonthDay {
  color: #959595 !important;
}
.flatpickr-innerContainer .dayContainer .flatpickr-day {
  color: #333;
}
.flatpickr-innerContainer .dayContainer .flatpickr-day.selected {
  color: #fff;
}
.flatpickr-innerContainer .dayContainer .flatpickr-day:hover {
  color: #333;
  background-color: #f4f7fd;
  border-color: transparent;
}
.flatpickr-innerContainer .dayContainer .today {
  border-color: #959595;
}
.flatpickr-monthSelect-months {
  margin: 10px 1px 3px 1px;
  flex-wrap: wrap;
}
.flatpickr-monthSelect-month {
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  margin: 0.5px;
  justify-content: center;
  padding: 10px;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  width: 33%;
}
.flatpickr-monthSelect-month.flatpickr-disabled {
  color: #f4f7fd;
}
.flatpickr-monthSelect-month.flatpickr-disabled:hover, .flatpickr-monthSelect-month.flatpickr-disabled:focus {
  cursor: not-allowed;
  background: none !important;
}
.flatpickr-monthSelect-month.today {
  border-color: #959595;
}
.flatpickr-monthSelect-month.inRange, .flatpickr-monthSelect-month.inRange.today, .flatpickr-monthSelect-month:hover, .flatpickr-monthSelect-month:focus {
  background: #f4f7fd;
  cursor: pointer;
  outline: 0;
  border-color: #f4f7fd;
}
.flatpickr-monthSelect-month.today:hover, .flatpickr-monthSelect-month.today:focus {
  color: #333;
  background-color: #f4f7fd;
  border-color: transparent;
}
.flatpickr-monthSelect-month.selected, .flatpickr-monthSelect-month.startRange, .flatpickr-monthSelect-month.endRange {
  background-color: #2a5cdb !important;
  box-shadow: none;
  color: #fff;
  border-color: #2a5cdb !important;
}
.flatpickr-monthSelect-month.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-monthSelect-month.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-monthSelect-month.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-monthSelect-month.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #f4f7fd, 5px 0 0 #f4f7fd;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Illustration/Illustration.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/UtilityText/UtilityText.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.UtilityText_base {
  color: #666;
  font-size: 10px;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}

.UtilityText_utility-text--pill {
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  padding: 2px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: fit-content;
}

.UtilityText_text--regular {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.15px;
  line-height: 18px;
  text-transform: uppercase;
}

.UtilityText_text--small {
  font-family: "Lato", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 15px;
  text-transform: uppercase;
}

.UtilityText_text--extra--small {
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
  text-transform: none;
}

.UtilityText_text--pill {
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 13px;
  margin: 0;
  text-transform: uppercase;
}

.UtilityText_text--counter {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12px;
  margin: 0;
  text-transform: none;
}

.UtilityText_text--label {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 21px;
  padding-bottom: 4px;
  text-transform: none;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/ActionableCallout/ActionableCallout.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.ActionableCallout_wrapper {
  display: inline-block;
  text-align: center;
}

.ActionableCallout_illustration {
  margin-bottom: 24px;
}

.ActionableCallout_heading {
  margin: 0;
}

.ActionableCallout_subheading {
  margin: 0;
  margin-top: 4px;
  color: #666;
}

.ActionableCallout_info {
  margin: 0;
  margin-top: 16px;
  color: #666;
  display: inline-block;
  overflow-wrap: break-word;
}

.ActionableCallout_text {
  margin: 0;
  margin-top: 16px;
}

.ActionableCallout_action {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.ActionableCallout_button {
  margin-top: 24px;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Alert/Alert.scss ***!
  \****************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Alert_alert__container {
  width: 100%;
  display: flex;
  position: relative;
  padding: 16px;
}

.Alert_alert__content {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  flex-grow: 1;
  align-self: center;
  margin: 0 12px 0;
}

.Alert_alert__icon {
  min-width: 24px;
}

.Alert_alert__dismiss {
  position: absolute;
  top: 8px;
  right: 8px;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/ModalVerticalSpace/ModalVerticalSpace.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.ModalVerticalSpace_modal-vertical-space {
  display: block;
  height: 24px;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/ModalActions/ModalActions.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.ModalActions_modal-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ModalActions_modal-actions-main {
  display: flex;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/DataTable/BulkActionBar/BulkActionBar.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.BulkActionBar_bulk-actions {
  transition: all 300ms ease-in-out;
  background-color: #eef2fc;
  padding: 8px 24px;
}

.BulkActionBar_bulk-actions-bar {
  transition: all 300ms ease-in-out;
  margin-left: -24px;
  margin-right: -24px;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Callout/Callout.scss ***!
  \********************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Callout_wrapper {
  border: 1px solid;
  margin: 16px 0;
  padding: 8px;
}
.Callout_wrapper.Callout_noMargin {
  margin: 0;
}
.Callout_wrapper.Callout_information {
  background-color: #eef2fc;
  border-color: #2a5cdb;
}
.Callout_wrapper.Callout_error {
  background-color: #fee9ed;
  border-color: #f3224d;
}
.Callout_wrapper.Callout_success {
  background-color: #e6f6ef;
  border-color: #00a861;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/CardPadding/CardPadding.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.CardPadding_card-padding--8 {
  padding: 0 8px;
}

.CardPadding_card-padding--12 {
  padding: 0 12px;
}

.CardPadding_card-padding--16 {
  padding: 0 16px;
}

.CardPadding_card-padding--20 {
  padding: 0 20px;
}

.CardPadding_card-padding--24 {
  padding: 0 24px;
}

.CardPadding_card-padding--32 {
  padding: 0 32px;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Modal/Modal.scss ***!
  \****************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.ReactModal__Body--open {
  overflow: hidden;
  pointer-events: none;
  -webkit-overflow-scrolling: touch;
}

.Modal_overlay {
  z-index: 10000;
  padding: 24px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  overflow-y: scroll;
  pointer-events: initial;
  transition: padding 0.3s cubic-bezier(0.06, 0.86, 0, 1.07);
}
@media screen and (max-width: 600px) {
  .Modal_overlay {
    padding: 16px;
  }
}

.Modal_navigation {
  z-index: 10;
  position: absolute;
  top: 16px;
  right: 16px;
  left: 0;
  pointer-events: none;
  display: flex;
  justify-content: flex-end;
}
.Modal_modal-small .Modal_navigation {
  top: 0;
  right: 0;
}
.Modal_modal-medium-deprecated .Modal_navigation, .Modal_modal-medium .Modal_navigation {
  top: 8px;
  right: 8px;
}

.Modal_close-button-underlay {
  width: 40px;
  height: 40px;
  float: right;
}

.Modal_close-button {
  pointer-events: initial;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  justify-content: center;
  background: rgba(255, 255, 255, 0.25);
}

.Modal_close-button-icon {
  width: 12px;
  fill: #949494;
}

.Modal_modal {
  border: 0;
  outline: 0;
  background: white;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 100%;
  position: relative;
  margin: 0 auto;
}

.Modal_modal-small {
  max-width: 320px;
}

.Modal_modal-medium-deprecated {
  max-width: 400px;
}

.Modal_modal-medium {
  max-width: 480px;
}

.Modal_modal-large {
  max-width: 640px;
}

.Modal_modal-full {
  max-width: 984px;
}

.Modal_full-width-header {
  overflow: hidden;
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
}

.Modal_content-wrapper {
  padding: 24px;
}
.Modal_modal-small .Modal_content-wrapper {
  padding: 16px;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/ProfilePic/ProfilePic.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.ProfilePic_wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #fff;
  box-sizing: border-box;
  flex-shrink: 0;
}

.ProfilePic_wrapper--small {
  height: 24px;
  width: 24px;
}

.ProfilePic_wrapper--medium {
  height: 32px;
  width: 32px;
}

.ProfilePic_wrapper--large {
  height: 40px;
  width: 40px;
}

.ProfilePic_wrapper--fluid {
  padding-bottom: 90%;
  width: 90%;
  min-width: 50px;
  min-height: 50px;
}

.ProfilePic_pic-wrapper {
  color: #fff;
  font-weight: 300;
  border-color: transparent;
  background: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ProfilePic_initials {
  background: #333;
  color: #fff;
  font-weight: 300;
}
.ProfilePic_wrapper--small .ProfilePic_initials {
  font-size: 12px;
}
.ProfilePic_wrapper--medium .ProfilePic_initials {
  font-size: 14px;
}
.ProfilePic_wrapper--large .ProfilePic_initials {
  font-size: 16px;
}
.ProfilePic_wrapper--fluid .ProfilePic_initials {
  font-size: 32px;
}

.ProfilePic_pic {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ProfilePic_grayscale {
  filter: grayscale(100%);
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/TextArea/TextArea.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.TextArea_container {
  box-sizing: border-box;
  line-height: 1.25;
  font-family: "Lato", sans-serif;
  width: 100%;
}
.TextArea_container *,
.TextArea_container *::before,
.TextArea_container *::after {
  box-sizing: border-box;
}

.TextArea_label-wrapper {
  width: 100%;
}

.TextArea_label {
  color: #333;
  font-size: 14px;
  margin-bottom: 4px;
}

.TextArea_textarea {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.TextArea_textarea__control {
  background-color: #fff;
  font-size: 14px;
  min-height: 66px;
  line-height: 20px;
}
.TextArea_textarea__input {
  line-height: inherit;
  padding: 12px;
  border: 1px solid #949494;
  border-radius: 2px;
  outline: none;
}
.TextArea_textarea__input:focus {
  border: 1px solid transparent;
  box-shadow: 0 0 0 2px #2a5cdb;
}
.TextArea_textarea__input::placeholder {
  color: #949494;
}
.TextArea_textarea__highlighter {
  line-height: inherit;
  padding: 12px;
}
.TextArea_textarea__suggestions {
  z-index: 100 !important;
}
.TextArea_textarea__suggestions__list {
  width: 320px;
  max-height: 500px;
  overflow-y: auto;
  border-radius: 10px;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
}
.TextArea_textarea__suggestions__item {
  display: flex;
  height: 56px;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #c9c9c9;
}
.TextArea_textarea__suggestions__item--focused {
  background-color: #f3f3f3;
}
.TextArea_textarea__suggestions__item:last-of-type {
  border-bottom: none;
}

.TextArea_suggestion-pic {
  margin: auto 6px;
  float: left;
}

.TextArea_suggestion-info {
  display: flex;
  height: 100%;
  font-size: 14px;
  flex-direction: column;
  justify-content: center;
}
.TextArea_suggestion-info__title {
  color: #646464;
}
.TextArea_suggestion-info span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.TextArea_speechBubble textarea {
  border-radius: 12px;
  border-top-left-radius: 0;
}

.TextArea_error textarea {
  border-color: #f3224d;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/ChatWindow/ChatWindow.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.ChatWindow_content-wrapper {
  display: flex;
}

.ChatWindow_chat-message-container {
  flex-grow: 1;
}

.ChatWindow_chat-body {
  display: flex;
  flex-direction: column;
}

.ChatWindow_chat-message {
  display: flex;
  flex-direction: column;
  color: #333;
}

.ChatWindow_chat-message + .ChatWindow_chat-message {
  margin-top: 8px;
}

.ChatWindow_chat-message-content-box {
  flex-grow: 1;
}

.ChatWindow_message-content {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  border-radius: 0px 10px 10px 10px;
  background: #f1f1f1;
  white-space: pre-wrap;
}

.ChatWindow_message-text {
  font-size: 14px;
  padding: 0 16px 16px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.ChatWindow_message-header {
  display: flex;
  justify-content: space-between;
  padding: 16px 16px 0;
}

.ChatWindow_message-name {
  text-decoration: none !important;
}

.ChatWindow_chat-date {
  color: #666;
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 15px;
}

.ChatWindow_chat-image-container {
  flex-shrink: 0;
  width: 40px;
}

.ChatWindow_meta-actions {
  border-top: thin solid #c6c6c6;
  display: flex;
  justify-content: flex-end;
  padding: 0 0.25rem;
}

.ChatWindow_action-buttons {
  color: #2a5cdb;
  min-height: 28px;
  min-width: 28px;
}
.ChatWindow_action-buttons:hover:not([disabled]) {
  color: #1b409e;
}
.ChatWindow_action-buttons:focus:not([disabled]) {
  box-shadow: none !important;
}

.ChatWindow_dialog-header-title {
  font-weight: 500 !important;
}

.ChatWindow_dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ChatWindow_dialog-header__edit {
  padding-bottom: 0.25rem;
}
.ChatWindow_dialog-header__delete {
  padding-bottom: 0.25rem;
}

.ChatWindow_dialog-actions {
  margin-top: 1rem;
  display: flex;
  border-top: thin 1px solid #c6c6c6;
}

.ChatWindow_dialog-cancel {
  margin-left: 0.75rem;
  color: #2a5cdb !important;
}

.ChatWindow_dialog-content {
  color: #333;
}

.ChatWindow_dialog-delete-container {
  max-width: 480px !important;
  padding: 1.5rem 1rem !important;
}

.ChatWindow_dialog-close-button {
  margin: -16px -8px 0 0;
}

.ChatWindow_dialog-edit-container {
  max-width: 480px !important;
  padding: 1.5rem 1rem !important;
}

.ChatWindow_message-header-compressed {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

.ChatWindow_message-text-compressed {
  font-size: 14px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Checkbox/Checkbox.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Checkbox_wrapper {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  line-height: 1;
  position: relative;
  user-select: none;
  cursor: pointer;
}

.Checkbox_wrapperDisabledState {
  cursor: default;
}

.Checkbox_label {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 20px;
  margin: 0;
  display: inline-block;
  color: inherit;
}
.Checkbox_checkbox-isgrouped > .Checkbox_input[disabled] ~ .Checkbox_label {
  cursor: default;
}
.Checkbox_input:disabled ~ .Checkbox_label {
  opacity: 0.5;
}
.Checkbox_wrapper--small .Checkbox_label {
  font-size: 14px;
}
.Checkbox_wrapper--xsmall .Checkbox_label {
  font-size: 12px;
}

.Checkbox_person-info {
  display: flex;
  flex-direction: column;
  margin-left: 8px;
}

.Checkbox_input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -1;
  margin: 0;
}

.Checkbox_helper-row {
  color: #949494;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  margin-left: 22px;
  margin-top: 4px;
}

.Checkbox_person-helper-row {
  color: #949494;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  margin-top: 4px;
}

.Checkbox_helper-text {
  flex-grow: 1;
  white-space: pre-line;
}

.Checkbox_checkbox {
  background: #fff;
  border: 1px solid #aaaaaa;
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-block;
  flex-shrink: 0;
  height: 14px;
  margin-right: 8px;
  transition: opacity 100ms;
  width: 14px;
}
.Checkbox_input:checked + .Checkbox_checkbox, .Checkbox_input.Checkbox_checkbox-indeterminate + .Checkbox_checkbox {
  background: #2a5cdb;
  border-color: #2a5cdb;
  opacity: 1;
  position: relative;
}
.Checkbox_input:checked + .Checkbox_checkbox::before {
  box-sizing: border-box;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  content: "";
  display: block;
  height: 45%;
  left: 1px;
  position: absolute;
  top: 2px;
  transform: rotateZ(-45deg);
  width: 80%;
}
.Checkbox_input.Checkbox_checkbox-indeterminate + .Checkbox_checkbox::before {
  content: "";
  box-sizing: border-box;
  border-bottom: 1.5px solid #fff;
  display: block;
  height: 57%;
  margin: 0 2px;
  border-left: 0;
  left: 0;
  position: inherit;
  top: initial;
  transform: none;
  width: initial;
}
.Checkbox_input[disabled] ~ .Checkbox_checkbox {
  cursor: not-allowed;
  opacity: 0.5;
}

.Checkbox_group-of-radios {
  margin-top: 2px;
}

.Checkbox_group-helper-text {
  margin: 0 0 8px;
  color: #666;
}

.Checkbox_group-helper-text--error {
  margin: 0 0 8px;
  color: #d61e44;
}

.Checkbox_checkboxSpace {
  margin-bottom: 6px;
}

.Checkbox_horizontal {
  display: flex;
}

.Checkbox_error {
  color: #d61e44;
  border: 1px solid #d61e44;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Fieldset/Fieldset.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Fieldset_fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.Fieldset_legend {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 21px;
  padding-bottom: 4px;
  padding-inline-start: 0;
  padding-inline-end: 0;
  width: 100%;
  line-height: 20px;
}

.Fieldset_helper-text {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 18px;
  color: #666;
  margin: 0;
}
.Fieldset_helper-text-before-children {
  margin-bottom: 4px;
}
.Fieldset_helper-text-after-children {
  margin-top: 4px;
}

.Fieldset_highlighted {
  border-radius: 0px 8px 8px 0px;
  border-left: 2px solid var(--gray-intensity-5, #c6c6c6);
  background: var(--system-blue-lightest, #f4f7fd);
  padding: 16px 12px 16px 16px;
  width: fit-content;
}

.Fieldset_fieldset-optional-label,
.Fieldset_fieldset-upper-right-label {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 21px;
  padding-bottom: 4px;
  display: inline;
  color: #666;
  font-size: 12px;
  font-weight: normal;
  margin-left: 8px;
  padding-bottom: 0;
  line-height: 20px;
}

.Fieldset_error {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 18px;
  color: #666;
  margin: 0;
  padding-top: 4px;
  color: #f3224d;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Select/Select.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Select_select {
  position: relative;
  width: 100%;
}

.Select_trigger-button-label {
  color: #949494;
}
.Select_trigger-button-label-selected {
  color: #333;
}

.Select_trigger-button-label-with-decorator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.Select_trigger-button-icon g, .Select_trigger-button-icon-opened g {
  stroke: #666;
}

.Select_trigger-button-icon-opened {
  transform: rotate(180deg);
}

.Select_select-trigger {
  align-items: center;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #949494;
  box-sizing: border-box;
  color: #333;
  display: flex;
  font-size: 14px;
  height: 40px;
  justify-content: space-between;
  line-height: 1.25;
  outline: none;
  padding: 8px;
  width: 100%;
}
.Select_select-trigger:focus:not([disabled]) {
  box-shadow: 0 0 5px 1px #2a5cdb;
}
.Select_select-trigger.Select_compact {
  font-size: 14px;
  padding: 6px 12px;
}
.Select_select-trigger[disabled] {
  opacity: 0.5;
}
.Select_select-trigger.Select_error {
  border-color: #f3224d;
}

.Select_select-menu {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  max-height: 206px;
  padding: 8px 0;
  right: 0;
  top: calc(100% - 1px);
  white-space: nowrap;
  overflow: auto;
  width: 100%;
  z-index: 1;
}
.Select_select-menu.Select_compact {
  max-height: 138px;
}

.Select_select-option {
  align-items: center;
  background: none;
  border: none;
  box-sizing: border-box;
  color: #333;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
  outline: none;
  padding: 12px 16px;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.Select_select-option:hover:not(.Select_disabled) {
  background-color: rgba(0, 0, 0, 0.05);
}
.Select_select-option.Select_highlighted {
  background-color: rgba(0, 0, 0, 0.05);
}
.Select_select-option:focus {
  box-shadow: 0 0 5px 1px #2a5cdb;
}
.Select_select-option.Select_disabled {
  color: #aaa;
  cursor: default;
}
.Select_select-option.Select_compact {
  font-size: 14px;
  padding: 6px 12px;
}
.Select_select-option.Select_label-decorator {
  justify-content: flex-start;
}

.Select_popover {
  padding: 0;
}

.Select_popover-wrapper {
  width: 100%;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Pagination/Pagination.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Pagination_wrapper {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Pagination_select {
  min-width: 75px;
}

.Pagination_buttonGroup {
  display: flex;
  align-items: center;
}

.Pagination_buttons {
  margin: 0;
  color: #2a5cdb;
  border-radius: 100%;
}
.Pagination_buttons:hover:not([disabled]) {
  background: rgba(0, 0, 0, 0.05);
}

.Pagination_controls {
  flex-shrink: 0;
}

.Pagination_text {
  margin-left: 8px;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/DataTable/DataTable.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.DataTable_container {
  background-color: #fff;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  display: flex;
  width: 100%;
  padding: 24px;
}
@media screen and (max-width: 600px) {
  .DataTable_container {
    padding: 16px;
  }
}

.DataTable_container-loading {
  position: relative;
}

.DataTable_loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.DataTable_container-responsive {
  background-color: #f4f7fd;
  padding: 0;
}

.DataTable_withoutShadows {
  box-shadow: none;
  border-radius: 10px;
  display: flex;
  width: 100%;
}

.DataTable_sortableHeader {
  display: inline-block;
}

.DataTable_overflow {
  display: inline-block;
  width: 100%;
}

.DataTable_overflow-loading {
  opacity: 0.3;
  pointer-events: none;
}

.DataTable_overflow-mobile {
  display: none;
}

.DataTable_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
}

.DataTable_table_body {
  border-bottom: 1px solid #dbdbdb;
}

.DataTable_alternate_rows tr:nth-child(even) td {
  background-color: #f9f9f9;
}
.DataTable_alternate_rows tr {
  border-bottom: unset;
}

.DataTable_header_row {
  border-bottom: 1px solid #dbdbdb;
}

.DataTable_header_cell, .DataTable_header_cell_padding {
  padding-top: 2px;
  padding-right: 12px;
  padding-left: 12px;
  padding-bottom: 2px;
  color: #727272;
}
.DataTable_header_cell:last-child, .DataTable_header_cell_padding:last-child {
  padding-right: 12px;
}

.DataTable_header_cell_padding {
  padding-top: 16px;
  padding-bottom: 16px;
}

.DataTable_row:last-child {
  border-bottom: 0;
}

.DataTable_row--underlined {
  border-bottom: 1px solid #dbdbdb;
}

.DataTable_expanded_row {
  border-bottom: 1px solid #dbdbdb;
}

.DataTable_expanded_row_content {
  margin: 8px;
  padding: 8px;
  background: #f8f8f8;
}

.DataTable_cell, .DataTable_nestedCellContainer {
  padding-top: 16px;
  padding-right: 12px;
  padding-left: 12px;
  padding-bottom: 16px;
}
.DataTable_cell:last-child, .DataTable_nestedCellContainer:last-child {
  padding-right: 12px;
}

.DataTable_align_left {
  text-align: left;
}

.DataTable_align_center {
  text-align: center;
}

.DataTable_align_right {
  text-align: right;
}

.DataTable_align_justify {
  text-align: justify;
}

.DataTable_mobile-table-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.DataTable_mobile-table-controls {
  display: flex;
  padding: 16px;
}

.DataTable_mobile-table {
  background-color: #fff;
  width: calc(100% - 32px);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 16px;
}

.DataTable_mobile-table-row {
  display: flex;
  margin-bottom: 12px;
  border-bottom: 1px solid #dbdbdb;
}

.DataTable_mobile-checkbox {
  padding: 6px 0;
  margin-right: 6px;
}

.DataTable_mobile-table-row:last-child {
  border-bottom: unset;
  margin-bottom: unset;
}

.DataTable_toggle-mobile-content-button {
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  min-width: unset;
  min-height: unset;
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

.DataTable_mobile-table-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 8px;
}

.DataTable_text-with-action-button {
  display: flex;
  align-items: center;
}
.DataTable_text-with-action-button .DataTable_action-button {
  margin-left: auto;
}

.DataTable_pagination-buttons {
  color: #2a5cdb;
}

.DataTable_pair-data {
  margin-bottom: 12px;
}
.DataTable_pair-data .DataTable_data {
  margin-top: 6px;
}

.DataTable_nested-checkbox-header {
  display: flex;
  align-items: center;
}

.DataTable_nested-cell-chevron {
  min-width: unset;
  min-height: unset;
  max-width: unset;
  max-height: unset;
  margin-left: 12px;
}

.DataTable_nestedCellContainer {
  display: flex;
  align-items: center;
}

.DataTable_nestedCellWithChevron {
  padding-top: 8px;
  padding-bottom: 8px;
}

.DataTable_nestedCellOverflow * {
  max-height: 32px;
  overflow-y: hidden;
}

.DataTable_zeroStateContainer {
  padding-top: 56px;
  padding-bottom: 64px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}

.DataTable_nestedCell-0 {
  padding-left: 8px;
}

.DataTable_nestedCell-1 {
  padding-left: 16px;
}

.DataTable_nestedCell-2 {
  padding-left: 24px;
}

.DataTable_nestedCell-3 {
  padding-left: 32px;
}

.DataTable_nestedCell-4 {
  padding-left: 40px;
}

.DataTable_nestedCell-5 {
  padding-left: 48px;
}

.DataTable_nestedCell-6 {
  padding-left: 56px;
}

.DataTable_nestedCell-7 {
  padding-left: 64px;
}

.DataTable_nestedCell-8 {
  padding-left: 72px;
}

.DataTable_nestedCell-9 {
  padding-left: 80px;
}

.DataTable_nestedCell-10 {
  padding-left: 88px;
}

.DataTable_nestedCell-11 {
  padding-left: 96px;
}

.DataTable_nestedCell-12 {
  padding-left: 104px;
}

.DataTable_nestedCell-13 {
  padding-left: 112px;
}

.DataTable_nestedCell-14 {
  padding-left: 120px;
}

.DataTable_nestedCell-15 {
  padding-left: 128px;
}

.DataTable_nestedCell-16 {
  padding-left: 136px;
}

.DataTable_nestedCell-17 {
  padding-left: 144px;
}

.DataTable_nestedCell-18 {
  padding-left: 152px;
}

.DataTable_nestedCell-19 {
  padding-left: 160px;
}

.DataTable_top-pagination {
  margin-top: 0 !important;
  margin-left: auto;
  flex-shrink: 0;
  align-items: flex-start !important;
}

.DataTable_top-component {
  width: 100%;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Divider/Divider.scss ***!
  \********************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Divider_divider-nav-gray {
  border-right: thin solid #191919;
  border-bottom: thin solid #191919;
}

.Divider_divider-gray-1 {
  border-right: thin solid #333;
  border-bottom: thin solid #333;
}

.Divider_divider-gray-2 {
  border-right: thin solid #666;
  border-bottom: thin solid #666;
}

.Divider_divider-gray-3 {
  border-right: thin solid #949494;
  border-bottom: thin solid #949494;
}

.Divider_divider-gray-4 {
  border-right: thin solid #aaaaaa;
  border-bottom: thin solid #aaaaaa;
}

.Divider_divider-gray-5 {
  border-right: thin solid #c6c6c6;
  border-bottom: thin solid #c6c6c6;
}

.Divider_divider-gray-6 {
  border-right: thin solid #f1f1f1;
  border-bottom: thin solid #f1f1f1;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Dropdown/Dropdown.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.Dropdown_selected-option {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Dropdown_dropdown {
  position: relative;
}
.Dropdown_dropdown > button {
  padding: 0 4px;
}

.Dropdown_dropdown-button button {
  padding: 8px 16px;
}

.Dropdown_trigger-button-icon {
  margin-left: 8px;
}

.Dropdown_trigger-button-menu-icon {
  height: 14px;
  width: 14px;
}

.Dropdown_dropdown-list {
  backdrop-filter: blur(2.4px);
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
  list-style: none;
  margin: 0;
  padding: 8px 0;
  white-space: nowrap;
  z-index: 100;
}

.Dropdown_dropdown-option {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 20px;
  margin: 0;
  color: #2a5cdb;
  align-items: center;
  background: none;
  border: none;
  padding: 8px 16px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  outline: none;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.Dropdown_dropdown-option:hover:not(.Dropdown_disabled) {
  background-color: #f4f7fd;
}
.Dropdown_dropdown-option.Dropdown_highlighted {
  background-color: #f4f7fd;
}
.Dropdown_dropdown-option:focus {
  box-shadow: 0 0 5px 1px #2a5cdb;
}
.Dropdown_dropdown-option.Dropdown_selected {
  padding-right: 16px;
}
.Dropdown_dropdown-option.Dropdown_disabled {
  color: #949494;
  cursor: default;
}

.Dropdown_selected-option-icon {
  height: 12px;
  margin-left: 16px;
  width: auto;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/SvgIcon/SvgIcon.scss ***!
  \********************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.SvgIcon_fill-asphalt {
  fill: #727272;
}

.SvgIcon_fill-gray {
  fill: #555;
}

.SvgIcon_fill-transparent-black {
  fill: rgba(0, 0, 0, 0.65);
}

.SvgIcon_fill-snow {
  fill: #fff;
}

.SvgIcon_fill-dove {
  fill: #ebebeb;
}

.SvgIcon_fill-system-green {
  fill: #64e38c;
}

.SvgIcon_fill-spinach {
  fill: #227c31;
}

.SvgIcon_fill-pool {
  fill: #22abf3;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/EmployeeList/EmployeeList.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.EmployeeList_employees {
  list-style: none;
  padding: 0;
  margin: 0;
}

.EmployeeList_list-item {
  padding: 8px;
  margin: 0;
}
.EmployeeList_list-item:hover {
  background-color: #f4f7fd;
  cursor: pointer;
}

.EmployeeList_employee-container {
  display: flex;
  align-items: center;
  padding: 0;
}

.EmployeeList_text-container {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 20px;
  margin: 0 0 0 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: underline;
}
.EmployeeList_text-container span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 180px;
  color: #2a5cdb;
}

.EmployeeList_text-container-disable {
  text-decoration: none;
}

.EmployeeList_secondary-text {
  color: #666;
}

.EmployeeList_height-limited {
  max-height: 248px;
  overflow-y: auto;
  overflow-x: hidden;
}

.EmployeeList_list-profile-pic {
  min-width: 32px;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Facepile/Facepile.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Facepile_block {
  display: inline-block;
}

.Facepile_facepile {
  display: flex;
  align-items: flex-end;
}
.Facepile_facepile:hover {
  cursor: pointer;
}
.Facepile_facepile:hover .Facepile_tag {
  background: #949494;
  color: #fff;
}

.Facepile_maxCount {
  text-align: center;
  z-index: 1;
  font-size: 10px;
  font-weight: 900;
}

.Facepile_max {
  border-radius: 50%;
}

.Facepile_userCircle--small,
.Facepile_userCircle--medium,
.Facepile_userCircle--large {
  z-index: 1;
}

.Facepile_userCircle--small + .Facepile_userCircle--small {
  margin-left: -8px;
  font-size: 12px;
}

.Facepile_userCircle--medium + .Facepile_userCircle--medium {
  margin-left: -4px;
  font-size: 14px;
}

.Facepile_userCircle--large + .Facepile_userCircle--large {
  margin-left: -8px;
  font-size: 14px;
}

.Facepile_overflow {
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  margin-left: -8px;
  background: #fff;
  border: 1px solid #2a5cdb;
  color: #2a5cdb;
  box-sizing: border-box;
}
.Facepile_overflow:hover {
  cursor: pointer;
  background: #949494;
  border: 1px solid #949494;
  color: #fff;
}

.Facepile_overflow-active {
  background: #2a5cdb;
  border: 1px solid #2a5cdb;
  box-sizing: border-box;
  color: #fff;
}

.Facepile_overflow-expanded {
  padding: 0 8px;
  width: auto !important;
  border-radius: 20px;
}

.Facepile_facepile--active .Facepile_userCircle--small,
.Facepile_facepile--active .Facepile_userCircle--medium,
.Facepile_facepile--active .Facepile_userCircle--large {
  border-color: #2a5cdb;
}

.Facepile_tag {
  padding: 0.3rem 16px 0.3rem 24px;
  background: #f5f5f5;
  border-top-right-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  transform: translateX(-15px);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
}

.Facepile_facepile--tag {
  position: relative;
}

.Facepile_facepile--tag:before {
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  right: 32px;
  display: block;
  content: " ";
}

.Facepile_facepile--large:before {
  left: 16px;
}

.Facepile_facepile--large .Facepile_tag,
.Facepile_facepile--medium .Facepile_tag {
  border-top-right-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
}

.Facepile_facepile--small .Facepile_tag {
  font-size: 12px;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
  text-transform: uppercase;
}

.Facepile_employee-list {
  padding: 12px 0;
  width: 235px;
}

.Facepile_employee-list-expanded {
  padding: 12px 0;
  width: 265px;
}

/* Hover state for facepile - Gray 3 */
.Facepile_facepile_overflow.Facepile_userCircle--small:hover,
.Facepile_facepile_overflow.Facepile_userCircle--medium:hover,
.Facepile_facepile_overflow.Facepile_userCircle--large:hover {
  background-color: #949494;
  border-color: #949494;
  cursor: pointer;
}

/* Active state for facepile - System blue */
.Facepile_facepile_overflow.Facepile_facepile--active .Facepile_userCircle--small,
.Facepile_facepile_overflow.Facepile_facepile--active .Facepile_userCircle--medium,
.Facepile_facepile_overflow.Facepile_facepile--active .Facepile_userCircle--large {
  background-color: #2a5cdb;
  border-color: #2a5cdb;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/HighFive/HighFive.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.HighFive_container {
  position: relative;
  max-width: fit-content;
}
.HighFive_container:hover {
  background-color: transparent !important;
}
.HighFive_container span {
  margin-left: 8px;
}

.HighFive_loader-container {
  padding: 11px;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/InfoModal/InfoModal.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.InfoModal_info-modal {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 18px;
  position: relative;
}

.InfoModal_info-modal__open {
  position: absolute;
  top: -20px;
  left: -24px;
  z-index: 5;
}

.InfoModal_info-modal__body {
  border-top: solid 1px #c6c6c6;
}

.InfoModal_info-modal__trigger {
  padding: 0;
  margin-bottom: 4px;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.InfoModal_info-modal__hidden {
  display: none;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Autocomplete/Autocomplete.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Autocomplete_popper-wrapper {
  padding: 0;
}

.Autocomplete_relative-wrapper {
  position: relative;
}

.Autocomplete_full-width {
  width: 100%;
}

.Autocomplete_trigger-button-icon {
  position: absolute;
  right: 1px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 12px;
  margin: 0;
  border: none;
}
.Autocomplete_trigger-button-icon div {
  margin-right: 0px;
}
.Autocomplete_trigger-button-icon g {
  stroke: #666;
}
.Autocomplete_trigger-button-icon:hover, .Autocomplete_trigger-button-icon:focus {
  box-shadow: none !important;
  background-color: white !important;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/MultiSelect/MultiSelect.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.MultiSelect_input-wrapper {
  margin-bottom: 0;
  height: 100%;
  min-height: 40px;
  padding: 4px 0;
  position: relative;
}
.MultiSelect_input-wrapper:focus-within {
  border: 1px solid #2a5cdb;
  box-shadow: 0 0 0 1px #2a5cdb;
}

.MultiSelect_input-hide-wrapper {
  margin-bottom: 0;
  height: 100%;
  min-height: 40px;
  padding: 4px 0;
  position: relative;
}
.MultiSelect_input-hide-wrapper:focus-within {
  border: 1px solid #2a5cdb;
  box-shadow: 0 0 0 1px #2a5cdb;
}
.MultiSelect_input-hide-wrapper .MultiSelect_input:not(:focus)[value=""] {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.MultiSelect_input {
  color: inherit;
  flex-grow: 1;
  font-size: 14px;
  border: none;
  padding: 8px 8px 8px 0;
}
.MultiSelect_input::placeholder {
  color: #949494;
}
.MultiSelect_input--active {
  border: 1px solid #2a5cdb;
  box-shadow: 0 0 0 1px #2a5cdb;
}
.MultiSelect_input--hide {
  display: none;
}

.MultiSelect_suggestions-box {
  background-color: #fff;
  border-radius: 2px;
  z-index: 100;
  max-height: 260px;
  box-sizing: border-box;
  width: 100%;
  margin-top: -1px;
  display: flex;
  flex-direction: column;
}
.MultiSelect_suggestions-box > ul.MultiSelect_suggestions-list {
  margin: 0;
  overflow: auto;
  list-style: none;
  padding: 0;
  top: 100%;
  left: 0 !important;
}
.MultiSelect_suggestions-box > ul.MultiSelect_suggestions-list > div:first-child > li .MultiSelect_checkbox-divider {
  display: none;
}
.MultiSelect_suggestions-box--with-items {
  border-style: dashed solid solid;
  border-color: #2a5cdb;
  border-width: 1px;
  box-shadow: 0 16px 24px -8px rgba(0, 0, 0, 0.15), 0 1px 0 0 #2a5cdb, 1px 0 0 0 #2a5cdb, -1px 0 0 0 #2a5cdb;
}
.MultiSelect_suggestions-box--hide-search {
  border-style: solid;
  border-color: #2a5cdb;
  border-width: 1px;
  box-shadow: 0 16px 24px -8px rgba(0, 0, 0, 0.15), 0 1px 0 0 #2a5cdb, 1px 0 0 0 #2a5cdb, -1px 0 0 0 #2a5cdb, 0 -1px 0 0 #2a5cdb;
}
.MultiSelect_suggestions-box--no-popper {
  top: 100%;
  position: absolute;
}
.MultiSelect_suggestions-box--nested {
  max-height: 361px;
}

.MultiSelect_suggestion-row {
  color: #333;
  font-size: 14px;
  padding: 8px;
  font-weight: normal;
  cursor: pointer;
}
.MultiSelect_suggestion-row * {
  pointer-events: none;
}
.MultiSelect_suggestion-row--highlighted {
  background-color: #f2f5fd;
}
.MultiSelect_suggestion-row--checkbox {
  padding-top: 0;
}
.MultiSelect_suggestion-row--border-bottom {
  border-bottom: 1px solid #c6c6c6;
}

.MultiSelect_selection-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 0 4px;
  position: relative;
  overflow: auto;
  max-height: 165px;
}

.MultiSelect_selection-input-container {
  align-items: baseline;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 0;
  max-width: 100%;
}
.MultiSelect_selection-input-container > input {
  margin-top: 0;
  max-width: 100%;
}

.MultiSelect_selection-items-container {
  align-items: baseline;
  box-sizing: border-box;
  display: block;
  flex-wrap: wrap;
  flex-direction: row;
}

.MultiSelect_selection {
  display: flex;
  align-items: center;
  background: #f3f3f3;
  margin: 3px 8px 3px 0;
  padding: 0 4px 0 8px;
  border-radius: 12px;
  text-transform: uppercase;
  text-align: center;
  font-size: 11px;
  line-height: 1;
}

.MultiSelect_selection-remove-button {
  display: flex;
  justify-content: center;
  border-radius: 50%;
  padding: 0;
  height: 24px;
  width: 16px;
  margin-left: 2px;
}
.MultiSelect_selection-remove-button:hover:not([disabled]) {
  color: #000;
  background: none;
}

.MultiSelect_selection__close-button__icon {
  height: 8px;
  width: 8px;
}

.MultiSelect_default-selection-pill {
  margin: 4px;
  height: auto;
}

.MultiSelect_checkbox-wrapper {
  margin: 12px 8px 0 8px;
  display: flex;
  justify-content: space-between;
}

.MultiSelect_person-checkbox-wrapper {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
}

.MultiSelect_checkbox-divider {
  margin-right: -8px;
  margin-left: -8px;
}

.MultiSelect_checkbox-pill {
  align-self: center;
}

.MultiSelect_list-caret {
  pointer-events: initial !important;
  display: inline;
  margin: -12px 0;
}
.MultiSelect_list-caret > * {
  transform: translateY(4px);
}

.MultiSelect_check-box-disabled {
  cursor: not-allowed;
}

.MultiSelect_disabled-pill {
  color: #666;
}

div[data-popper-placement=top] .MultiSelect_suggestions-box--with-items {
  border-style: solid solid dashed;
  border-color: #2a5cdb;
  border-width: 1px;
  box-shadow: 16px 0 24px -8px rgba(0, 0, 0, 0.15), 1px 0 0 0 #2a5cdb, 1px -1px 0 0 #2a5cdb, -1px 0 0 0 #2a5cdb;
  margin-bottom: -1px;
}

.MultiSelect_suggestion-container {
  padding: 2px 4px;
}

.MultiSelect_suggestion-text {
  color: #2a5cdb;
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0.2px;
}

.MultiSelect_suggestion-helper-text {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.15px;
  opacity: 0.9;
}

.MultiSelect_actions {
  padding: 8px;
  background-color: #fff;
  border-top: 1px solid #949494;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Notifications/Notifications.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Notifications_badge {
  border-radius: 8px;
  background: #f3224d;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 1px 5px;
  position: absolute;
  left: 14px;
  top: -4px;
}

.Notifications_button {
  border-radius: 100%;
  padding: 8px;
  aspect-ratio: 1;
  overflow: visible;
}

.Notifications_notification {
  position: relative;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/PageHeader/PageHeader.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.PageHeader_page-header {
  align-items: center;
  border-bottom: 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 16px;
  width: 100%;
}
.PageHeader_page-header--with-bottom-border {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 48px;
}
.PageHeader_page-header--remove-margin-bottom {
  margin-bottom: 0;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/PointBalance/PointBalance.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.PointBalance_pointBalance {
  width: 100%;
  margin-bottom: 32px;
  border-radius: 10px;
}
.PointBalance_pointBalance__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-size: inherit;
  margin-bottom: 16px;
}
.PointBalance_pointBalance__header h5,
.PointBalance_pointBalance__header button {
  margin: 0;
  line-height: 1;
}
.PointBalance_pointBalance__header h5 {
  font-size: 16px;
  color: #333;
}
.PointBalance_pointBalance__header button {
  text-decoration: none;
  float: right;
  font-size: 14px;
  vertical-align: baseline;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.PointBalance_pointBalance__header button:hover {
  text-decoration: underline;
}
.PointBalance_pointBalance__toSend, .PointBalance_pointBalance__rewards {
  text-align: left;
  flex-wrap: wrap;
  margin: 0;
  word-break: break-all;
  min-width: 45%;
}
.PointBalance_pointBalance__sectionHeader {
  display: inline;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  letter-spacing: 0.2px;
  color: #666;
  mix-blend-mode: normal;
  flex: 1;
}
.PointBalance_pointBalance__icon {
  padding-right: 8px;
}
.PointBalance_pointBalance__sectionSubtitle {
  font-size: 14px;
  font-weight: 325;
  color: #666;
  line-height: 1.5;
  flex: 0 0 auto;
  letter-spacing: 0.2px;
  word-break: break-word;
  color: #666;
}
.PointBalance_pointBalance__tokenTextFlex {
  height: 100%;
  word-break: break-word;
}

.PointBalance_balance {
  margin-top: 2px;
  font-weight: 500;
  font-size: 24px;
  line-height: 38px;
  color: #333;
}

@media screen and (max-width: 984px) {
  .PointBalance_textBreakpoint {
    flex-direction: column;
  }
}

.PointBalance_historyButton {
  padding: 0;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
  min-height: unset;
  text-align: right;
  color: #2a5cdb;
}

.PointBalance_headerWrapper {
  width: 100%;
}
.PointBalance_headerWrapper__title {
  align-self: center;
  color: #333;
  margin: 0 0 6px;
}
.PointBalance_headerWrapper__content {
  display: flex;
  justify-content: space-between;
}

.PointBalance_tokenItemContainer {
  padding-top: 24px;
}

.PointBalance_tokenBalanceAmount {
  font-weight: 500;
  font-size: 24px;
  line-height: 38px;
  color: #333;
}

.PointBalance_tokenBalanceDescription {
  font-weight: 400;
}

.PointBalance_withoutCard {
  background-color: unset;
  padding: unset;
  border-radius: unset;
  margin-bottom: unset;
  box-shadow: unset;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Radio/Radio.scss ***!
  \****************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Radio_wrapper {
  box-sizing: border-box;
  align-items: center;
  flex-shrink: 0;
  line-height: 1;
  position: relative;
  user-select: none;
  color: #333;
  margin: 0;
}

.Radio_wrapperOthers {
  box-sizing: border-box;
  align-items: center;
  flex-shrink: 0;
  line-height: 1;
  position: relative;
  user-select: none;
  color: #333;
  margin: 0;
}
.Radio_wrapperOthers > .Radio_wrapperInput {
  align-items: center;
}

.Radio_wrapperText {
  box-sizing: border-box;
  align-items: center;
  flex-shrink: 0;
  line-height: 1;
  position: relative;
  user-select: none;
  color: #333;
  margin: 0;
}
.Radio_wrapperText:not(:last-child) {
  margin-bottom: 6px;
}
.Radio_wrapperText > .Radio_wrapperInput {
  align-items: flex-start;
}

.Radio_wrapperInput {
  box-sizing: border-box;
  flex-shrink: 0;
  line-height: 1;
  position: relative;
  user-select: none;
  color: #333;
  margin: 0;
  display: flex;
}

.Radio_label {
  display: inline-block;
  font-weight: 400;
  margin-left: -22px;
  padding-left: 22px;
  cursor: pointer;
}
.Radio_radio-isgrouped > .Radio_input[disabled] ~ .Radio_label {
  cursor: default;
  opacity: 1;
}
.Radio_input:disabled ~ .Radio_label {
  cursor: default;
  opacity: 0.5;
}
.Radio_wrapper--small .Radio_label {
  font-size: 14px;
  line-height: 1.5;
}
.Radio_wrapper--xsmall .Radio_label {
  font-size: 12px;
}

.Radio_input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}

.Radio_helper-row {
  color: #666;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  margin-left: 22px;
  margin-top: 4px;
}

.Radio_helper-text {
  flex-grow: 1;
}

.Radio_helper-text-disabled {
  opacity: 0.5;
}

.Radio_radioSpace {
  margin-bottom: 6px;
}

.Radio_radio {
  background: #fff;
  border: 1px solid #aaaaaa;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  flex-shrink: 0;
  height: 14px;
  margin-right: 8px;
  margin-top: 3px;
  transition: opacity 100ms;
  width: 14px;
}
.Radio_input:checked + .Radio_radio {
  border-color: #2a5cdb;
  opacity: 1;
  position: relative;
}
.Radio_input:checked + .Radio_radio::before {
  background: #2a5cdb;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
}
.Radio_radio-isgrouped > .Radio_input[disabled] ~ .Radio_radio {
  cursor: default;
  opacity: 1;
}
.Radio_input[disabled] ~ .Radio_radio {
  cursor: default;
  opacity: 0.5;
}

.Radio_radioContent {
  min-width: fit-content;
  margin-right: 8px;
}

.Radio_horizontal {
  display: flex;
}

.Radio_group-of-radios {
  margin-top: 2px;
}

.Radio_group-helper-text {
  margin: 0 0 8px;
  color: #666;
}

.Radio_group-helper-text--error {
  margin: 0 0 8px;
  color: #d61e44;
}

.Radio_error {
  color: #d61e44;
  border: 1px solid #d61e44;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/RadioPill/RadioPill.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.RadioPill_radio-pill {
  height: 40px;
  width: max-content;
  border: 1px solid #c6c6c6;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 8px;
  margin-right: 8px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.RadioPill_radio-pill:focus-visible {
  outline: none;
  border-color: #2a5cdb;
  box-shadow: 0 0 5px #2a5cdb;
}

.RadioPill_radio-pill-checked {
  background-color: #f4f7fd;
  border: 1px solid #2a5cdb;
}

.RadioPill_input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -1;
  margin: 0;
}

.RadioPill_radio {
  background: #fff;
  border: 1px solid #aaaaaa;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 8px;
  transition: opacity 100ms;
  width: 16px;
}
.RadioPill_input:checked + .RadioPill_radio {
  background: #2a5cdb;
  border: 2px solid #2a5cdb;
  opacity: 1;
  position: relative;
}
.RadioPill_input:checked + .RadioPill_radio::before {
  box-sizing: border-box;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  content: "";
  display: block;
  height: 45%;
  left: 1px;
  position: absolute;
  top: 2px;
  transform: rotateZ(-45deg);
  width: 80%;
}

.RadioPill_label {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  cursor: pointer;
}

.RadioPill_popover {
  padding: 12px;
}

.RadioPill_popover-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 223px;
  background-color: #fff;
}
.RadioPill_popover-content .RadioPill_divider {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
}

.RadioPill_horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.RadioPill_vertical {
  display: flex;
  flex-direction: column;
}

.RadioPill_group-of-radios {
  margin-top: 2px;
}

.RadioPill_error {
  color: #d61e44;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/SlideIntoView/SlideIntoView.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.SlideIntoView_slideIntoView {
  max-height: 1px;
  overflow: hidden;
  transform: scaleY(0);
  opacity: 0;
  pointer-events: none;
}

@keyframes SlideIntoView_open {
  0% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}
.SlideIntoView_open {
  animation-name: SlideIntoView_open;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 1, 0.03, 1);
  transform-origin: center top;
  overflow: visible;
  opacity: 1;
  pointer-events: initial;
  max-height: none;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/SystemInfoButton/SystemInfoButton.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.SystemInfoButton_container {
  border: 1px solid #2a5cdb;
  border-radius: 10px;
  background-color: #f4f7fd;
  padding: 12px;
  align-items: center;
  justify-content: space-between;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/TimeInput/TimeInput.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.TimeInput_wrapper {
  display: flex;
  width: fit-content;
  flex-direction: column;
  position: relative;
  z-index: 5;
  max-width: 7rem;
}

.TimeInput_input {
  max-width: 6.1em;
  width: 100%;
  height: 40px;
}
.TimeInput_input--focused {
  border: 1px solid #2a5cdb;
  box-shadow: 0 0 0 1px #2a5cdb;
}

.TimeInput_fullWidth {
  max-width: none;
}

.TimeInput_chevron-width {
  max-width: 8em;
}

.TimeInput_dropdown-menu {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 20px;
  background-color: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  width: 100%;
  top: 38px;
  list-style: none;
  margin: 0;
  z-index: 1;
  max-height: 260px;
  overflow: auto;
  padding: 0;
  position: absolute;
  border-style: dashed solid solid;
  border-color: #2a5cdb;
  border-width: 1px;
  box-shadow: 0 16px 24px -8px rgba(0, 0, 0, 0.15), 0 1px 0 0 #2a5cdb, 1px 0 0 0 #2a5cdb, -1px 0 0 0 #2a5cdb;
}
.TimeInput_dropdown-menu--compact {
  top: 81px;
}

ul.TimeInput_dropdown-menu .TimeInput_dropdown-item {
  background-color: #fff;
  padding: 8px;
  text-align: center;
}
ul.TimeInput_dropdown-menu .TimeInput_dropdown-item--focused {
  background-color: #f4f7fd;
}
ul.TimeInput_dropdown-menu .TimeInput_dropdown-item--disabled {
  opacity: 0.5;
  cursor: default !important;
}
ul.TimeInput_dropdown-menu .TimeInput_dropdown-item:hover {
  cursor: pointer;
  background-color: #f4f7fd;
}
ul.TimeInput_dropdown-menu .TimeInput_dropdown-item:focus {
  outline: none;
}

.TimeInput_trigger-button-icon {
  position: absolute;
  right: 1px;
  bottom: -8px;
  transform: translateY(-50%);
  padding: 0 12px;
  margin: 0;
  border: none;
}
.TimeInput_trigger-button-icon div {
  margin-right: 0px;
}
.TimeInput_trigger-button-icon g {
  stroke: #666;
}
.TimeInput_trigger-button-icon:hover, .TimeInput_trigger-button-icon:focus {
  box-shadow: none !important;
  background-color: white !important;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Toast/Toast.scss ***!
  \****************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Toast_toastOverlay {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: fixed;
  top: 4px;
  right: 4px;
  height: 1px;
  left: 0;
  pointer-events: none;
  z-index: 20000;
  overflow: visible;
}

.Toast_toastOverlay * {
  pointer-events: auto;
}

.Toast_toast {
  max-width: 300px;
  width: 300px;
  margin-bottom: 4px;
  will-change: opacity, transform;
  animation: Toast_animateIn 1s 1 cubic-bezier(0, 1, 0.03, 1);
}

.Toast_going {
  animation: Toast_animateOut 0.6s 1 cubic-bezier(0, 1, 0.03, 1);
}

@keyframes Toast_animateIn {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes Toast_animateOut {
  0% {
    opacity: 1;
    transform: translateY(0);
    max-height: 999px;
    margin-bottom: 4px;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    max-height: 0;
    margin-bottom: 0;
    transform: translateY(-100%);
  }
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Toggle/Toggle.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Toggle_wrapper {
  position: relative;
  display: inline-block;
}

.Toggle_toggle {
  position: relative;
  appearance: none;
  cursor: pointer;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 46px;
  height: 20px;
  border-radius: 100px;
  background: #333;
  outline: none;
  transition: transform 0.4s;
  margin: 0px;
}
.Toggle_toggle::-ms-check {
  display: none;
}
.Toggle_toggle::before {
  content: "";
  position: absolute;
  display: block;
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  background-color: #fff;
  transition: transform 0.4s;
}
.Toggle_toggle::after {
  content: "Off";
  position: absolute;
  display: block;
  top: 0;
  right: 5px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.82;
  letter-spacing: 0.3px;
  color: #fff;
  transition: 0.4s;
}
.Toggle_toggle:checked {
  background-color: #2a5cdb;
}
.Toggle_toggle:checked::before {
  transform: translateX(26px);
}
.Toggle_toggle:checked::after {
  content: "On";
  transform: translateX(-18px);
}
.Toggle_toggle:focus:not([disabled]) {
  box-shadow: 0 0 0 2px #1b409e;
}
.Toggle_toggle:disabled {
  opacity: 0.6;
}

.Toggle_iconToggle svg {
  position: absolute;
  top: 3px;
  z-index: 10;
  pointer-events: none;
}
.Toggle_iconToggle .Toggle_toggle::after {
  content: "";
}
.Toggle_iconToggle .Toggle_toggle:checked::after {
  content: "";
}

.Toggle_onIcon svg {
  right: 23px;
  top: 2px;
}

.Toggle_offIcon svg {
  left: 23px;
  top: 2px;
}

.Toggle_bubble {
  position: absolute;
  top: -23px;
  right: 0;
  background-color: #00a861;
  color: #f8f8f8;
  padding: 2px 8px;
  border-radius: 11.5px;
  font-size: 14px;
  font-weight: 400;
  animation: Toggle_fadeOut 1000ms linear, Toggle_popUp 1000ms cubic-bezier(0.16, 0.48, 0.32, 1);
}

@keyframes Toggle_fadeOut {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.7;
  }
  85% {
    opacity: 0.7;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes Toggle_popUp {
  0% {
    transform: translateY(13px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/ToggleButton/ToggleButton.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.ToggleButton_togglebutton {
  align-items: center;
  background-color: rgba(198, 198, 198, 0);
  border-radius: 8px;
  border: none;
  color: #666;
  cursor: pointer;
  display: inline-flex;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 8px;
  outline: none;
  transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
}
.ToggleButton_togglebutton[disabled] {
  color: #aaaaaa;
  cursor: default;
}
.ToggleButton_togglebutton.ToggleButton_selected:not([disabled]) {
  color: #333;
  background-color: #c6c6c6;
}
.ToggleButton_togglebutton:hover:not([disabled]), .ToggleButton_togglebutton:focus:not([disabled]) {
  background-color: rgba(198, 198, 198, 0.5);
}
.ToggleButton_togglebutton:hover.ToggleButton_selected:not([disabled]) {
  background-color: rgba(198, 198, 198, 0.75);
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/TogglePanel/TogglePanel.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.TogglePanel_wrapper {
  width: 100%;
  position: relative;
  z-index: 1;
}

.TogglePanel_controls {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 12px 16px;
}

.TogglePanel_teaser {
  flex-grow: 1;
  font-size: 20px;
  font-weight: 200;
}

.TogglePanel_childContentCard {
  width: 100%;
}

.TogglePanel_closeButton {
  float: right;
  padding: 0 !important;
  margin-top: -10px;
  margin-right: -14px;
}

.TogglePanel_childContent,
.TogglePanel_controls {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  max-height: 0;
  transition: none;
}

.TogglePanel_childContentShown,
.TogglePanel_controlsShown {
  transition: 2s opacity cubic-bezier(0, 1, 0.03, 1);
  position: static;
  opacity: 1;
  pointer-events: auto;
  max-height: 9999px;
  visibility: visible;
}

/* stylelint-disable-next-line no-duplicate-selectors */
.TogglePanel_controls {
  transition: none;
}

@media screen and (max-width: 679px) {
  .TogglePanel_controls {
    display: block;
  }
  .TogglePanel_controls .TogglePanel_teaser {
    margin: 12px 0;
  }
  .TogglePanel_controls .TogglePanel_buttonFeature {
    margin: 0 0 4px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/UserDisplay/UserDisplay.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.UserDisplay_user-display {
  display: flex;
  align-items: center;
  border-radius: 2px;
  width: 100%;
  box-sizing: border-box;
}

.UserDisplay_user-display__profile-pic {
  height: 28px;
  width: 28px;
}

.UserDisplay_user-display__details {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 0 8px;
  overflow: hidden;
  text-align: left;
}
.UserDisplay_user-display__details--without-close {
  margin-right: 8px;
}

.UserDisplay_user-display__details__container {
  overflow: hidden;
}

.UserDisplay_user-display__details__name,
.UserDisplay_user-display__details__title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.UserDisplay_user-display__details__name {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.UserDisplay_user-display__details__title {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 20px;
  color: #666;
  font-size: 14px;
  line-height: 21px;
}

.UserDisplay_user-display__details__primary-group {
  margin-top: 7px;
}
.UserDisplay_user-display__details__primary-group [class*=Pill__pill] {
  font-size: 11px;
  line-height: 12px;
  padding: 4px 8px;
  background-color: #ededed;
  letter-spacing: 1px;
}

.UserDisplay_user-display__details__primary-group div {
  font-size: 11px;
}

.UserDisplay_user-display__close-button {
  display: flex;
  justify-content: center;
  border-radius: 50%;
  padding: 0;
  height: 24px;
  width: 24px;
}
.UserDisplay_user-display__close-button:focus:not([disabled]) {
  background-color: rgba(0, 0, 0, 0.05);
}

.UserDisplay_user-display__close-button__icon {
  height: 8px;
  width: 8px;
}

.UserDisplay_user-display--pill {
  display: inline-flex;
  border-radius: 12px;
  background-color: #f1f1f1;
  width: initial;
  max-width: 100%;
  padding-left: 0;
}

.UserDisplay_user-display--with-full-details .UserDisplay_user-display__profile-pic {
  height: 32px;
  width: 32px;
}
.UserDisplay_user-display--with-full-details .UserDisplay_user-display__details {
  margin-left: 12px;
  max-width: calc(100% - 44px);
}
.UserDisplay_user-display--with-full-details .UserDisplay_user-display__details__name {
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: 21px;
  font-weight: 600;
  color: #333;
  text-transform: none;
  letter-spacing: 0.2px;
}

.UserDisplay_user-display--with-full-details.UserDisplay_user-display--with-close .UserDisplay_user-display__details {
  max-width: calc(100% - 68px);
}

.UserDisplay_user-display__profile-pic__container {
  padding: 1px;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/UserMenu/UserMenu.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.UserMenu_user-menu {
  width: 100%;
  max-width: 300px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .UserMenu_user-menu {
    width: auto;
  }
}

.UserMenu_user-menu__menu a,
.UserMenu_user-menu__menu button {
  color: inherit;
  text-decoration: none;
  padding: 10px 16px;
  display: block;
  width: 100%;
  font-size: 14px;
  cursor: pointer;
  border: 0;
  text-align: left;
}

.UserMenu_user-menu__menu a:hover,
.UserMenu_user-menu__menu a:focus,
.UserMenu_user-menu__menu a:active,
.UserMenu_user-menu__menu button:active,
.UserMenu_user-menu__menu button:hover {
  box-sizing: border-box;
  background: #f4f7fd;
}

.UserMenu_user-menu__button {
  background: transparent;
  width: 100%;
  cursor: pointer;
  padding: 4px 8px;
  border: 0;
  border-radius: 4px;
  overflow: visible;
}

.UserMenu_user-menu__profile-pic {
  padding-right: 8px;
  align-self: flex-start;
}

.UserMenu_user-menu__button:hover,
.UserMenu_user-menu__button:focus,
.UserMenu_user-menu__button:active,
.UserMenu_user-menu__button--open {
  background: #fff;
  color: #333 !important;
}

.UserMenu_user-menu__button:focus,
.UserMenu_user-menu__button:active,
.UserMenu_user-menu__button--open {
  outline: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.UserMenu_user-menu_button-wrapper {
  display: flex;
  width: 100%;
}

.UserMenu_user-menu__info {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  padding-right: 8px;
}

.UserMenu_user-menu__button--open .UserMenu_user-menu__info {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .UserMenu_user-menu__caret {
    display: none;
  }
  .UserMenu_user-menu__info {
    width: 0;
  }
  .UserMenu_user-menu__info,
  .UserMenu_user-menu__profile-pic {
    padding-right: 0;
  }
  .UserMenu_user-menu__button--open .UserMenu_user-menu__caret {
    display: block;
  }
  .UserMenu_user-menu__button--open .UserMenu_user-menu__info,
  .UserMenu_user-menu__button--open .UserMenu_user-menu__profile-pic {
    padding-right: 8px;
  }
}
.UserMenu_sub-button {
  display: flex !important;
  justify-content: space-between;
  outline: none;
}

.UserMenu_user-menu__menu {
  border-top: thin solid #c6c6c6;
}

.UserMenu_user-menu__menu,
.UserMenu_sub-item-container,
.UserMenu_sub-button-open {
  background: #f1f1f1;
}

.UserMenu_sub-item-container {
  padding-bottom: 8px;
}

.UserMenu_sub-item-container a {
  padding-left: 24px;
}

.UserMenu_sub-item-container a:hover,
.UserMenu_sub-item-container a:focus,
.UserMenu_sub-item-container a:active {
  background: #f4f7fd;
}

.UserMenu_user-menu__info__name {
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
}

.UserMenu_user-menu__info__name,
.UserMenu_user-menu__info__job-title {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.UserMenu_user-menu__info__job-title {
  font-weight: bold;
  line-height: 14px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 0.6;
}

/* stylelint-disable-next-line no-duplicate-selectors */
.UserMenu_user-menu__menu {
  box-sizing: border-box;
  z-index: 100;
  background: #fff;
  color: #333;
  position: absolute;
  top: 100%;
  min-width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  opacity: 0.5;
  padding: 6px 0;
  pointer-events: none;
  display: none;
}

.UserMenu_user-menu__menu--open {
  opacity: 1;
  display: block;
  transform: scaleY(1);
  pointer-events: auto;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
}

.UserMenu_user-menu ul,
.UserMenu_user-menu li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.UserMenu_item-with-sub-item-icon {
  margin-left: 8px;
}

.UserMenu_nav-divider {
  background: #f1f1f1;
  margin-left: 16px;
  margin-right: 16px;
}

.UserMenu_sign-out-button {
  color: #f3224d !important;
  padding: 8px 16px !important;
}

@media screen and (max-width: 768px) {
  .UserMenu_user-menu-wrapper {
    width: 4em;
    height: 2.5rem;
    position: relative;
    display: flex;
    justify-content: flex-end;
  }
  .UserMenu_user-menu__button--open {
    width: 250px;
  }
  .UserMenu_user-menu {
    position: absolute;
  }
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/UserSelect/UserSelect.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.UserSelect_accessible-message {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

.UserSelect_user-select-container {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #949494;
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.UserSelect_user-select-container--multi {
  line-height: 1;
  padding: 0 26px 0 0;
}
.UserSelect_user-select-container--error {
  border-color: #f3224d;
}
.UserSelect_user-select-container:focus-within {
  border: 1px solid #2a5cdb;
  box-shadow: 0 0 0 1px #2a5cdb;
}
.UserSelect_user-select-container--disabled {
  opacity: 0.5;
}
.UserSelect_user-select-container:focus {
  border-radius: 2px;
}

.UserSelect_user-select-container:focus,
.UserSelect_user-input-container:focus,
input:focus {
  outline: none;
}

.UserSelect_single-user-display-container {
  width: 100%;
  padding: 7px 8px 4px 8px;
}

.UserSelect_multiple-user-display-container {
  box-sizing: border-box;
  max-width: 100%;
  padding: 8px 0 4px 8px;
}

.UserSelect_user-input-container {
  display: flex;
  flex-grow: 1;
  height: 40px;
  max-width: 100%;
}

.UserSelect_user-input-container svg {
  display: inline-block;
  position: absolute;
  top: 12px;
  right: 8px;
}
.UserSelect_user-input-container svg path {
  stroke: #949494;
}

.UserSelect_user-input {
  background: none;
  border: none;
  color: #333;
  display: flex;
  font-size: 14px;
  padding: 8px 0 8px 8px;
  width: 100%;
  margin-bottom: 2px;
}
.UserSelect_user-input::placeholder {
  color: #949494;
  font-weight: 400;
}

.UserSelect_dropdown-menu {
  background-color: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  left: 0 !important;
  top: 34px;
  list-style: none;
  margin: 0;
  z-index: 1;
  max-height: 260px;
  overflow: auto;
  padding: 0;
  width: 100%;
}
.UserSelect_dropdown-menu--with-items {
  border-style: dashed solid solid;
  border-color: #2a5cdb;
  border-width: 1px;
  box-shadow: 0 16px 24px -8px rgba(0, 0, 0, 0.15), 0 1px 0 0 #2a5cdb, 1px 0 0 0 #2a5cdb, -1px 0 0 0 #2a5cdb;
}

.UserSelect_dropdown-item {
  background-color: #fff;
  padding: 6px 0;
  padding-left: 8px;
}
.UserSelect_dropdown-item--focused {
  background-color: #f5f5f5;
}
.UserSelect_dropdown-item:hover {
  cursor: pointer;
}
.UserSelect_dropdown-item + .UserSelect_dropdown-item {
  border-top: 1px solid #ebebeb;
}

.UserSelect_user-counter-container {
  position: absolute;
  right: 0;
  bottom: 0px;
}

.UserSelect_user-counter {
  margin-left: auto;
  padding-bottom: 4px;
}

.UserSelect_wrapper {
  position: relative;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Wizard/Wizard.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Wizard_container {
  width: 100%;
  padding: 24px 32px;
}

.Wizard_headerContainer {
  display: flex;
  border-bottom: 8px solid #f1f1f1;
}
.Wizard_headerContainer__title {
  width: 70%;
  padding-bottom: 8px;
}
.Wizard_headerContainer__pages {
  display: flex;
  justify-content: flex-end;
  width: 30%;
  padding-bottom: 8px;
  text-align: right;
}

.Wizard_stepContent {
  padding: 32px 0 0;
}

.Wizard_progress {
  margin-top: -8px;
  height: 8px;
  background-color: #2a5cdb;
  border-radius: 4px;
  transition: width 0.5s cubic-bezier(0, 1, 0, 1);
}

.Wizard_headerCount {
  font-weight: 500;
  color: #949494;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/WizardVertical/WizardVertical.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.WizardVertical_wizard {
  display: flex;
  flex-direction: column;
}

.WizardVertical_disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.WizardVertical_wizard a {
  text-decoration: none;
}

.WizardVertical_wizardStep {
  display: flex;
  text-decoration: none;
}

.WizardVertical_iconSection {
  display: flex;
  flex-direction: column;
  width: 24px;
  margin-right: 8px;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  text-decoration: none;
}
.WizardVertical_iconSection:after {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 2px;
  content: "";
  background-color: #c6c6c6;
  text-decoration: none;
}

.WizardVertical_iconSection--lastStep:after {
  display: none;
}

.WizardVertical_iconSection__iconWrapper {
  box-sizing: border-box;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  width: 24px;
  border-width: 2px;
  border-radius: 50%;
  border-style: solid;
  border-color: #2a5cdb;
  background-color: #2a5cdb;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}

.WizardVertical_iconSection__iconWrapper--current {
  border-color: #2a5cdb;
  background-color: #2a5cdb;
}

.WizardVertical_iconSection__iconWrapper--future {
  border-color: #2a5cdb;
  background-color: #fff;
  content: " ";
}

.WizardVertical_iconSection__iconWrapper--error {
  border-color: #f3224d;
  background-color: #f3224d;
}
.WizardVertical_iconSection__iconWrapper--error :hover {
  color: #d61e44;
}

.WizardVertical_textWrapper {
  min-height: 64px;
  padding-top: 0.185rem;
}
.WizardVertical_textWrapper > * + * {
  display: block;
}

.WizardVertical_titleText {
  color: #2a5cdb;
}

.WizardVertical_titleText--warning {
  color: #f3224d;
}

.WizardVertical_utilityText {
  display: block;
  margin-bottom: 24px;
}

.WizardVertical_utilityText--warning {
  color: #f3224d;
}

a:hover .WizardVertical_iconSection__iconWrapper,
button:hover .WizardVertical_iconSection__iconWrapper {
  color: #1b409e;
  border-color: #1b409e;
  background-color: #1b409e;
}
a:hover .WizardVertical_iconSection__iconWrapper--future,
button:hover .WizardVertical_iconSection__iconWrapper--future {
  color: #1b409e;
  border-color: #1b409e;
  background-color: #fff;
}
a:hover .WizardVertical_iconSection__iconWrapper--error,
button:hover .WizardVertical_iconSection__iconWrapper--error {
  color: #d61e44;
  background-color: #d61e44;
  border-color: #d61e44;
}
a:hover .WizardVertical_titleText,
button:hover .WizardVertical_titleText {
  color: #1b409e;
}
a:hover .WizardVertical_titleText--warning,
button:hover .WizardVertical_titleText--warning {
  color: #d61e44;
}
a:hover .WizardVertical_utilityText--warning,
button:hover .WizardVertical_utilityText--warning {
  color: #d61e44;
}

.WizardVertical_button {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  justify-content: flex-start;
  text-decoration: none;
  user-select: none;
  background-color: transparent;
  border: none;
  text-align: start;
  padding: 0;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/WidgetError/WidgetError.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.WidgetError_wrapper {
  display: inline-block;
  text-align: center;
}

.WidgetError_error-illustration {
  margin-bottom: 8px;
}
.WidgetError_error-illustration svg {
  width: 90px;
  height: 90px;
}

.WidgetError_error-text {
  color: #333;
  margin-top: 12px;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/PercentageDonutChart/PercentageDonutChart.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.PercentageDonutChart_progress {
  position: relative;
  margin: 0 auto;
}
.PercentageDonutChart_progress__container {
  position: relative;
  padding: 8px;
  overflow-wrap: break-word;
  text-align: center;
}
.PercentageDonutChart_progress__chart {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}
.PercentageDonutChart_progress__percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #333;
  margin: 0;
  width: 100%;
  text-align: center;
}
.PercentageDonutChart_progress__text {
  display: flex;
  justify-content: center;
  color: #666;
  padding-bottom: 10px;
  margin-top: -8px;
  text-align: center;
}
.PercentageDonutChart_progress__circular {
  transform: rotate(-90deg);
  max-height: 64px;
  max-width: 64px;
}
.PercentageDonutChart_progress__circular__path {
  stroke: #aaaaaa;
}
.PercentageDonutChart_progress__circular__path__value {
  stroke: #2a5cdb;
  transition: stroke-dashoffset 1s;
}

.PercentageDonutChart_chart-tooltip {
  text-align: left;
}

.PercentageDonutChart_link-button {
  font-size: 12px;
  min-height: 18px;
}

.PercentageDonutChart_details-container {
  padding: 0;
}

.PercentageDonutChart_tooltip-header {
  font-weight: 700;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/TextTransform/TextTransform.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.TextTransform_text {
  display: inline-block;
}
.TextTransform_text--nowrap {
  white-space: nowrap;
}
.TextTransform_text--capitalize-first-letter::first-letter {
  text-transform: capitalize;
}
.TextTransform_text--lowercase {
  text-transform: lowercase;
}
.TextTransform_text--uppercase {
  text-transform: uppercase;
}
.TextTransform_text--capitalize {
  text-transform: capitalize;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/StatusBarChart/StatusBarChart.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.StatusBarChart_stacked-bar-chart {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.StatusBarChart_chart {
  overflow: visible;
  z-index: 1;
}

.StatusBarChart_percent-label {
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: 700;
  fill: #666;
  line-height: 18px;
}

.StatusBarChart_status-title {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 700;
  fill: #333;
  line-height: 14px;
}

.StatusBarChart_status-description {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  fill: #333;
  line-height: 18px;
  margin-top: 6px;
  text-align: center;
}

.StatusBarChart_status-indicator-on-track {
  fill: #00a861;
  stroke: #00a861;
  stroke-width: 2;
}

.StatusBarChart_status-indicator-behind {
  fill: #f6be45;
  stroke: #f6be45;
  stroke-width: 2;
}

.StatusBarChart_status-indicator-at-risk {
  fill: #f3224d;
  stroke: #f3224d;
  stroke-width: 2;
}

.StatusBarChart_chart-tooltip-box {
  fill: white;
  stroke: #f1f1f1;
  stroke-width: 1px;
}

.StatusBarChart_chart-tooltip-container {
  padding: 4px 8px;
  width: 100%;
  box-sizing: border-box;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/StandardBarChart/StandardBarChart.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.StandardBarChart_chart {
  overflow: visible;
  z-index: 1;
}

.StandardBarChart_standard-chart-bar {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.StandardBarChart_y-axis-label {
  fill: currentColor;
  text-anchor: start;
}

.StandardBarChart_y-axis-tick-text,
.StandardBarChart_x-axis-tick-text {
  fill: #333;
  font-size: 11px;
}

.StandardBarChart_y-axis-domain,
.StandardBarChart_x-axis-tick-line {
  fill: transparent;
  stroke: transparent;
}

.StandardBarChart_y-axis-level-marker {
  stroke: #c6c6c6;
}

.StandardBarChart_chart-bars {
  fill: #2a5cdb;
}

.StandardBarChart_chart-bars-important {
  fill: #f3224d;
}

.StandardBarChart_chart-bars-success {
  fill: #64e38c;
}

.StandardBarChart_chart-description {
  text-align: center;
}

.StandardBarChart_chart-tooltip-filter-effect {
  flood-color: #c1c1c1;
  flood-opacity: 0.5;
}

.StandardBarChart_chart-tooltip-container {
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
}

.StandardBarChart_tooltip-header {
  font-weight: 700;
}

.StandardBarChart_chart-tooltip-box {
  fill: white;
  stroke: #f1f1f1;
  stroke-width: 1px;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/RatingBar/RatingBar.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.RatingBar_container {
  width: 100%;
}

.RatingBar_rating-button {
  cursor: pointer;
  align-items: center;
  background-color: transparent;
  border-top: 1px solid #2a5cdb;
  border-bottom: 1px solid #2a5cdb;
  border-left: 1px solid #2a5cdb;
  border-right: 1px solid #2a5cdb;
  color: #2a5cdb;
  display: flex;
  justify-content: center;
  flex-grow: 1;
  fill: #fff;
  font-size: 24px;
  font-weight: 300;
  height: 48px;
  margin: 0px;
  margin-left: -1px;
  min-width: 20px;
  width: 100%;
}
.RatingBar_rating-button:hover:not([disabled]) {
  color: #fff;
  fill: #2a5cdb;
  background-color: #2a5cdb;
}
.RatingBar_rating-button--selected {
  color: #fff;
  fill: #2a5cdb;
  background-color: #2a5cdb;
}
.RatingBar_rating-button--start {
  border-radius: 5px 0px 0px 5px;
}
.RatingBar_rating-button--end {
  border-radius: 0px 5px 5px 0px;
}

.RatingBar_label {
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 13px;
  margin: 0;
  text-transform: uppercase;
}

.RatingBar_error {
  color: #d61e44;
  border: 1px solid #d61e44;
}

.RatingBar_group-helper-text--error {
  margin: 0 0 16px;
  color: #d61e44;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/StarRating/StarRating.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.StarRating_container {
  width: 100%;
}

.StarRating_rate-container {
  width: 88px;
  min-width: 20px;
}

.StarRating_rate {
  background-color: transparent;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.StarRating_label {
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 13px;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
}

.StarRating_svg {
  pointer-events: none;
  stroke: #2a5cdb;
}

.StarRating_error {
  stroke: #d61e44;
}

.StarRating_group-helper-text--error {
  margin: 0 0 16px;
  color: #d61e44;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/ExpansionPanel/ExpansionPanel.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.ExpansionPanel_full-width {
  width: 100%;
}

.ExpansionPanel_expansion-panel {
  display: none;
}

.ExpansionPanel_expansion-panel-open {
  display: block;
  overflow: hidden;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/NestingCard/NestingCard.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.NestingCard_nesting-card-primary {
  z-index: 5;
  background-color: #fff;
  border-radius: 8px;
  height: 190px;
  padding: 24px;
}

.NestingCard_nesting-card-secondary {
  z-index: 1;
  margin-bottom: -8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
  position: relative;
}

.NestingCard_nesting-card-tertiary {
  z-index: 0;
  padding-bottom: 6px;
  padding-top: 6px;
  padding-left: 16px;
  margin-bottom: -8px;
  height: 28px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #fff;
}

.NestingCard_nesting-card-wrapper {
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  width: 100%;
  box-sizing: content-box;
}

.NestingCard_tags-wrapper {
  z-index: 5;
  position: absolute;
  top: 8px;
  right: 8px;
}

.NestingCard_card-tags {
  display: flex;
  box-sizing: border-box;
  height: 24px;
  align-items: center;
  justify-content: center;
  padding: 5px 12px 5px 10px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #333;
  background: #f1f1f1;
}

.NestingCard_tag {
  font-weight: 700;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/HorizontalCard/HorizontalCard.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.HorizontalCard_horizontal-card-wrapper {
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  border-radius: 8px;
  width: 100%;
  height: auto;
}

.HorizontalCard_horizontal-card-image {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 80px;
  overflow: hidden;
  flex: 0 0 auto;
}

.HorizontalCard_horizontal-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.HorizontalCard_horizontal-card-body {
  background-color: #fff;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 16px;
  flex-grow: 1;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/FillFrameImage/FillFrameImage.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.FillFrameImage_image-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
}

.FillFrameImage_main-image {
  z-index: 5;
  width: 100%;
  object-fit: cover;
}

.FillFrameImage_overlay {
  z-index: 1;
  position: absolute;
  background-color: #fff;
  opacity: 25%;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

.FillFrameImage_background-image {
  z-index: 0;
  height: 100%;
  width: 100%;
  transform: scale(1.1);
  position: absolute;
  filter: blur(8px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Tabs/Tabs.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Tabs_tabs {
  border-bottom: 1px solid #c6c6c6;
  display: flex;
  width: 100%;
}

.Tabs_tabs-filled {
  display: flex;
}

@media screen and (max-width: 768px) {
  .Tabs_enableResponsiveSelect {
    display: none;
  }
}

.Tabs_embeddedInCard {
  margin-top: -4px;
  margin-bottom: 8px;
}

.Tabs_tabs_select {
  display: none;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .Tabs_tabs_select {
    display: flex;
  }
}

.Tabs_tabs_select_trigger {
  border-radius: 12px;
  color: #2a5cdb;
  padding: 0 24px;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
.Tabs_tabs_select_trigger svg {
  margin-left: 16px;
}

.Tabs_tabs_select_trigger[aria-expanded=true] {
  border-radius: 12px 12px 0 0;
  border-bottom: thin dashed #2a5cdb;
}

.Tabs_tabs_select_trigger:focus {
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1) !important;
}

.Tabs_tabs_select_menu {
  border-radius: 0 0 12px 12px;
  margin: 1px 0 0 0;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
  max-height: unset;
  padding: 0;
  border-top: 0;
}
.Tabs_tabs_select_menu button {
  padding: 16px 0;
  border-bottom: 1px solid #f1f1f1;
  width: calc(100% - 48px);
  margin: auto;
  color: #666;
}
.Tabs_tabs_select_menu button:hover {
  background-color: #f1f1f1 !important;
  width: 100%;
  padding: 16px 24px;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Tabs/Tab.scss ***!
  \*************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Tab_tab {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: #666;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  outline: none;
  letter-spacing: 1.15px;
  padding: 0 0 16px;
  text-decoration: none;
  text-transform: uppercase;
}
.Tab_tab[disabled] {
  cursor: default;
  opacity: 0.5;
}
.Tab_tab + .Tab_tab {
  margin-left: 40px;
}
.Tab_tab--compact + .Tab_tab--compact {
  margin-left: 24px;
}
.Tab_tab:focus:not([disabled]) {
  outline: auto;
}
.Tab_tab:hover:not([disabled]) {
  color: #1b409e;
  border-bottom: 2px solid #1b409e;
  padding-bottom: 14px;
  font-weight: 600;
}
.Tab_tab--active {
  color: #2a5cdb;
  border-bottom: 2px solid #2a5cdb;
  padding-bottom: 14px;
  font-weight: 600;
}
.Tab_tab--active:hover:not([disabled]) {
  color: #2a5cdb;
}

.Tab_tab-filled {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 20px;
  align-items: center;
  background-color: transparent;
  border-top: 1px solid #2a5cdb;
  border-bottom: 1px solid #2a5cdb;
  border-left: 1px solid #2a5cdb;
  border-right: none;
  color: #2a5cdb;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  fill: #fff;
  height: 40px;
  margin: 0px;
  padding: 8px 16px;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
}
.Tab_tab-filled[disabled] {
  cursor: default;
  opacity: 0.5;
}
.Tab_tab-filled:hover:not([disabled]) {
  color: #fff;
  fill: #2a5cdb;
  background-color: #2a5cdb;
}
.Tab_tab-filled--active {
  color: #fff;
  fill: #2a5cdb;
  background-color: #2a5cdb;
}
.Tab_tab-filled:first-child {
  border-radius: 4px 0px 0px 4px;
}
.Tab_tab-filled:last-child {
  border-radius: 0px 4px 4px 0px;
  border-right: 1px solid #2a5cdb;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/Drawer/Drawer.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.Drawer_drawer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  min-width: 100px;
  max-width: 90vw;
  background: #fff;
  transform: translateX(110%);
  will-change: transform, box-shadow;
  transition: 0.2s cubic-bezier(0, 1, 0.03, 1) transform;
  z-index: 100;
}
@media screen and (max-width: 450px) {
  .Drawer_drawer {
    left: 0;
    max-width: 100vw;
  }
}

.Drawer_drawerOpen {
  transform: translateX(0);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5), 0 0 0 9999px rgba(0, 0, 0, 0.25);
}

.Drawer_drawerNoShadow {
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
}

.Drawer_drawerFixedPosition {
  position: fixed;
}

.Drawer_drawerButton {
  position: absolute;
  top: 10px;
  right: 12px;
}

.Drawer_drawerScrollContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.Drawer_tabIndexVisibility {
  display: flex !important;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.Drawer_drawerContentWrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 12px;
}

.Drawer_drawerContentWrapper:before {
  position: absolute;
  background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0));
  content: " ";
  top: 0;
  right: 0;
  left: 0;
  height: 16px;
  z-index: 1;
}

.Drawer_drawerContentWrapper:after {
  position: absolute;
  background: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0));
  content: " ";
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: 16px;
  z-index: 1;
}

.Drawer_drawerContent {
  padding: 12px 24px;
  -webkit-overflow-scrolling: touch;
  pointer-events: auto;
  transform: translateZ(0);
  backface-visibility: hidden;
  overflow-y: scroll;
  flex-grow: 1;
  scrollbar-color: #ddd transparent;
  scrollbar-width: thin;
  overscroll-behavior: contain;
}

.Drawer_drawerHeaderContainer {
  padding: 0 24px;
}

.Drawer_drawerHeaderWrapper {
  padding: 16px 0 0;
}
.Drawer_drawerHeaderWrapper h3 {
  padding: 0 0 12px;
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.1px;
  line-height: 30px;
  margin: 0;
}

.Drawer_drawerFooterContainer {
  padding: 24px 0;
}

.Drawer_drawerFooterWrapper {
  display: flex;
  align-items: center;
  padding-top: 24px;
}

.Drawer_drawerFooterAction + .Drawer_drawerFooterAction {
  margin-left: 12px;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/SearchWithTypeAhead/SearchWithTypeAhead.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.SearchWithTypeAhead_searchWithTypeAhead {
  position: relative;
  width: 100%;
  max-width: 448px;
}

.SearchWithTypeAhead_fullWidth {
  max-width: none;
}

.SearchWithTypeAhead_resultsWrapper {
  opacity: 0;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  transform: translateY(-4px);
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 175px;
  border: 1px solid #2a5cdb;
  box-shadow: 0 0 0 1px #2a5cdb;
  border-top: 1px dashed #2a5cdb;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  pointer-events: none;
}

.SearchWithTypeAhead_resultsWrapperVisible {
  opacity: 1;
  z-index: 1;
  pointer-events: auto;
}

.SearchWithTypeAhead_searchIcon {
  position: absolute;
  right: 0;
  top: 0;
}

.SearchWithTypeAhead_clearIcon {
  position: absolute;
  right: 30px;
  top: 0;
}

.SearchWithTypeAhead_singleButton {
  padding-right: 40px;
}

.SearchWithTypeAhead_doubleButton {
  padding-right: 70px;
}

.SearchWithTypeAhead_button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  box-sizing: content-box;
  min-height: 40px;
  min-width: 40px;
  max-height: 40px;
  max-width: 40px;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/SearchWithTypeAhead/UserSearchWithTypeAhead.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.UserSearchWithTypeAhead_userRow {
  padding: 8px 0;
  width: 100%;
  overflow: hidden;
  justify-content: flex-start;
  display: flex;
  cursor: pointer;
  border: 0;
  text-align: left;
  background: #fff;
  padding-left: 16px;
  padding-right: 16px;
}

.UserSearchWithTypeAhead_userRowSelected {
  background: #eef2fc;
  outline: none;
}

.UserSearchWithTypeAhead_profilePic {
  padding-right: 16px;
}

.UserSearchWithTypeAhead_profilePicContainer {
  padding: 1px;
}

.UserSearchWithTypeAhead_name {
  overflow: hidden;
  flex-shrink: 0;
}

.UserSearchWithTypeAhead_trim {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.5;
  color: #333;
}
.UserSearchWithTypeAhead_trim--helperText {
  line-height: 1.5;
  color: #666;
}

.UserSearchWithTypeAhead_tag {
  padding: 8px 0 8px 8px;
  margin-left: auto;
}

.UserSearchWithTypeAhead_searchFor {
  padding: 8px;
  background: transparent;
  border: 0;
  display: block;
  cursor: pointer;
  width: 100%;
  text-align: left;
  color: #949494;
}

.UserSearchWithTypeAhead_searchForQuery {
  font-weight: bold;
  color: #333;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/SearchWithTypeAhead/EntitySearchBar.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.EntitySearchBar_entityRow {
  min-height: 45px;
  width: 100%;
  overflow: hidden;
  justify-content: flex-start;
  display: flex;
  cursor: pointer;
  border: 0;
  text-align: left;
  align-items: center;
  border-top: 1px solid #f1f1f1;
  background: #fff;
  padding-left: 16px;
  padding-right: 16px;
}

.EntitySearchBar_entityRowSelected {
  background: #eef2fc;
  outline: none;
}

.EntitySearchBar_name {
  overflow: hidden;
}

.EntitySearchBar_trim {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.5;
  color: #333;
}

.EntitySearchBar_searchFor {
  width: 100%;
  justify-content: left;
}
.EntitySearchBar_searchFor:focus {
  box-shadow: none !important;
}

.EntitySearchBar_query {
  color: #333;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../packages/confetti/src/components/SelectAndSort/SelectAndSort.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.SelectAndSort_header-label {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  color: #000;
  margin-bottom: 4px;
}

.SelectAndSort_info-text {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 20px;
  color: #000;
  margin-bottom: 16px;
}

.SelectAndSort_list-item-text {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: #333;
}

.SelectAndSort_fixed-list-item-clear-and-space {
  list-style: none;
  margin-bottom: 5px;
}

.SelectAndSort_selected-list-item-clear-and-space {
  list-style: none;
  margin-bottom: 2px;
}

.SelectAndSort_list-item-clear-and-space {
  list-style: none;
  margin-bottom: 8px;
}

.SelectAndSort_unordered-list-container {
  padding: 0;
}

.SelectAndSort_list-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.SelectAndSort_error-text {
  color: #333;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 20px;
  color: #f3224d;
  margin-top: 16px;
}

.SelectAndSort_storybook-container {
  width: 400px;
}

.SelectAndSort_icon-button {
  color: #2a5cdb;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./ui/components/errorBoundary.scss ***!
  \*******************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.errorBoundary_container {
  min-height: 100vh;
  padding: 48px 24px;
  text-align: center;
  background-color: #f9f9f9;
}

.errorBoundary_illustration {
  width: 300px;
  max-width: 90%;
  height: auto;
}
.errorBoundary_illustration svg {
  width: 100%;
  height: auto;
}

.errorBoundary_message {
  max-width: 500px;
  color: #666;
  line-height: 1.6;
}

.errorBoundary_errorDetails {
  max-width: 600px;
  color: #999;
  font-family: monospace;
  word-break: break-word;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./ui/components/base/constellationWrapper.scss ***!
  \*******************************************************************************************************************************************************************************************************/
/* stylelint-disable property-no-unknown */

.bodyScrollbarDisplayNone::-webkit-scrollbar {
  display: none;
}

.bodyScrollbarDisplayNone {
  /* For Firefox */
  -ms-overflow-style: none; /* IE */
  scrollbar-width: none; /* Firefox */
}

.constellationWrapper_constellation-header {
  height: 96px;
  padding: 0px 80px;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}

.constellationWrapper_constellation-wrapper {
  padding: 0px 80px;
}

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