npm - @7shifts/sous-chef - Versions diffs - 2.14.0 → 2.15.0 - Mend

@7shifts/sous-chef 2.14.0 → 2.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/index.css +42 -2967
package/dist/index.js +1 -7038
package/dist/index.js.map +1 -1
package/dist/index.modern.js +1 -6864
package/dist/index.modern.js.map +1 -1
package/dist/overlay/Modal/Modal.d.ts +2 -1
package/dist/overlay/Modal/ModalBody/useScrollShadow.d.ts +7 -0
package/package.json +5 -1

package/dist/index.css CHANGED Viewed

@@ -1,2967 +1,42 @@
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._v0AEt {
-  font-family: "Proxima Nova", sans-serif;
-  position: absolute;
-  list-style: none;
-  min-width: 160px;
-  margin: 2px 0 0 0;
-  padding: 5px 0;
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  background: #fff;
-  margin-top: 8px;
-  z-index: 9999;
-  opacity: 0;
-  transform-origin: top right;
-  transform: scale(0);
-  visibility: hidden;
-}
-._lxd1B {
-  opacity: 1;
-  transform: scale(1);
-  visibility: visible;
-}
-._IRJ4j {
-  padding: 12px 20px;
-  font-size: 14px;
-  line-height: 20px;
-  display: flex;
-  cursor: pointer;
-  white-space: nowrap;
-  color: #555;
-}
-._IRJ4j:hover {
-  background: #f8f8f8;
-}
-._3-eyQ {
-  display: flex;
-}
-._3-eyQ .form__group {
-  margin: 0;
-}
-._kf0KG {
-  align-items: center;
-}
-._3xCGO {
-  align-items: flex-end;
-}
-._3R2c9 {
-  align-items: flex-start;
-}
-._Zvv8e {
-  justify-content: center;
-}
-._2hBMj {
-  justify-content: flex-end;
-}
-._3hKWn {
-  justify-content: space-between;
-}
-._3ACwY {
-  justify-content: flex-start;
-}
-._2pujZ {
-  display: inline-flex;
-}
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._2wtfD {
-  -webkit-animation: _2Jprn 1.4s linear infinite;
-          animation: _2Jprn 1.4s linear infinite;
-}
-._Jmh8M {
-  display: flex;
-  justify-content: center;
-  padding: 20px;
-}
-@-webkit-keyframes _2Jprn {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(270deg);
-  }
-}
-@keyframes _2Jprn {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(270deg);
-  }
-}
-._3zucL {
-  stroke-dasharray: 187;
-  stroke-dashoffset: 0;
-  stroke: #fb7448;
-  transform-origin: center;
-  -webkit-animation: _3ZqYM 1.4s ease-in-out infinite;
-          animation: _3ZqYM 1.4s ease-in-out infinite;
-}
-._3XYKx {
-  stroke: #3abda9;
-}
-._1pYbs {
-  stroke: #c1c1c1;
-}
-._3ofDF {
-  stroke: #fff;
-}
-._e0OH1 {
-  stroke: url(#prideGradient);
-}
-@-webkit-keyframes _3ZqYM {
-  0% {
-    stroke-dashoffset: 187;
-  }
-  50% {
-    stroke-dashoffset: 46.75;
-    transform: rotate(135deg);
-  }
-  100% {
-    stroke-dashoffset: 187;
-    transform: rotate(450deg);
-  }
-}
-@keyframes _3ZqYM {
-  0% {
-    stroke-dashoffset: 187;
-  }
-  50% {
-    stroke-dashoffset: 46.75;
-    transform: rotate(135deg);
-  }
-  100% {
-    stroke-dashoffset: 187;
-    transform: rotate(450deg);
-  }
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._1P_xb {
-  display: inline-block;
-  position: relative;
-  text-align: left;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._3h-8V {
-  font-family: "Proxima Nova", sans-serif;
-  font-size: 14px;
-  position: fixed;
-  padding: 12px;
-  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
-  border-radius: 5px;
-  visibility: hidden;
-  opacity: 0;
-  transition: visibility 0s, opacity 0.05s linear;
-  max-width: 340px;
-}
-._zCaWg {
-  visibility: visible;
-  opacity: 1;
-}
-._2fg5c {
-  background: #464646;
-  color: #fff;
-}
-._1iXKZ {
-  background: #fff;
-  color: #555;
-}
-._2K2Xx {
-  font-weight: 600;
-}
-._3jWYe {
-  position: fixed;
-  width: 0;
-  height: 0;
-  border-top: 12px solid;
-  border-right: 12px solid transparent;
-  visibility: hidden;
-  opacity: 0;
-  transition: visibility 0s, opacity 0.05s linear;
-}
-._1zh1g {
-  transform: rotate(225deg);
-}
-._Pr0TW {
-  transform: rotate(45deg);
-}
-._3eQWu {
-  visibility: visible;
-  opacity: 1;
-}
-._2l-Dg {
-  border-top-color: #464646;
-  color: #fff;
-}
-._2LAWl {
-  border-top-color: #fff;
-  color: #555;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._1SQ_p {
-  font-family: "Proxima Nova", sans-serif;
-  font-weight: 600;
-  font-size: 14px;
-  text-align: center;
-  line-height: 20px;
-  padding: 8px 12px;
-  border-radius: 4px;
-  border-width: 1px;
-  min-width: 38px;
-  min-height: 38px;
-  cursor: pointer;
-  display: inline-flex;
-  justify-content: center;
-  width: auto;
-  height: auto;
-  vertical-align: middle;
-  background-image: none;
-  white-space: nowrap;
-  box-sizing: border-box;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -o-user-select: none;
-  user-select: none;
-  text-decoration: none;
-  border-style: solid;
-  text-shadow: none;
-  box-shadow: none;
-}
-._1SQ_p svg {
-  fill: currentColor;
-  width: 16px;
-  height: 16px;
-}
-._1SQ_p:focus {
-  box-shadow: 0 0 8px #a7b7ea;
-  outline: none;
-  text-decoration: none;
-}
-._1SQ_p:hover {
-  text-decoration: none;
-}
-._1SQ_p:active {
-  transform: scale(0.96);
-  outline: none;
-}
-._1SQ_p:disabled {
-  cursor: default;
-  pointer-events: none;
-  box-shadow: none;
-}
-._1g1Zw > :not(._3TAU6) {
-  opacity: 0;
-}
-._3TAU6 {
-  position: absolute;
-  margin-top: 2px;
-}
-._1R_gC {
-  min-width: 100px;
-}
-._3ig9y {
-  padding: 8px;
-}
-._3OB2g {
-  background: #f8f8f8;
-  border-color: #c1c1c1;
-  color: #555;
-}
-._3OB2g:hover {
-  background: #e0e0e0;
-  border-color: #929292;
-  color: #464646;
-}
-._3OB2g:disabled {
-  background: #f8f8f8;
-  border-color: #e0e0e0;
-  color: #c1c1c1;
-}
-._3OB2g[aria-disabled=true] {
-  background: #f8f8f8;
-  border-color: #e0e0e0;
-  color: #c1c1c1;
-}
-._2RivT {
-  background: #3abda9;
-  border-color: #3abda9;
-  color: #fff;
-}
-._2RivT:hover {
-  background: #35ac9a;
-  border-color: #35ac9a;
-  color: #fff;
-}
-._2RivT:disabled {
-  background: #8de4d7;
-  border-color: #8de4d7;
-  color: #fff;
-}
-._2RivT[aria-disabled=true] {
-  background: #8de4d7;
-  border-color: #8de4d7;
-  color: #fff;
-}
-._3T8M_ {
-  background: #e76767;
-  border-color: #e76767;
-  color: #fff;
-}
-._3T8M_:hover {
-  background: #cf5c5c;
-  border-color: #cf5c5c;
-  color: #fff;
-}
-._3T8M_:disabled {
-  background: #f0a3a3;
-  border-color: #f0a3a3;
-  color: #fff;
-}
-._3T8M_[aria-disabled=true] {
-  background: #f0a3a3;
-  border-color: #f0a3a3;
-  color: #fff;
-}
-._1AYVC {
-  background: #6d87dd;
-  border-color: #6d87dd;
-  color: #fff;
-}
-._1AYVC:hover {
-  background: #6179c6;
-  border-color: #6179c6;
-  color: #fff;
-}
-._1AYVC:disabled {
-  background: #a7b7ea;
-  border-color: #a7b7ea;
-  color: #fff;
-}
-._1AYVC[aria-disabled=true] {
-  background: #a7b7ea;
-  border-color: #a7b7ea;
-  color: #fff;
-}
-._34HiE {
-  background: #fb7448;
-  border-color: #fb7448;
-  color: #fff;
-}
-._34HiE:hover {
-  background: #e16840;
-  border-color: #e16840;
-  color: #fff;
-}
-._34HiE:disabled {
-  background: #fcab91;
-  border-color: #fcab91;
-  color: #fff;
-}
-._34HiE[aria-disabled=true] {
-  background: #fcab91;
-  border-color: #fcab91;
-  color: #fff;
-}
-._3BrS0 {
-  background: transparent;
-  border-color: #c1c1c1;
-  color: #555;
-}
-._3BrS0:hover {
-  background: rgba(0, 0, 0, 0.03);
-  border-color: #929292;
-  color: #464646;
-}
-._3BrS0:disabled {
-  background: transparent;
-  border-color: #e0e0e0;
-  color: #c1c1c1;
-}
-._3BrS0[aria-disabled=true] {
-  background: transparent;
-  border-color: #e0e0e0;
-  color: #c1c1c1;
-}
-._1LCBO {
-  background: transparent;
-  border-color: transparent;
-  color: #fff;
-}
-._1LCBO:hover {
-  background: rgba(255, 255, 255, 0.1);
-  border-color: rgba(255, 255, 255, 0.1);
-  color: #fff;
-}
-._1LCBO:disabled {
-  background: transparent;
-  border-color: transparent;
-  color: #c1c1c1;
-}
-._1LCBO[aria-disabled=true] {
-  background: transparent;
-  border-color: transparent;
-  color: #c1c1c1;
-}
-._23S36 {
-  background: transparent;
-  border-color: transparent;
-  color: #5bc0de;
-}
-._23S36:hover {
-  background: rgba(0, 0, 0, 0.03);
-  border-color: #f8f8f8;
-  color: #51acc7;
-}
-._23S36:disabled {
-  background: transparent;
-  border-color: transparent;
-  color: #c1c1c1;
-}
-._23S36[aria-disabled=true] {
-  background: transparent;
-  border-color: transparent;
-  color: #c1c1c1;
-}
-._2CzxI {
-  background: transparent;
-  border-color: transparent;
-  color: #e76767;
-}
-._2CzxI:hover {
-  background: rgba(0, 0, 0, 0.03);
-  border-color: #f8f8f8;
-  color: #cf5c5c;
-}
-._2CzxI:disabled {
-  background: transparent;
-  border-color: transparent;
-  color: #c1c1c1;
-}
-._2CzxI[aria-disabled=true] {
-  background: transparent;
-  border-color: transparent;
-  color: #c1c1c1;
-}
-._21e4m {
-  background: transparent;
-  border-color: transparent;
-  color: #6d87dd;
-}
-._21e4m:hover {
-  background: rgba(0, 0, 0, 0.03);
-  border-color: #f8f8f8;
-  color: #6179c6;
-}
-._21e4m:disabled {
-  background: transparent;
-  border-color: transparent;
-  color: #c1c1c1;
-}
-._21e4m[aria-disabled=true] {
-  background: transparent;
-  border-color: transparent;
-  color: #c1c1c1;
-}
-._2-ESu {
-  background: transparent;
-  border-color: transparent;
-  color: #555;
-}
-._2-ESu:hover {
-  background: rgba(0, 0, 0, 0.03);
-  border-color: #f8f8f8;
-  color: #555;
-}
-._2-ESu:disabled {
-  background: transparent;
-  border-color: transparent;
-  color: #c1c1c1;
-}
-._2-ESu[aria-disabled=true] {
-  background: transparent;
-  border-color: transparent;
-  color: #c1c1c1;
-}
-._1u3kp {
-  background: transparent;
-  border-color: transparent;
-  color: #929292;
-}
-._1u3kp:hover {
-  background: rgba(0, 0, 0, 0.03);
-  border-color: #f8f8f8;
-  color: #929292;
-}
-._1u3kp:disabled {
-  background: transparent;
-  border-color: transparent;
-  color: #c1c1c1;
-}
-._1u3kp[aria-disabled=true] {
-  background: transparent;
-  border-color: transparent;
-  color: #c1c1c1;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._3DlpO {
-  display: flex;
-  padding: 16px;
-  border: 1px solid #fff;
-  border-bottom: 1px solid #e0e0e0;
-}
-._3DlpO:last-child:not(._NS-B9) {
-  border-bottom: 1px solid #fff;
-}
-._3DlpO:focus:not(:focus-visible) {
-  /* Remove the focus indicator on mouse-focus for browsers
-     that do support :focus-visible */
-  outline: none;
-}
-._2jPpF {
-  cursor: pointer;
-}
-._2jPpF:hover {
-  background-color: #f8f8f8;
-}
-._NS-B9 {
-  border: 1px solid #6d87dd;
-  box-sizing: border-box;
-  box-shadow: 0 0 8px #a7b7ea;
-}
-._NS-B9:first-child {
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
-}
-._NS-B9:first-child:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-._NS-B9:last-child {
-  border-bottom-left-radius: 8px;
-  border-bottom-right-radius: 8px;
-}
-._NS-B9:last-child:not(:first-child) {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-._3ENNn {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  position: relative;
-}
-._1FTaE {
-  width: 40px;
-}
-/**
-This file probaly will be split when we split the components
-*/
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._28AYq {
-  display: flex;
-  font-size: 12px;
-  font-weight: 600;
-  font-family: "Proxima Nova", sans-serif;
-  color: #555;
-  padding: 19px 17px 8px 17px;
-}
-._3-nHz {
-  display: flex;
-  align-items: center;
-  line-height: 21px;
-}
-._2Rh0i {
-  cursor: pointer;
-}
-._3-nHz:focus:not(:focus-visible) {
-  /* Remove the focus indicator on mouse-focus for browsers
-     that do support :focus-visible */
-  outline: none;
-}
-._2fGMK {
-  width: 40px;
-}
-._W7CnY {
-  display: inline-block;
-  padding: 0 8px;
-  line-height: 1em;
-}
-._2ygIH {
-  border: 1px solid #c1c1c1;
-  border-radius: 8px;
-  font-family: "Proxima Nova", sans-serif;
-  font-size: 14px;
-}
-._2cqhY {
-  margin-top: 20px;
-  font-family: "Proxima Nova", sans-serif;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._1IynL button:disabled {
-  border-color: #c1c1c1;
-}
-._1IynL button:last-child {
-  border-radius: 0 4px 4px 0;
-  margin-left: -1px;
-}
-._1IynL button:first-child {
-  border-radius: 4px 0 0 4px;
-}
-._1IynL button:not(:first-child):not(:last-child) {
-  border-radius: 0;
-  margin-left: -1px;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._1d8Ci {
-  display: flex;
-}
-._1d8Ci:not(:last-child):not(._3tb7U) {
-  border-bottom: 1px solid #e0e0e0;
-}
-._1d8Ci:focus:not(:focus-visible) {
-  /* Remove the focus indicator on mouse-focus for browsers
-     that do support :focus-visible */
-  outline: none;
-}
-._thFcO {
-  cursor: pointer;
-}
-._thFcO:hover {
-  background-color: #f8f8f8;
-}
-._3tb7U {
-  border: 1px solid #6d87dd;
-  box-sizing: border-box;
-  box-shadow: 0 0 8px #a7b7ea;
-}
-._3tb7U:first-child {
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
-}
-._3tb7U:first-child:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-._3tb7U:last-child {
-  border-bottom-left-radius: 8px;
-  border-bottom-right-radius: 8px;
-}
-._3tb7U:last-child:not(:first-child) {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-._OTcMc {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  position: relative;
-}
-._lNHQ8 {
-  padding: 16px;
-}
-._13YLe {
-  flex-direction: unset;
-  justify-content: flex-end;
-}
-._1rrRr:not(:last-child) {
-  border-right: 1px solid #e0e0e0;
-}
-._azbIG {
-  width: 40px;
-  padding: 16px;
-  box-sizing: content-box;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._1QDLF {
-  color: #555;
-  font-family: "Proxima Nova", sans-serif;
-  font-weight: 400;
-  font-size: 12px;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._2wiMV {
-  line-height: normal;
-  padding: 0;
-  width: auto;
-  float: none;
-  color: #555;
-  font-family: "Proxima Nova", sans-serif;
-  font-weight: 600;
-  font-size: 14px;
-  min-height: 16px;
-}
-/**
-This component is built with acessibility in mind.
-The `<input type="checkbox" />` is not removed from screen or changed its `apparence`. It would mess up with the `outline`.
-Instead we are keeping it on the screen with a `opacity: 0`. When it is active we turn the `outline` on the upper class to keep the native bahaviour.
-Just for future references:
-`.toggle [type='checkbox']` = input checkbox
-`.toggle__switch::before`   = toggle bottom layer
-`.toggle__switch::after`    = toggle knub
-*/
-._1ui8X {
-  display: inline-flex;
-  align-items: center;
-}
-._1YRJT {
-  line-height: normal;
-  padding: 0;
-  width: auto;
-  float: none;
-  color: #555;
-  font-family: "Proxima Nova", sans-serif;
-  font-weight: 600;
-  font-size: 14px;
-  min-height: 16px;
-  margin-left: 8px;
-}
-._1jEiW {
-  color: #555;
-  font-family: "Proxima Nova", sans-serif;
-  font-weight: 400;
-  font-size: 12px;
-  margin-left: 48px;
-  display: block;
-}
-._1ui8X [type=checkbox] {
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-}
-._3tNyE {
-  position: relative;
-  cursor: pointer;
-}
-/* default states */
-._3tNyE::before {
-  content: "";
-  display: block;
-  background: #c1c1c1;
-  transition: all ease-in-out 150ms;
-  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.03);
-  border-radius: 26px;
-  height: 20px;
-  width: 40px;
-}
-._3tNyE::after {
-  content: "";
-  display: block;
-  position: absolute;
-  left: 2px;
-  right: 21px;
-  top: 2px;
-  background: #fff;
-  border: 1px solid #c1c1c1;
-  border-radius: 24px;
-  height: 14px;
-  width: 14px;
-  transition: all ease-in-out 150ms;
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.03);
-}
-/* special states */
-._1ui8X [type=checkbox]:focus-visible + ._3tNyE {
-  outline: #6d87dd solid 1px;
-}
-._1ui8X [type=checkbox]:disabled + ._3tNyE {
-  opacity: 0.4;
-  cursor: default;
-}
-._1ui8X [type=checkbox]:disabled + ._3tNyE::after {
-  box-shadow: none;
-}
-/* checked states */
-._1ui8X [type=checkbox]:checked + ._3tNyE::before {
-  background: #3abda9;
-}
-._1ui8X [type=checkbox]:checked + ._3tNyE::after {
-  border-color: #3abda9;
-  left: 21px;
-  right: 2px;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._of22N {
-  display: flex;
-  font-size: 12px;
-  font-weight: 600;
-  font-family: "Proxima Nova", sans-serif;
-  color: #555;
-  padding: 20px 17px 8px 17px;
-}
-._27x4v {
-  display: flex;
-  align-items: center;
-  line-height: 21px;
-}
-._27x4v:not(._27x4v:first-child) {
-  padding-left: 16px;
-}
-._27x4v:not(._27x4v:last-child) {
-  padding-right: 16px;
-}
-._3gw3Z {
-  cursor: pointer;
-}
-._Fjm2n {
-  justify-content: flex-end;
-}
-._27x4v:focus:not(:focus-visible) {
-  /* Remove the focus indicator on mouse-focus for browsers
-     that do support :focus-visible */
-  outline: none;
-}
-._LoIvx {
-  width: 40px;
-  box-sizing: content-box;
-}
-._3VjFP {
-  display: inline-block;
-  padding: 0 8px;
-  line-height: 1em;
-}
-._1bTmd {
-  border: 1px solid #c1c1c1;
-  border-radius: 8px;
-  font-family: "Proxima Nova", sans-serif;
-  font-size: 14px;
-}
-._1opWx {
-  background: #f8f8f8;
-  font-weight: 600;
-}
-._F_spz {
-  margin-top: 20px;
-  font-family: "Proxima Nova", sans-serif;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._orjDM {
-  padding: 16px;
-}
-._3EpfF {
-  text-align: right;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._h724f {
-  line-height: normal;
-  padding: 0;
-  width: auto;
-  float: none;
-  color: #555;
-  font-family: "Proxima Nova", sans-serif;
-  font-weight: 600;
-  font-size: 14px;
-  min-height: 16px;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._1DWBq {
-  color: #555;
-  font-family: "Proxima Nova", sans-serif;
-  font-weight: 400;
-  font-size: 12px;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._nZ2MD {
-  color: #e76767;
-  font-family: "Proxima Nova", sans-serif;
-  font-weight: 400;
-  font-size: 12px;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._ybKOk {
-  position: relative;
-  display: flex;
-  flex: 1;
-}
-._2COk3 input {
-  padding-left: 21px;
-}
-._1xXXN input {
-  padding-right: 21px;
-}
-._eX5OL {
-  position: absolute;
-  line-height: 22px;
-  padding: 8px;
-  color: #555;
-  min-width: 8px;
-  pointer-events: none;
-  font-size: 14px;
-  font-family: "Proxima Nova", sans-serif;
-  box-sizing: content-box;
-  display: flex;
-  align-items: center;
-  height: 22px;
-  top: 0;
-  bottom: 0;
-  margin-top: auto;
-  margin-bottom: auto;
-  text-align: left;
-}
-._eX5OL svg {
-  color: #929292;
-}
-.__YH01 {
-  position: absolute;
-  line-height: 22px;
-  padding: 8px;
-  color: #555;
-  min-width: 8px;
-  pointer-events: none;
-  font-size: 14px;
-  font-family: "Proxima Nova", sans-serif;
-  box-sizing: content-box;
-  display: flex;
-  align-items: center;
-  height: 22px;
-  top: 0;
-  bottom: 0;
-  margin-top: auto;
-  margin-bottom: auto;
-  right: 0;
-  text-align: right;
-}
-.__YH01 svg {
-  color: #929292;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._kIngZ {
-  width: 100%;
-}
-._kIngZ input {
-  border: 1px solid transparent;
-  display: flex;
-  justify-content: flex-end;
-  background: transparent;
-  padding: 16px;
-  width: 100%;
-  font-size: 14px;
-  font-family: "Proxima Nova", sans-serif;
-  border-radius: 0;
-}
-._kIngZ input:focus {
-  border-color: #6d87dd;
-  box-shadow: 0 0 8px #a7b7ea;
-  outline: none;
-}
-._kIngZ input:hover {
-  background: #f8f8f8;
-}
-._3_QIj {
-  text-align: right;
-}
-._2Kyuc {
-  /* Firefox */
-}
-._2Kyuc input::-webkit-outer-spin-button,
-._2Kyuc input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-._2Kyuc input[type=number] {
-  -moz-appearance: textfield;
-}
-._y9SBQ._y9SBQ {
-  border-color: #e76767;
-}
-._32mWH._32mWH {
-  border-top-left-radius: 8px;
-}
-._3Jg2-._3Jg2- {
-  border-top-right-radius: 8px;
-}
-._1F5fj._1F5fj {
-  border-bottom-left-radius: 8px;
-}
-._1fTTW._1fTTW {
-  border-bottom-right-radius: 8px;
-}
-._3CaV0 {
-  max-width: 500px;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._BkzdC {
-  border-radius: 4px;
-  padding: 7px;
-  box-shadow: none;
-  border: 1px solid #c1c1c1;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-width: 90px;
-}
-._BkzdC textarea {
-  line-height: 22px;
-  font-size: 14px;
-  font-family: "Proxima Nova", sans-serif;
-  color: #555;
-  margin: 0;
-  border: none;
-  resize: none;
-  width: auto;
-  height: auto;
-  padding: 0;
-}
-._BkzdC textarea:focus {
-  outline: none;
-}
-._BkzdC textarea:disabled {
-  background-color: #f8f8f8;
-}
-._Rop31 {
-  border: 1px solid #6d87dd;
-  box-shadow: 0 0 8px #a7b7ea;
-  outline: none;
-}
-._2x3Cm {
-  background-color: #f8f8f8;
-}
-._3zOwV {
-  border-color: #e76767 !important;
-}
-._rQqnL {
-  margin-top: 5px;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._20YOA {
-  padding: 7px;
-  line-height: 22px;
-  border-radius: 4px;
-  font-size: 14px;
-  font-family: "Proxima Nova", sans-serif;
-  color: #555;
-  box-shadow: none;
-  border: 1px solid #c1c1c1;
-  margin: 0;
-  flex: 1;
-  min-width: 90px;
-}
-._20YOA:focus {
-  border: 1px solid #6d87dd;
-  box-shadow: 0 0 8px #a7b7ea;
-  outline: none;
-}
-._20YOA:disabled {
-  background-color: #f8f8f8;
-  color: #929292;
-}
-._3kUSh {
-  border-color: #e76767 !important;
-}
-._3IU3Q {
-  border-left: 0 !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  color: #929292;
-}
-._QXJOD {
-  border-right: 0 !important;
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._2sg0c {
-  position: relative;
-}
-._2LdrP {
-  padding-left: 24px;
-}
-._2sg0c input {
-  position: absolute;
-  opacity: 0;
-  cursor: pointer;
-  z-index: 1;
-  width: 16px;
-  height: 16px;
-  right: 0;
-}
-._2mA8e {
-  display: block;
-  top: 0;
-  left: 0;
-  height: 14px;
-  width: 14px;
-  background-color: transparent;
-  border-radius: 4px;
-  border: 1px solid #e0e0e0;
-  box-shadow: inset 0 1px 4px -2px #e0e0e0;
-}
-._2mA8e::after {
-  position: absolute;
-  content: "";
-  opacity: 0;
-}
-input:checked ~ ._2mA8e {
-  background-color: #4d89f5;
-  border-radius: 4px;
-  transform: rotate(0deg) scale(1);
-  opacity: 1;
-  border: 1px solid #8cb5f4;
-}
-input:checked ~ ._2mA8e::after {
-  opacity: 1;
-  transform: rotate(45deg) scale(1);
-  left: 4px;
-  top: 1px;
-  width: 4px;
-  height: 8px;
-  border: solid #fff;
-  border-width: 0 2px 2px 0;
-  background-color: transparent;
-  border-radius: 0;
-}
-input:focus-visible + ._2mA8e {
-  outline: #6d87dd solid 1px;
-}
-input:disabled + ._2mA8e {
-  background-color: #f8f8f8;
-  border: 1px solid #e0e0e0;
-}
-input:disabled + ._2mA8e::after {
-  box-shadow: none;
-  border: solid #9f9f9f !important;
-  border-width: 0 2px 2px 0 !important;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._g6T-p {
-  position: relative;
-}
-._g6T-p input {
-  position: absolute;
-  opacity: 0;
-  z-index: 1;
-  width: 100%;
-  height: 100%;
-  right: 0;
-  box-sizing: border-box;
-}
-._g6T-p input:hover:not(:disabled) {
-  cursor: pointer;
-}
-._1i2AX {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: #fff;
-  font-size: 14px;
-  font-weight: 600;
-  padding: 8px;
-  border: 1px solid #e0e0e0;
-  border-radius: 25px;
-  min-height: 38px;
-  min-width: 60px;
-  text-align: center;
-  vertical-align: middle;
-  color: #555;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  transition: background-color 0.2s, color 0.2s;
-  text-transform: capitalize;
-  box-sizing: border-box;
-}
-input:hover ~ ._1i2AX {
-  background-color: #e0e0e0;
-  border-color: #e0e0e0;
-}
-input:checked:hover ~ ._1i2AX {
-  background-color: #e16840;
-  border-color: #e16840;
-}
-input:checked ~ ._1i2AX {
-  background-color: #fb7448;
-  border-color: #fb7448;
-  color: #fff;
-}
-input:disabled + ._1i2AX {
-  background-color: #f8f8f8;
-  border-color: #f8f8f8;
-  color: #929292;
-}
-input:disabled:checked + ._1i2AX {
-  background-color: #e16840;
-  border-color: #e16840;
-  color: #fff;
-}
-input:focus-visible + ._1i2AX {
-  border: 1px solid #6d87dd;
-  box-shadow: 0 0 8px #a7b7ea;
-  outline: none;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._1WGz2 {
-  line-height: normal;
-  padding: 0;
-  width: auto;
-  float: none;
-  color: #555;
-  font-family: "Proxima Nova", sans-serif;
-  font-weight: 600;
-  font-size: 14px;
-  min-height: 16px;
-}
-._RXyG_ {
-  line-height: normal;
-  padding: 0;
-  width: auto;
-  float: none;
-  color: #555;
-  font-family: "Proxima Nova", sans-serif;
-  font-weight: 600;
-  font-size: 14px;
-  min-height: 16px;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._1Clmp {
-  position: relative;
-}
-._3UmWA {
-  padding-left: 24px;
-}
-._1Clmp input {
-  position: absolute;
-  opacity: 0;
-  cursor: pointer;
-  z-index: 1;
-  width: 16px;
-  height: 16px;
-  right: 0;
-}
-._1tMq- {
-  display: block;
-  top: 0;
-  left: 0;
-  height: 14px;
-  width: 14px;
-  background-color: transparent;
-  border-radius: 50%;
-  border: 1px solid #e0e0e0;
-  box-shadow: inset 0 1px 4px -2px #e0e0e0;
-}
-._1tMq-::after {
-  position: absolute;
-  content: "";
-  opacity: 0;
-}
-input:checked ~ ._1tMq- {
-  background-color: #4d89f5;
-  border-radius: 50%;
-  transform: rotate(0deg) scale(1);
-  opacity: 1;
-  border: 1px solid #8cb5f4;
-}
-input:checked ~ ._1tMq-::after {
-  opacity: 1;
-  left: 5px;
-  top: 5px;
-  width: 4px;
-  height: 4px;
-  background-color: #fff;
-  border: none;
-  border-radius: 50%;
-}
-input:focus-visible + ._1tMq- {
-  outline: #6d87dd solid 1px;
-}
-input:disabled + ._1tMq- {
-  background-color: #f8f8f8;
-  border: 1px solid #e0e0e0;
-}
-input:disabled + ._1tMq-::after {
-  box-shadow: none;
-  border: solid #9f9f9f !important;
-  border-width: 0 2px 2px 0 !important;
-  background-color: #9f9f9f;
-  left: 4px;
-  top: 4px;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._18Rzv {
-  padding: 7px;
-  line-height: 22px;
-  border-radius: 4px;
-  font-size: 14px;
-  font-family: "Proxima Nova", sans-serif;
-  color: #555;
-  box-shadow: none;
-  border: 1px solid #c1c1c1;
-  margin: 0;
-  flex: 1;
-  min-width: 90px;
-}
-._18Rzv:focus {
-  border: 1px solid #6d87dd;
-  box-shadow: 0 0 8px #a7b7ea;
-  outline: none;
-}
-._18Rzv:disabled {
-  background-color: #f8f8f8;
-  color: #929292;
-}
-._3eD7t {
-  border-color: #e76767 !important;
-}
-._2evrG {
-  border-left: 0 !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  color: #929292;
-}
-._-MgeO {
-  border-right: 0 !important;
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-}
-._-Rf3c {
-  position: relative;
-  display: flex;
-  flex: 1;
-}
-._yinPY {
-  position: absolute;
-  cursor: pointer;
-  right: 7px;
-  top: 7px;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._U0krC {
-  color: #e0e0e0;
-  font-family: "Proxima Nova", sans-serif;
-}
-._2XIl4 {
-  color: #929292;
-  font-family: "Proxima Nova", sans-serif;
-}
-._1cDCR {
-  flex: 1;
-  display: "flex";
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._uC4zU {
-  font-family: "Proxima Nova", sans-serif;
-  font-weight: 16px;
-  font-size: 14px;
-  color: #929292;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  padding: 8px 12px;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._1btTx, ._1Sc9D {
-  padding: 7px;
-  line-height: 22px;
-  border-radius: 4px;
-  font-size: 14px;
-  font-family: "Proxima Nova", sans-serif;
-  color: #555;
-  box-shadow: none;
-  border: 1px solid #c1c1c1;
-  margin: 0;
-  flex: 1;
-  min-width: 90px;
-}
-._1btTx:focus, ._1Sc9D:focus {
-  border: 1px solid #6d87dd;
-  box-shadow: 0 0 8px #a7b7ea;
-  outline: none;
-}
-._1btTx:disabled, ._1Sc9D:disabled {
-  background-color: #f8f8f8;
-  color: #929292;
-}
-._2feYp, ._2SNat {
-  border-color: #e76767 !important;
-}
-._E18JV, ._jLolW {
-  border-left: 0 !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  color: #929292;
-}
-._27J43, ._3eTNi {
-  border-right: 0 !important;
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-}
-._1Sc9D {
-  padding-top: 8px;
-  padding-bottom: 6px;
-  width: 100%;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._v1b-5 {
-  flex: 1;
-  display: flex;
-  font-family: "Proxima Nova", sans-serif;
-}
-._3mrLu {
-  position: relative;
-  flex-direction: row;
-  padding-bottom: 1em;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-._1J9dh ._8FcQE {
-  cursor: default;
-}
-._1SPuq,
-._24FJ6 {
-  font-family: inherit;
-}
-._Oxdm9 {
-  display: none;
-  visibility: hidden;
-}
-._20uqc {
-  position: absolute;
-  top: 1em;
-  right: 1.5em;
-  left: auto;
-  display: inline-block;
-  margin-top: 2px;
-  color: #c1c1c1;
-  cursor: pointer;
-  background-image: none;
-  width: 0;
-  height: 0;
-  border-top: 7px solid transparent;
-  border-bottom: 7px solid transparent;
-  border-right: 10px solid #555;
-  margin-right: 1.5em;
-}
-._20uqc:hover {
-  opacity: 0.8;
-}
-._20uqc:hover {
-  border-right-color: #929292;
-}
-._3C53z {
-  position: absolute;
-  top: 1em;
-  right: 1.5em;
-  left: auto;
-  display: inline-block;
-  margin-top: 2px;
-  color: #c1c1c1;
-  cursor: pointer;
-  background-image: none;
-  width: 0;
-  height: 0;
-  border-top: 7px solid transparent;
-  border-bottom: 7px solid transparent;
-  border-left: 10px solid #555;
-}
-._3C53z:hover {
-  opacity: 0.8;
-}
-._3C53z:hover {
-  opacity: 0.8;
-  border-left-color: #929292;
-}
-._M_eHz {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-._3RPpJ {
-  display: table;
-  margin: 0 1em;
-  margin-top: 1em;
-  border-spacing: 0;
-  border-collapse: collapse;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-._1FXNw {
-  display: table-caption;
-  margin-bottom: 0.5em;
-  padding: 0 0.5em;
-  text-align: left;
-}
-._1FXNw > div {
-  font-weight: 600;
-  font-size: 20px;
-  color: #555;
-}
-._3KcRU {
-  display: table-header-group;
-  margin-top: 1em;
-}
-._1fO_e {
-  display: table-row;
-}
-._c1Y-X {
-  display: table-cell;
-  padding: 0.5em;
-  color: #929292;
-  text-align: center;
-  font-size: 0.875em;
-}
-._c1Y-X abbr[title] {
-  border-bottom: none;
-  text-decoration: none;
-}
-._34mA1 {
-  display: table-row-group;
-}
-._1PmqZ {
-  display: table-row;
-}
-._1AWH2 {
-  display: table-cell;
-  padding: 0.5em;
-  border-radius: 50%;
-  vertical-align: middle;
-  text-align: center;
-  cursor: pointer;
-}
-._1AWH2:not(._1J9dh):not(._3vJkw):not(._1DR0N):not(._276GV):hover {
-  background: #f8f8f8;
-}
-._2M5xr {
-  padding-top: 0.5em;
-}
-._3N6fj {
-  color: #fb7448;
-  font-weight: 700;
-}
-._1DR0N:not(._3vJkw):not(._276GV) {
-  background-color: #fdd5c8;
-  color: #fb7448;
-}
-._1DR0N:not(._3vJkw):not(._276GV):hover {
-  background-color: #fb7448;
-  color: #fff;
-}
-._1DR0N._3N6fj:hover {
-  color: #fff;
-}
-._3vJkw {
-  color: #e0e0e0;
-  cursor: default;
-}
-._276GV:not(._3vJkw) {
-  color: #c1c1c1;
-  cursor: default;
-}
-._3Zqgu {
-  position: relative;
-}
-._20Ncd {
-  position: absolute;
-  left: 0;
-  z-index: 1;
-  background: #fff;
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
-}
-._2hb-S {
-  display: table-cell;
-  padding: 0.5em;
-  min-width: 1em;
-  border-right: 1px solid #e0e0e0;
-  color: #c1c1c1;
-  vertical-align: middle;
-  text-align: right;
-  font-size: 0.75em;
-  cursor: pointer;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._1Ini2 {
-  flex: 1;
-  display: flex;
-  font-family: "Proxima Nova", sans-serif;
-}
-._21VnL {
-  position: relative;
-  flex-direction: row;
-  padding-bottom: 1em;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-._wJ6Cb ._1c48y {
-  cursor: default;
-}
-._3KwsN,
-._10CBO {
-  font-family: inherit;
-}
-._dHL-D {
-  display: none;
-  visibility: hidden;
-}
-._6kNi3 {
-  position: absolute;
-  top: 1em;
-  right: 1.5em;
-  left: auto;
-  display: inline-block;
-  margin-top: 2px;
-  color: #c1c1c1;
-  cursor: pointer;
-  background-image: none;
-  width: 0;
-  height: 0;
-  border-top: 7px solid transparent;
-  border-bottom: 7px solid transparent;
-  border-right: 10px solid #555;
-  margin-right: 1.5em;
-}
-._6kNi3:hover {
-  opacity: 0.8;
-}
-._6kNi3:hover {
-  border-right-color: #929292;
-}
-._13W_e {
-  position: absolute;
-  top: 1em;
-  right: 1.5em;
-  left: auto;
-  display: inline-block;
-  margin-top: 2px;
-  color: #c1c1c1;
-  cursor: pointer;
-  background-image: none;
-  width: 0;
-  height: 0;
-  border-top: 7px solid transparent;
-  border-bottom: 7px solid transparent;
-  border-left: 10px solid #555;
-}
-._13W_e:hover {
-  opacity: 0.8;
-}
-._13W_e:hover {
-  opacity: 0.8;
-  border-left-color: #929292;
-}
-._1FeSY {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-._wU6A4 {
-  display: table;
-  margin: 0 1em;
-  margin-top: 1em;
-  border-spacing: 0;
-  border-collapse: collapse;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-._AMbAo {
-  display: table-caption;
-  margin-bottom: 0.5em;
-  padding: 0 0.5em;
-  text-align: left;
-}
-._AMbAo > div {
-  font-weight: 600;
-  font-size: 20px;
-  color: #555;
-}
-._1LEst {
-  display: table-header-group;
-  margin-top: 1em;
-}
-._2XECo {
-  display: table-row;
-}
-._1C5ry {
-  display: table-cell;
-  padding: 0.5em;
-  color: #929292;
-  text-align: center;
-  font-size: 0.875em;
-}
-._1C5ry abbr[title] {
-  border-bottom: none;
-  text-decoration: none;
-}
-._11F-Y {
-  display: table-row-group;
-}
-._3MAFk {
-  display: table-row;
-}
-._mG73F {
-  display: table-cell;
-  padding: 0.5em;
-  border-radius: 50%;
-  vertical-align: middle;
-  text-align: center;
-  cursor: pointer;
-}
-._mG73F:not(._wJ6Cb):not(._2pgnH):not(._MtLaz):not(._CRqyX):hover {
-  background: #f8f8f8;
-}
-._2KG9- {
-  padding-top: 0.5em;
-}
-._2JA2y {
-  color: #fb7448;
-  font-weight: 700;
-}
-._MtLaz:not(._2pgnH):not(._CRqyX) {
-  background-color: #fdd5c8;
-  color: #fb7448;
-}
-._MtLaz:not(._2pgnH):not(._CRqyX):hover {
-  background-color: #fb7448;
-  color: #fff;
-}
-._MtLaz._2JA2y:hover {
-  color: #fff;
-}
-._2pgnH {
-  color: #e0e0e0;
-  cursor: default;
-}
-._CRqyX:not(._2pgnH) {
-  color: #c1c1c1;
-  cursor: default;
-}
-._1JWbc {
-  position: relative;
-}
-._2tL6g {
-  position: absolute;
-  left: 0;
-  z-index: 1;
-  background: #fff;
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
-}
-._3u72O {
-  display: table-cell;
-  padding: 0.5em;
-  min-width: 1em;
-  border-right: 1px solid #e0e0e0;
-  color: #c1c1c1;
-  vertical-align: middle;
-  text-align: right;
-  font-size: 0.75em;
-  cursor: pointer;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._25rf7, ._3qVhi input, ._3qVhi {
-  padding: 7px;
-  line-height: 22px;
-  border-radius: 4px;
-  font-size: 14px;
-  font-family: "Proxima Nova", sans-serif;
-  color: #555;
-  box-shadow: none;
-  border: 1px solid #c1c1c1;
-  margin: 0;
-  flex: 1;
-  min-width: 90px;
-}
-._25rf7:focus, ._3qVhi input:focus, ._3qVhi:focus {
-  border: 1px solid #6d87dd;
-  box-shadow: 0 0 8px #a7b7ea;
-  outline: none;
-}
-._25rf7:disabled, ._3qVhi input:disabled, ._3qVhi:disabled {
-  background-color: #f8f8f8;
-  color: #929292;
-}
-._2M9Ud {
-  border-color: #e76767 !important;
-}
-._3TUb2 {
-  border-left: 0 !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  color: #929292;
-}
-._foqL0 {
-  border-right: 0 !important;
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-}
-._3qVhi {
-  padding-bottom: 0px;
-  padding-top: 0px;
-  display: flex;
-  align-items: center;
-}
-._3df9R {
-  border-color: #e76767 !important;
-}
-._2Nkht {
-  background-color: #f8f8f8;
-}
-._3qVhi input {
-  border: none;
-  min-width: 20px;
-  width: 20px;
-  flex: 1;
-}
-._3qVhi input:focus {
-  border: none;
-  box-shadow: inset 0 -2px 0 #fb7448;
-  outline: none;
-  border-radius: 0;
-  border-top-right-radius: 4px;
-}
-._wU6A4 {
-  border-collapse: separate;
-}
-._3u72O {
-  outline: none;
-}
-._mG73F {
-  outline: none;
-  border: 1px solid transparent;
-  border-radius: 0;
-}
-._mG73F._MtLaz.from {
-  background-color: #fb7448;
-  color: #fff;
-  border-top-left-radius: 50%;
-  border-bottom-left-radius: 50%;
-}
-._mG73F._MtLaz.to {
-  background-color: #fb7448;
-  color: #fff;
-  border-top-right-radius: 50%;
-  border-bottom-right-radius: 50%;
-}
-._MtLaz:not(._2pgnH) {
-  background-color: #fdd5c8;
-  color: #fb7448;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._okDvi {
-  flex: 1;
-  display: flex;
-  font-family: "Proxima Nova", sans-serif;
-}
-._17XdD {
-  position: relative;
-  flex-direction: row;
-  padding-bottom: 1em;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-._1O7OT ._3noGA {
-  cursor: default;
-}
-._1Hl3Q,
-._m0Vs9 {
-  font-family: inherit;
-}
-._1ULWH {
-  display: none;
-  visibility: hidden;
-}
-._3gjq8 {
-  position: absolute;
-  top: 1em;
-  right: 1.5em;
-  left: auto;
-  display: inline-block;
-  margin-top: 2px;
-  color: #c1c1c1;
-  cursor: pointer;
-  background-image: none;
-  width: 0;
-  height: 0;
-  border-top: 7px solid transparent;
-  border-bottom: 7px solid transparent;
-  border-right: 10px solid #555;
-  margin-right: 1.5em;
-}
-._3gjq8:hover {
-  opacity: 0.8;
-}
-._3gjq8:hover {
-  border-right-color: #929292;
-}
-._1m-Kd {
-  position: absolute;
-  top: 1em;
-  right: 1.5em;
-  left: auto;
-  display: inline-block;
-  margin-top: 2px;
-  color: #c1c1c1;
-  cursor: pointer;
-  background-image: none;
-  width: 0;
-  height: 0;
-  border-top: 7px solid transparent;
-  border-bottom: 7px solid transparent;
-  border-left: 10px solid #555;
-}
-._1m-Kd:hover {
-  opacity: 0.8;
-}
-._1m-Kd:hover {
-  opacity: 0.8;
-  border-left-color: #929292;
-}
-._Fq6Xh {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-._3i0Oo {
-  display: table;
-  margin: 0 1em;
-  margin-top: 1em;
-  border-spacing: 0;
-  border-collapse: collapse;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-._36X9Y {
-  display: table-caption;
-  margin-bottom: 0.5em;
-  padding: 0 0.5em;
-  text-align: left;
-}
-._36X9Y > div {
-  font-weight: 600;
-  font-size: 20px;
-  color: #555;
-}
-._1aWPn {
-  display: table-header-group;
-  margin-top: 1em;
-}
-._3HXCK {
-  display: table-row;
-}
-._t-ctd {
-  display: table-cell;
-  padding: 0.5em;
-  color: #929292;
-  text-align: center;
-  font-size: 0.875em;
-}
-._t-ctd abbr[title] {
-  border-bottom: none;
-  text-decoration: none;
-}
-._XAbiR {
-  display: table-row-group;
-}
-._3Nwep {
-  display: table-row;
-}
-._3nNcG {
-  display: table-cell;
-  padding: 0.5em;
-  border-radius: 50%;
-  vertical-align: middle;
-  text-align: center;
-  cursor: pointer;
-}
-._3nNcG:not(._1O7OT):not(._1M4ZF):not(._2PEs8):not(._1PIJa):hover {
-  background: #f8f8f8;
-}
-._2T_z1 {
-  padding-top: 0.5em;
-}
-._1hVM6 {
-  color: #fb7448;
-  font-weight: 700;
-}
-._2PEs8:not(._1M4ZF):not(._1PIJa) {
-  background-color: #fdd5c8;
-  color: #fb7448;
-}
-._2PEs8:not(._1M4ZF):not(._1PIJa):hover {
-  background-color: #fb7448;
-  color: #fff;
-}
-._2PEs8._1hVM6:hover {
-  color: #fff;
-}
-._1M4ZF {
-  color: #e0e0e0;
-  cursor: default;
-}
-._1PIJa:not(._1M4ZF) {
-  color: #c1c1c1;
-  cursor: default;
-}
-._1L-hI {
-  position: relative;
-}
-._dDPZb {
-  position: absolute;
-  left: 0;
-  z-index: 1;
-  background: #fff;
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
-}
-._1alhT {
-  display: table-cell;
-  padding: 0.5em;
-  min-width: 1em;
-  border-right: 1px solid #e0e0e0;
-  color: #c1c1c1;
-  vertical-align: middle;
-  text-align: right;
-  font-size: 0.75em;
-  cursor: pointer;
-}
-._3i0Oo {
-  border-collapse: separate;
-}
-._1alhT {
-  outline: none;
-}
-._3nNcG {
-  outline: none;
-  border: 1px solid transparent;
-  border-radius: 0;
-}
-._2PEs8:not(._1M4ZF) {
-  background-color: #fdd5c8;
-  color: #fb7448;
-}
-._2PEs8:first-of-type {
-  border-top-left-radius: 50%;
-  border-bottom-left-radius: 50%;
-}
-._2PEs8:last-of-type {
-  border-top-right-radius: 50%;
-  border-bottom-right-radius: 50%;
-}
-._3Nwep:hover {
-  background: #f8f8f8;
-}
-._3Nwep:hover ._2PEs8:not(._1M4ZF) {
-  background-color: #fb7448;
-  color: #fff;
-}
-._3Nwep:hover ._3nNcG:first-of-type {
-  border-top-left-radius: 50%;
-  border-bottom-left-radius: 50%;
-}
-._3Nwep:hover ._3nNcG:last-of-type {
-  border-top-right-radius: 50%;
-  border-bottom-right-radius: 50%;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._vgLin {
-  padding: 16px 12px 16px 12px;
-  background: #f8f8f8;
-  margin-left: 1px;
-  margin-right: 1px;
-  position: relative;
-  border-radius: 3px;
-  box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
-}
-._63TwY {
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 16px;
-  color: #555;
-}
-._3n6S7 {
-  font-size: 14px;
-  line-height: 16px;
-  flex-grow: 1;
-  color: #555;
-}
-._2pMYs {
-  margin-bottom: 4px;
-}
-._ON6Eg {
-  background: #f6fdff;
-  box-shadow: 0 0 0 1px rgba(81, 172, 199, 0.15), 0 1px 3px 0 rgba(81, 172, 199, 0.25);
-}
-._ON6Eg ._1-D-E {
-  color: #51acc7;
-}
-._1FFZh {
-  background: #ecfaf8;
-  box-shadow: 0 0 0 1px rgba(53, 172, 154, 0.15), 0 1px 3px 0 rgba(53, 172, 154, 0.25);
-}
-._1FFZh ._1-D-E {
-  color: #35ac9a;
-}
-._2R34O {
-  background: #fcf0f0;
-  box-shadow: 0 0 0 1px rgba(207, 92, 92, 0.15), 0 1px 3px 0 rgba(207, 92, 92, 0.25);
-}
-._2R34O ._1-D-E {
-  color: #cf5c5c;
-}
-._3Cfhe {
-  background: #fff9ed;
-  box-shadow: 0 0 0 1px rgba(229, 178, 66, 0.15), 0 1px 3px 0 rgba(229, 178, 66, 0.25);
-}
-._3Cfhe ._1-D-E {
-  color: #e5b242;
-}
-._1SIOw {
-  background: #f0f3fb;
-  box-shadow: 0 0 0 1px rgba(97, 121, 198, 0.15), 0 1px 3px 0 rgba(97, 121, 198, 0.25);
-}
-._1SIOw ._1-D-E {
-  color: #6179c6;
-}
-._3SNQ1 {
-  position: absolute;
-  width: 38px;
-  height: 38px;
-  top: 4px;
-  right: 4px;
-}
-._3nLTI {
-  padding-top: 12px;
-  padding-bottom: 12px;
-}
-._3nLTI ._3SNQ1 {
-  position: static;
-}
-._3nLTI ._3n6S7 {
-  display: flex;
-  align-items: center;
-  min-height: 38px;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._1jqm8 {
-  font-size: 12px;
-  line-height: 12px;
-  color: #555;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._2puqJ {
-  position: fixed;
-  inset: 0px;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-}
-._2puqJ::after {
-  width: 100%;
-  flex-basis: 20px;
-  flex-shrink: 0;
-  content: "";
-}
-._2puqJ::before {
-  width: 100%;
-  min-height: 20px;
-  max-height: 80px;
-  flex: 1;
-  content: "";
-}
-._1167h {
-  opacity: 1;
-  transform: translateX(0);
-}
-._t_t7L {
-  opacity: 0;
-}
-._wQQ_2 {
-  position: initial;
-  border: 1px solid #e0e0e0;
-  background: #fff;
-  overflow: auto;
-  outline: none;
-  padding: 32px;
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
-  min-height: 200px;
-  display: flex;
-  flex-direction: column;
-}
-._wQQ_2 > form {
-  display: contents;
-}
-._3jwux {
-  opacity: 1;
-}
-._2c2QP {
-  opacity: 0;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._36nxW {
-  font-size: 24px;
-  line-height: 28px;
-  color: #555;
-  font-weight: 600;
-  font-family: "Proxima Nova", sans-serif;
-}
-._2XwRD {
-  font-size: 20px;
-  line-height: 24px;
-  color: #929292;
-  font-family: "Proxima Nova", sans-serif;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-/**
- * This is for adding a shadow when the body is scrollable.
- * It is using ::before and ::after to accomplish that => https://www.kizu.ru/shadowscroll/
- * There is a cleaner solution using background-attachment (https://lea.verou.me/2012/04/background-attachment-local/) but I had some issues in Chrome using that approach
- */
-._2J-ku {
-  overflow: auto;
-  margin-top: 24px;
-  font-family: "Proxima Nova", sans-serif;
-  font-size: 14px;
-  line-height: 16px;
-  position: relative;
-  z-index: 1;
-  background: #fff no-repeat;
-  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
-  background-position: 0 0, 0 100%;
-  background-size: 100% 14px;
-}
-._2J-ku::before, ._2J-ku::after {
-  content: "";
-  position: relative;
-  z-index: -1;
-  display: block;
-  height: 30px;
-  margin: 0 0 -30px;
-  background: linear-gradient(to bottom, #fff, #fff 30%, rgba(255, 255, 255, 0));
-}
-._2J-ku::after {
-  margin: -30px 0 0;
-  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 70%, #fff);
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._LKOr5 {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  padding-top: 40px;
-}
-._Qktd- {
-  margin-left: -12px;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._2f81N {
-  display: inline-flex;
-  background-color: #fb7448;
-  height: 20px;
-  min-width: 20px;
-  color: #fff;
-  text-align: center;
-  line-height: 20px;
-  border-radius: 20px;
-  font-size: 12px;
-  box-sizing: border-box;
-  font-weight: normal;
-  padding: 0 6px;
-  align-items: center;
-  border: 1px solid #fff;
-}
-._2f81N svg {
-  fill: #fff;
-}
-._2g1GI {
-  background-color: #ffc74a;
-}
-._2zLnM {
-  background-color: #e76767;
-}
-._27QOo {
-  background-color: #3abda9;
-}
-._2gmsM {
-  background-color: #5bc0de;
-}
-/*********************************
-For new colours, see _colors.scss.
-**********************************/
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._2wJGB {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  font-family: "Proxima Nova", sans-serif;
-  color: #fff;
-  border-radius: 50%;
-  width: 20px;
-  height: 20px;
-  flex-shrink: 0;
-  overflow: hidden;
-}
-._2wJGB svg {
-  fill: #fff;
-}
-._2wJGB img {
-  height: inherit;
-}
-._3QTSo {
-  width: 20px;
-  height: 20px;
-  font-size: 14px;
-}
-._3QTSo ._2Rl8S {
-  margin-left: 18px;
-  margin-top: 10px;
-}
-._1zwj0 {
-  width: 30px;
-  height: 30px;
-  font-size: 20px;
-}
-._1zwj0 ._2Rl8S {
-  margin-left: 20px;
-  margin-top: 15px;
-}
-._3-U6x {
-  width: 40px;
-  height: 40px;
-  font-size: 24px;
-}
-._3-U6x ._2Rl8S {
-  margin-left: 23px;
-  margin-top: 18px;
-}
-._3qn2q {
-  width: 80px;
-  height: 80px;
-  font-size: 24px;
-}
-._3qn2q ._2Rl8S {
-  margin-left: 55px;
-  margin-top: 45px;
-}
-._2Rl8S {
-  position: absolute;
-  margin-left: 20px;
-  margin-top: 15px;
-}
-._GKL9P svg {
-  width: 80%;
-  padding-top: 25%;
-}
+._v0AEt{font-family:Proxima Nova,sans-serif;position:absolute;list-style:none;min-width:160px;padding:5px 0;box-shadow:0 6px 12px rgba(0,0,0,.175);background:#fff;margin:8px 0 0;z-index:9999;opacity:0;transform-origin:top right;transform:scale(0);visibility:hidden}._lxd1B{opacity:1;transform:scale(1);visibility:visible}._IRJ4j{padding:12px 20px;font-size:14px;line-height:20px;display:flex;cursor:pointer;white-space:nowrap;color:#555}._IRJ4j:hover{background:#f8f8f8}
+._3-eyQ{display:flex}._3-eyQ .form__group{margin:0}._kf0KG{align-items:center}._3xCGO{align-items:flex-end}._3R2c9{align-items:flex-start}._Zvv8e{justify-content:center}._2hBMj{justify-content:flex-end}._3hKWn{justify-content:space-between}._3ACwY{justify-content:flex-start}._2pujZ{display:inline-flex}
+._2wtfD{-webkit-animation:_2Jprn 1.4s linear infinite;animation:_2Jprn 1.4s linear infinite}._Jmh8M{display:flex;justify-content:center;padding:20px}@-webkit-keyframes _2Jprn{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}@keyframes _2Jprn{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}._3zucL{stroke-dasharray:187;stroke-dashoffset:0;stroke:#fb7448;transform-origin:center;-webkit-animation:_3ZqYM 1.4s ease-in-out infinite;animation:_3ZqYM 1.4s ease-in-out infinite}._3XYKx{stroke:#3abda9}._1pYbs{stroke:#c1c1c1}._3ofDF{stroke:#fff}._e0OH1{stroke:url(#prideGradient)}@-webkit-keyframes _3ZqYM{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}@keyframes _3ZqYM{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}
+._1P_xb{display:inline-block;position:relative;text-align:left}
+._3h-8V{font-family:Proxima Nova,sans-serif;font-size:14px;position:fixed;padding:12px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);border-radius:5px;visibility:hidden;opacity:0;transition:visibility 0s,opacity .05s linear;max-width:340px}._zCaWg{visibility:visible;opacity:1}._2fg5c{background:#464646;color:#fff}._1iXKZ{background:#fff;color:#555}._2K2Xx{font-weight:600}._3jWYe{position:fixed;width:0;height:0;border-top:12px solid;border-right:12px solid transparent;visibility:hidden;opacity:0;transition:visibility 0s,opacity .05s linear}._1zh1g{transform:rotate(225deg)}._Pr0TW{transform:rotate(45deg)}._3eQWu{visibility:visible;opacity:1}._2l-Dg{border-top-color:#464646;color:#fff}._2LAWl{border-top-color:#fff;color:#555}
+._1SQ_p{font-family:Proxima Nova,sans-serif;font-weight:600;font-size:14px;text-align:center;line-height:20px;padding:8px 12px;border-radius:4px;border-width:1px;min-width:38px;min-height:38px;cursor:pointer;display:inline-flex;justify-content:center;width:auto;height:auto;vertical-align:middle;background-image:none;white-space:nowrap;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;text-decoration:none;border-style:solid;text-shadow:none;box-shadow:none}._1SQ_p svg{fill:currentColor;width:16px;height:16px}._1SQ_p:focus{box-shadow:0 0 8px #a7b7ea;outline:none}._1SQ_p:focus,._1SQ_p:hover{text-decoration:none}._1SQ_p:active{transform:scale(.96);outline:none}._1SQ_p:disabled{cursor:default;pointer-events:none;box-shadow:none}._1g1Zw>:not(._3TAU6){opacity:0}._3TAU6{position:absolute;margin-top:2px}._1R_gC{min-width:100px}._3ig9y{padding:8px}._3OB2g{background:#f8f8f8;border-color:#c1c1c1;color:#555}._3OB2g:hover{background:#e0e0e0;border-color:#929292;color:#464646}._3OB2g:disabled,._3OB2g[aria-disabled=true]{background:#f8f8f8;border-color:#e0e0e0;color:#c1c1c1}._2RivT{background:#3abda9;border-color:#3abda9;color:#fff}._2RivT:hover{background:#35ac9a;border-color:#35ac9a;color:#fff}._2RivT:disabled,._2RivT[aria-disabled=true]{background:#8de4d7;border-color:#8de4d7;color:#fff}._3T8M_{background:#e76767;border-color:#e76767;color:#fff}._3T8M_:hover{background:#cf5c5c;border-color:#cf5c5c;color:#fff}._3T8M_:disabled,._3T8M_[aria-disabled=true]{background:#f0a3a3;border-color:#f0a3a3;color:#fff}._1AYVC{background:#6d87dd;border-color:#6d87dd;color:#fff}._1AYVC:hover{background:#6179c6;border-color:#6179c6;color:#fff}._1AYVC:disabled,._1AYVC[aria-disabled=true]{background:#a7b7ea;border-color:#a7b7ea;color:#fff}._34HiE{background:#fb7448;border-color:#fb7448;color:#fff}._34HiE:hover{background:#e16840;border-color:#e16840;color:#fff}._34HiE:disabled,._34HiE[aria-disabled=true]{background:#fcab91;border-color:#fcab91;color:#fff}._3BrS0{background:transparent;border-color:#c1c1c1;color:#555}._3BrS0:hover{background:rgba(0,0,0,.03);border-color:#929292;color:#464646}._3BrS0:disabled,._3BrS0[aria-disabled=true]{background:transparent;border-color:#e0e0e0;color:#c1c1c1}._1LCBO{background:transparent;border-color:transparent;color:#fff}._1LCBO:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.1);color:#fff}._1LCBO:disabled,._1LCBO[aria-disabled=true]{background:transparent;border-color:transparent;color:#c1c1c1}._23S36{background:transparent;border-color:transparent;color:#5bc0de}._23S36:hover{background:rgba(0,0,0,.03);border-color:#f8f8f8;color:#51acc7}._23S36:disabled,._23S36[aria-disabled=true]{background:transparent;border-color:transparent;color:#c1c1c1}._2CzxI{background:transparent;border-color:transparent;color:#e76767}._2CzxI:hover{background:rgba(0,0,0,.03);border-color:#f8f8f8;color:#cf5c5c}._2CzxI:disabled,._2CzxI[aria-disabled=true]{background:transparent;border-color:transparent;color:#c1c1c1}._21e4m{background:transparent;border-color:transparent;color:#6d87dd}._21e4m:hover{background:rgba(0,0,0,.03);border-color:#f8f8f8;color:#6179c6}._21e4m:disabled,._21e4m[aria-disabled=true]{background:transparent;border-color:transparent;color:#c1c1c1}._2-ESu{background:transparent;border-color:transparent;color:#555}._2-ESu:hover{background:rgba(0,0,0,.03);border-color:#f8f8f8;color:#555}._2-ESu:disabled,._2-ESu[aria-disabled=true]{background:transparent;border-color:transparent;color:#c1c1c1}._1u3kp{background:transparent;border-color:transparent;color:#929292}._1u3kp:hover{background:rgba(0,0,0,.03);border-color:#f8f8f8;color:#929292}._1u3kp:disabled,._1u3kp[aria-disabled=true]{background:transparent;border-color:transparent;color:#c1c1c1}
+._3DlpO{display:flex;padding:16px;border:1px solid;border-color:#fff #fff #e0e0e0}._3DlpO:last-child:not(._NS-B9){border-bottom:1px solid #fff}._3DlpO:focus:not(:focus-visible){outline:none}._2jPpF{cursor:pointer}._2jPpF:hover{background-color:#f8f8f8}._NS-B9{border:1px solid #6d87dd;box-sizing:border-box;box-shadow:0 0 8px #a7b7ea}._NS-B9:first-child{border-top-left-radius:8px;border-top-right-radius:8px}._NS-B9:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}._NS-B9:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}._NS-B9:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}._3ENNn{display:flex;flex-direction:column;justify-content:center;position:relative}._1FTaE{width:40px}
+._28AYq{display:flex;font-size:12px;font-weight:600;font-family:Proxima Nova,sans-serif;color:#555;padding:19px 17px 8px}._3-nHz{display:flex;align-items:center;line-height:21px}._2Rh0i{cursor:pointer}._3-nHz:focus:not(:focus-visible){outline:none}._2fGMK{width:40px}._W7CnY{display:inline-block;padding:0 8px;line-height:1em}._2ygIH{border:1px solid #c1c1c1;border-radius:8px;font-size:14px}._2cqhY,._2ygIH{font-family:Proxima Nova,sans-serif}._2cqhY{margin-top:20px}
+._1IynL button:disabled{border-color:#c1c1c1}._1IynL button:last-child{border-radius:0 4px 4px 0;margin-left:-1px}._1IynL button:first-child{border-radius:4px 0 0 4px}._1IynL button:not(:first-child):not(:last-child){border-radius:0;margin-left:-1px}
+._1d8Ci{display:flex}._1d8Ci:not(:last-child):not(._3tb7U){border-bottom:1px solid #e0e0e0}._1d8Ci:focus:not(:focus-visible){outline:none}._thFcO{cursor:pointer}._thFcO:hover{background-color:#f8f8f8}._3tb7U{border:1px solid #6d87dd;box-sizing:border-box;box-shadow:0 0 8px #a7b7ea}._3tb7U:first-child{border-top-left-radius:8px;border-top-right-radius:8px}._3tb7U:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}._3tb7U:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}._3tb7U:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}._OTcMc{display:flex;flex-direction:column;justify-content:center;position:relative}._lNHQ8{padding:16px}._13YLe{flex-direction:unset;justify-content:flex-end}._1rrRr:not(:last-child){border-right:1px solid #e0e0e0}._azbIG{width:40px;padding:16px;box-sizing:content-box}
+._1QDLF{font-weight:400;font-size:12px}._1QDLF,._2wiMV{color:#555;font-family:Proxima Nova,sans-serif}._2wiMV{line-height:normal;padding:0;width:auto;float:none;font-weight:600;font-size:14px;min-height:16px}._1ui8X{display:inline-flex;align-items:center}._1YRJT{line-height:normal;padding:0;width:auto;float:none;font-weight:600;font-size:14px;min-height:16px;margin-left:8px}._1jEiW,._1YRJT{color:#555;font-family:Proxima Nova,sans-serif}._1jEiW{font-weight:400;font-size:12px;margin-left:48px;display:block}._1ui8X [type=checkbox]{position:absolute;opacity:0;pointer-events:none}._3tNyE{position:relative;cursor:pointer}._3tNyE:before{background:#c1c1c1;box-shadow:inset 0 0 4px rgba(0,0,0,.03);border-radius:26px;height:20px;width:40px}._3tNyE:after,._3tNyE:before{content:"";display:block;transition:all .15s ease-in-out}._3tNyE:after{position:absolute;left:2px;right:21px;top:2px;background:#fff;border:1px solid #c1c1c1;border-radius:24px;height:14px;width:14px;box-shadow:0 0 4px rgba(0,0,0,.03)}._1ui8X [type=checkbox]:focus-visible+._3tNyE{outline:1px solid #6d87dd}._1ui8X [type=checkbox]:disabled+._3tNyE{opacity:.4;cursor:default}._1ui8X [type=checkbox]:disabled+._3tNyE:after{box-shadow:none}._1ui8X [type=checkbox]:checked+._3tNyE:before{background:#3abda9}._1ui8X [type=checkbox]:checked+._3tNyE:after{border-color:#3abda9;left:21px;right:2px}
+._of22N{display:flex;font-size:12px;font-weight:600;font-family:Proxima Nova,sans-serif;color:#555;padding:20px 17px 8px}._27x4v{display:flex;align-items:center;line-height:21px}._27x4v:not(._27x4v:first-child){padding-left:16px}._27x4v:not(._27x4v:last-child){padding-right:16px}._3gw3Z{cursor:pointer}._Fjm2n{justify-content:flex-end}._27x4v:focus:not(:focus-visible){outline:none}._LoIvx{width:40px;box-sizing:content-box}._3VjFP{display:inline-block;padding:0 8px;line-height:1em}._1bTmd{border:1px solid #c1c1c1;border-radius:8px;font-family:Proxima Nova,sans-serif;font-size:14px}._1opWx{background:#f8f8f8;font-weight:600}._F_spz{margin-top:20px;font-family:Proxima Nova,sans-serif}
+._orjDM{padding:16px}._3EpfF{text-align:right}
+._h724f{line-height:normal;padding:0;width:auto;float:none;color:#555;font-family:Proxima Nova,sans-serif;font-weight:600;font-size:14px;min-height:16px}
+._1DWBq{color:#555;font-family:Proxima Nova,sans-serif;font-weight:400;font-size:12px}
+._nZ2MD{color:#e76767;font-family:Proxima Nova,sans-serif;font-weight:400;font-size:12px}
+._ybKOk{position:relative;display:flex;flex:1}._2COk3 input{padding-left:21px}._1xXXN input{padding-right:21px}._eX5OL{position:absolute;line-height:22px;padding:8px;color:#555;min-width:8px;pointer-events:none;font-size:14px;font-family:Proxima Nova,sans-serif;box-sizing:content-box;display:flex;align-items:center;height:22px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;text-align:left}._eX5OL svg{color:#929292}.__YH01{position:absolute;line-height:22px;padding:8px;color:#555;min-width:8px;pointer-events:none;font-size:14px;font-family:Proxima Nova,sans-serif;box-sizing:content-box;display:flex;align-items:center;height:22px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;right:0;text-align:right}.__YH01 svg{color:#929292}
+._kIngZ{width:100%}._kIngZ input{border:1px solid transparent;display:flex;justify-content:flex-end;background:transparent;padding:16px;width:100%;font-size:14px;font-family:Proxima Nova,sans-serif;border-radius:0}._kIngZ input:focus{border-color:#6d87dd;box-shadow:0 0 8px #a7b7ea;outline:none}._kIngZ input:hover{background:#f8f8f8}._3_QIj{text-align:right}._2Kyuc input::-webkit-inner-spin-button,._2Kyuc input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._2Kyuc input[type=number]{-moz-appearance:textfield}._y9SBQ._y9SBQ{border-color:#e76767}._32mWH._32mWH{border-top-left-radius:8px}._3Jg2-._3Jg2-{border-top-right-radius:8px}._1F5fj._1F5fj{border-bottom-left-radius:8px}._1fTTW._1fTTW{border-bottom-right-radius:8px}
+._3CaV0{max-width:500px}
+._BkzdC{border-radius:4px;padding:7px;box-shadow:none;border:1px solid #c1c1c1;flex:1;display:flex;flex-direction:column;min-width:90px}._BkzdC textarea{line-height:22px;font-size:14px;font-family:Proxima Nova,sans-serif;color:#555;margin:0;border:none;resize:none;width:auto;height:auto;padding:0}._BkzdC textarea:focus{outline:none}._BkzdC textarea:disabled{background-color:#f8f8f8}._Rop31{border:1px solid #6d87dd;box-shadow:0 0 8px #a7b7ea;outline:none}._2x3Cm{background-color:#f8f8f8}._3zOwV{border-color:#e76767!important}._rQqnL{margin-top:5px}
+._20YOA{padding:7px;line-height:22px;border-radius:4px;font-size:14px;font-family:Proxima Nova,sans-serif;color:#555;box-shadow:none;border:1px solid #c1c1c1;margin:0;flex:1;min-width:90px}._20YOA:focus{border:1px solid #6d87dd;box-shadow:0 0 8px #a7b7ea;outline:none}._20YOA:disabled{background-color:#f8f8f8;color:#929292}._3kUSh{border-color:#e76767!important}._3IU3Q{border-left:0!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;color:#929292}._QXJOD{border-right:0!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}
+._2sg0c{position:relative}._2LdrP{padding-left:24px}._2sg0c input{position:absolute;opacity:0;cursor:pointer;z-index:1;width:16px;height:16px;right:0}._2mA8e{display:block;top:0;left:0;height:14px;width:14px;background-color:transparent;border-radius:4px;border:1px solid #e0e0e0;box-shadow:inset 0 1px 4px -2px #e0e0e0}._2mA8e:after{position:absolute;content:"";opacity:0}input:checked~._2mA8e{background-color:#4d89f5;border-radius:4px;transform:rotate(0deg) scale(1);opacity:1;border:1px solid #8cb5f4}input:checked~._2mA8e:after{opacity:1;transform:rotate(45deg) scale(1);left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;background-color:transparent;border-radius:0}input:focus-visible+._2mA8e{outline:1px solid #6d87dd}input:disabled+._2mA8e{background-color:#f8f8f8;border:1px solid #e0e0e0}input:disabled+._2mA8e:after{box-shadow:none;border:solid #9f9f9f!important;border-width:0 2px 2px 0!important}
+._g6T-p{position:relative}._g6T-p input{position:absolute;opacity:0;z-index:1;width:100%;height:100%;right:0;box-sizing:border-box}._g6T-p input:hover:not(:disabled){cursor:pointer}._1i2AX{display:flex;align-items:center;justify-content:center;background-color:#fff;font-size:14px;font-weight:600;padding:8px;border:1px solid #e0e0e0;border-radius:25px;min-height:38px;min-width:60px;text-align:center;vertical-align:middle;color:#555;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background-color .2s,color .2s;text-transform:capitalize;box-sizing:border-box}input:hover~._1i2AX{background-color:#e0e0e0;border-color:#e0e0e0}input:checked:hover~._1i2AX{background-color:#e16840;border-color:#e16840}input:checked~._1i2AX{background-color:#fb7448;border-color:#fb7448;color:#fff}input:disabled+._1i2AX{background-color:#f8f8f8;border-color:#f8f8f8;color:#929292}input:disabled:checked+._1i2AX{background-color:#e16840;border-color:#e16840;color:#fff}input:focus-visible+._1i2AX{border:1px solid #6d87dd;box-shadow:0 0 8px #a7b7ea;outline:none}
+._1WGz2,._RXyG_{line-height:normal;padding:0;width:auto;float:none;color:#555;font-family:Proxima Nova,sans-serif;font-weight:600;font-size:14px;min-height:16px}
+._1Clmp{position:relative}._3UmWA{padding-left:24px}._1Clmp input{position:absolute;opacity:0;cursor:pointer;z-index:1;width:16px;height:16px;right:0}._1tMq-{display:block;top:0;left:0;height:14px;width:14px;background-color:transparent;border-radius:50%;border:1px solid #e0e0e0;box-shadow:inset 0 1px 4px -2px #e0e0e0}._1tMq-:after{position:absolute;content:"";opacity:0}input:checked~._1tMq-{background-color:#4d89f5;border-radius:50%;transform:rotate(0deg) scale(1);opacity:1;border:1px solid #8cb5f4}input:checked~._1tMq-:after{opacity:1;left:5px;top:5px;width:4px;height:4px;background-color:#fff;border:none;border-radius:50%}input:focus-visible+._1tMq-{outline:1px solid #6d87dd}input:disabled+._1tMq-{background-color:#f8f8f8;border:1px solid #e0e0e0}input:disabled+._1tMq-:after{box-shadow:none;border:solid #9f9f9f!important;border-width:0 2px 2px 0!important;background-color:#9f9f9f;left:4px;top:4px}
+._18Rzv{padding:7px;line-height:22px;border-radius:4px;font-size:14px;font-family:Proxima Nova,sans-serif;color:#555;box-shadow:none;border:1px solid #c1c1c1;margin:0;flex:1;min-width:90px}._18Rzv:focus{border:1px solid #6d87dd;box-shadow:0 0 8px #a7b7ea;outline:none}._18Rzv:disabled{background-color:#f8f8f8;color:#929292}._3eD7t{border-color:#e76767!important}._2evrG{border-left:0!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;color:#929292}._-MgeO{border-right:0!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}._-Rf3c{position:relative;display:flex;flex:1}._yinPY{position:absolute;cursor:pointer;right:7px;top:7px}
+._U0krC{color:#e0e0e0}._2XIl4,._U0krC{font-family:Proxima Nova,sans-serif}._2XIl4{color:#929292}
+._1cDCR{flex:1;display:"flex"}
+._uC4zU{font-family:Proxima Nova,sans-serif;font-weight:16px;font-size:14px;color:#929292;display:flex;flex-direction:column;justify-content:center;padding:8px 12px}
+._1btTx,._1Sc9D{padding:7px;line-height:22px;border-radius:4px;font-size:14px;font-family:Proxima Nova,sans-serif;color:#555;box-shadow:none;border:1px solid #c1c1c1;margin:0;flex:1;min-width:90px}._1btTx:focus,._1Sc9D:focus{border:1px solid #6d87dd;box-shadow:0 0 8px #a7b7ea;outline:none}._1btTx:disabled,._1Sc9D:disabled{background-color:#f8f8f8;color:#929292}._2feYp,._2SNat{border-color:#e76767!important}._E18JV,._jLolW{border-left:0!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;color:#929292}._3eTNi,._27J43{border-right:0!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}._1Sc9D{padding-top:8px;padding-bottom:6px;width:100%}
+._v1b-5{flex:1;display:flex;font-family:Proxima Nova,sans-serif}._3mrLu{position:relative;flex-direction:row;padding-bottom:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._1J9dh ._8FcQE{cursor:default}._1SPuq,._24FJ6{font-family:inherit}._Oxdm9{display:none;visibility:hidden}._20uqc{position:absolute;top:1em;right:1.5em;left:auto;display:inline-block;margin-top:2px;color:#c1c1c1;cursor:pointer;background-image:none;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #555;margin-right:1.5em}._20uqc:hover{opacity:.8;border-right-color:#929292}._3C53z{position:absolute;top:1em;right:1.5em;left:auto;display:inline-block;margin-top:2px;color:#c1c1c1;cursor:pointer;background-image:none;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #555}._3C53z:hover{opacity:.8;border-left-color:#929292}._M_eHz{display:flex;flex-wrap:wrap;justify-content:center}._3RPpJ{display:table;margin:1em 1em 0;border-spacing:0;border-collapse:collapse;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._1FXNw{display:table-caption;margin-bottom:.5em;padding:0 .5em;text-align:left}._1FXNw>div{font-weight:600;font-size:20px;color:#555}._3KcRU{display:table-header-group;margin-top:1em}._1fO_e{display:table-row}._c1Y-X{display:table-cell;padding:.5em;color:#929292;text-align:center;font-size:.875em}._c1Y-X abbr[title]{border-bottom:none;text-decoration:none}._34mA1{display:table-row-group}._1PmqZ{display:table-row}._1AWH2{display:table-cell;padding:.5em;border-radius:50%;vertical-align:middle;text-align:center;cursor:pointer}._1AWH2:not(._1J9dh):not(._3vJkw):not(._1DR0N):not(._276GV):hover{background:#f8f8f8}._2M5xr{padding-top:.5em}._3N6fj{color:#fb7448;font-weight:700}._1DR0N:not(._3vJkw):not(._276GV){background-color:#fdd5c8;color:#fb7448}._1DR0N:not(._3vJkw):not(._276GV):hover{background-color:#fb7448;color:#fff}._1DR0N._3N6fj:hover{color:#fff}._3vJkw{color:#e0e0e0;cursor:default}._276GV:not(._3vJkw){color:#c1c1c1;cursor:default}._3Zqgu{position:relative}._20Ncd{position:absolute;left:0;z-index:1;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15)}._2hb-S{display:table-cell;padding:.5em;min-width:1em;border-right:1px solid #e0e0e0;color:#c1c1c1;vertical-align:middle;text-align:right;font-size:.75em;cursor:pointer}
+._1Ini2{flex:1;display:flex;font-family:Proxima Nova,sans-serif}._21VnL{position:relative;flex-direction:row;padding-bottom:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._wJ6Cb ._1c48y{cursor:default}._3KwsN,._10CBO{font-family:inherit}._dHL-D{display:none;visibility:hidden}._6kNi3{position:absolute;top:1em;right:1.5em;left:auto;display:inline-block;margin-top:2px;color:#c1c1c1;cursor:pointer;background-image:none;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #555;margin-right:1.5em}._6kNi3:hover{opacity:.8;border-right-color:#929292}._13W_e{position:absolute;top:1em;right:1.5em;left:auto;display:inline-block;margin-top:2px;color:#c1c1c1;cursor:pointer;background-image:none;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #555}._13W_e:hover{opacity:.8;border-left-color:#929292}._1FeSY{display:flex;flex-wrap:wrap;justify-content:center}._wU6A4{display:table;margin:1em 1em 0;border-spacing:0;border-collapse:collapse;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._AMbAo{display:table-caption;margin-bottom:.5em;padding:0 .5em;text-align:left}._AMbAo>div{font-weight:600;font-size:20px;color:#555}._1LEst{display:table-header-group;margin-top:1em}._2XECo{display:table-row}._1C5ry{display:table-cell;padding:.5em;color:#929292;text-align:center;font-size:.875em}._1C5ry abbr[title]{border-bottom:none;text-decoration:none}._11F-Y{display:table-row-group}._3MAFk{display:table-row}._mG73F{display:table-cell;padding:.5em;border-radius:50%;vertical-align:middle;text-align:center;cursor:pointer}._mG73F:not(._wJ6Cb):not(._2pgnH):not(._MtLaz):not(._CRqyX):hover{background:#f8f8f8}._2KG9-{padding-top:.5em}._2JA2y{color:#fb7448;font-weight:700}._MtLaz:not(._2pgnH):not(._CRqyX){background-color:#fdd5c8;color:#fb7448}._MtLaz:not(._2pgnH):not(._CRqyX):hover{background-color:#fb7448;color:#fff}._MtLaz._2JA2y:hover{color:#fff}._2pgnH{color:#e0e0e0;cursor:default}._CRqyX:not(._2pgnH){color:#c1c1c1;cursor:default}._1JWbc{position:relative}._2tL6g{position:absolute;left:0;z-index:1;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15)}._3u72O{display:table-cell;padding:.5em;min-width:1em;border-right:1px solid #e0e0e0;color:#c1c1c1;vertical-align:middle;text-align:right;font-size:.75em;cursor:pointer}._3qVhi,._3qVhi input,._25rf7{padding:7px;line-height:22px;border-radius:4px;font-size:14px;font-family:Proxima Nova,sans-serif;color:#555;box-shadow:none;border:1px solid #c1c1c1;margin:0;flex:1;min-width:90px}._3qVhi:focus,._3qVhi input:focus,._25rf7:focus{border:1px solid #6d87dd;box-shadow:0 0 8px #a7b7ea;outline:none}._3qVhi:disabled,._3qVhi input:disabled,._25rf7:disabled{background-color:#f8f8f8;color:#929292}._2M9Ud{border-color:#e76767!important}._3TUb2{border-left:0!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;color:#929292}._foqL0{border-right:0!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}._3qVhi{padding-bottom:0;padding-top:0;display:flex;align-items:center}._3df9R{border-color:#e76767!important}._2Nkht{background-color:#f8f8f8}._3qVhi input{border:none;min-width:20px;width:20px;flex:1}._3qVhi input:focus{border:none;box-shadow:inset 0 -2px 0 #fb7448;outline:none;border-radius:0;border-top-right-radius:4px}._wU6A4{border-collapse:separate}._3u72O,._mG73F{outline:none}._mG73F{border:1px solid transparent;border-radius:0}._mG73F._MtLaz.from{background-color:#fb7448;color:#fff;border-top-left-radius:50%;border-bottom-left-radius:50%}._mG73F._MtLaz.to{background-color:#fb7448;color:#fff;border-top-right-radius:50%;border-bottom-right-radius:50%}._MtLaz:not(._2pgnH){background-color:#fdd5c8;color:#fb7448}
+._okDvi{flex:1;display:flex;font-family:Proxima Nova,sans-serif}._17XdD{position:relative;flex-direction:row;padding-bottom:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._1O7OT ._3noGA{cursor:default}._1Hl3Q,._m0Vs9{font-family:inherit}._1ULWH{display:none;visibility:hidden}._3gjq8{position:absolute;top:1em;right:1.5em;left:auto;display:inline-block;margin-top:2px;color:#c1c1c1;cursor:pointer;background-image:none;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #555;margin-right:1.5em}._3gjq8:hover{opacity:.8;border-right-color:#929292}._1m-Kd{position:absolute;top:1em;right:1.5em;left:auto;display:inline-block;margin-top:2px;color:#c1c1c1;cursor:pointer;background-image:none;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #555}._1m-Kd:hover{opacity:.8;border-left-color:#929292}._Fq6Xh{display:flex;flex-wrap:wrap;justify-content:center}._3i0Oo{display:table;margin:1em 1em 0;border-spacing:0;border-collapse:collapse;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._36X9Y{display:table-caption;margin-bottom:.5em;padding:0 .5em;text-align:left}._36X9Y>div{font-weight:600;font-size:20px;color:#555}._1aWPn{display:table-header-group;margin-top:1em}._3HXCK{display:table-row}._t-ctd{display:table-cell;padding:.5em;color:#929292;text-align:center;font-size:.875em}._t-ctd abbr[title]{border-bottom:none;text-decoration:none}._XAbiR{display:table-row-group}._3Nwep{display:table-row}._3nNcG{display:table-cell;padding:.5em;border-radius:50%;vertical-align:middle;text-align:center;cursor:pointer}._3nNcG:not(._1O7OT):not(._1M4ZF):not(._2PEs8):not(._1PIJa):hover{background:#f8f8f8}._2T_z1{padding-top:.5em}._1hVM6{color:#fb7448;font-weight:700}._2PEs8:not(._1M4ZF):not(._1PIJa){background-color:#fdd5c8;color:#fb7448}._2PEs8:not(._1M4ZF):not(._1PIJa):hover{background-color:#fb7448;color:#fff}._2PEs8._1hVM6:hover{color:#fff}._1M4ZF{color:#e0e0e0;cursor:default}._1PIJa:not(._1M4ZF){color:#c1c1c1;cursor:default}._1L-hI{position:relative}._dDPZb{position:absolute;left:0;z-index:1;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15)}._1alhT{display:table-cell;padding:.5em;min-width:1em;border-right:1px solid #e0e0e0;color:#c1c1c1;vertical-align:middle;text-align:right;font-size:.75em;cursor:pointer}._3i0Oo{border-collapse:separate}._1alhT,._3nNcG{outline:none}._3nNcG{border:1px solid transparent;border-radius:0}._2PEs8:not(._1M4ZF){background-color:#fdd5c8;color:#fb7448}._2PEs8:first-of-type{border-top-left-radius:50%;border-bottom-left-radius:50%}._2PEs8:last-of-type{border-top-right-radius:50%;border-bottom-right-radius:50%}._3Nwep:hover{background:#f8f8f8}._3Nwep:hover ._2PEs8:not(._1M4ZF){background-color:#fb7448;color:#fff}._3Nwep:hover ._3nNcG:first-of-type{border-top-left-radius:50%;border-bottom-left-radius:50%}._3Nwep:hover ._3nNcG:last-of-type{border-top-right-radius:50%;border-bottom-right-radius:50%}
+._vgLin{padding:16px 12px;background:#f8f8f8;margin-left:1px;margin-right:1px;position:relative;border-radius:3px;box-shadow:0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15)}._63TwY{font-weight:600}._3n6S7,._63TwY{font-size:14px;line-height:16px;color:#555}._3n6S7{flex-grow:1}._2pMYs{margin-bottom:4px}._ON6Eg{background:#f6fdff;box-shadow:0 0 0 1px rgba(81,172,199,.15),0 1px 3px 0 rgba(81,172,199,.25)}._ON6Eg ._1-D-E{color:#51acc7}._1FFZh{background:#ecfaf8;box-shadow:0 0 0 1px rgba(53,172,154,.15),0 1px 3px 0 rgba(53,172,154,.25)}._1FFZh ._1-D-E{color:#35ac9a}._2R34O{background:#fcf0f0;box-shadow:0 0 0 1px rgba(207,92,92,.15),0 1px 3px 0 rgba(207,92,92,.25)}._2R34O ._1-D-E{color:#cf5c5c}._3Cfhe{background:#fff9ed;box-shadow:0 0 0 1px rgba(229,178,66,.15),0 1px 3px 0 rgba(229,178,66,.25)}._3Cfhe ._1-D-E{color:#e5b242}._1SIOw{background:#f0f3fb;box-shadow:0 0 0 1px rgba(97,121,198,.15),0 1px 3px 0 rgba(97,121,198,.25)}._1SIOw ._1-D-E{color:#6179c6}._3SNQ1{position:absolute;width:38px;height:38px;top:4px;right:4px}._3nLTI{padding-top:12px;padding-bottom:12px}._3nLTI ._3SNQ1{position:static}._3nLTI ._3n6S7{display:flex;align-items:center;min-height:38px}
+._1jqm8{font-size:12px;line-height:12px;color:#555}
+._2puqJ{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;flex-direction:column}._2puqJ:after{width:100%;flex-basis:20px;flex-shrink:0;content:""}._2puqJ:before{width:100%;min-height:20px;max-height:80px;flex:1;content:""}._1167h{opacity:1;transform:translateX(0)}._t_t7L{opacity:0}._wQQ_2{position:static;border:1px solid #e0e0e0;background:#fff;overflow:auto;outline:none;padding:32px;box-shadow:0 5px 15px rgba(0,0,0,.5);min-height:200px;display:flex;flex-direction:column}._wQQ_2>form{display:contents}._3jwux{opacity:1}._2c2QP{opacity:0}
+._36nxW{font-size:24px;line-height:28px;color:#555;font-weight:600}._2XwRD,._36nxW{font-family:Proxima Nova,sans-serif}._2XwRD{font-size:20px;line-height:24px;color:#929292}
+._2J-ku{overflow:auto;margin-top:24px;font-family:Proxima Nova,sans-serif;font-size:14px;line-height:16px;position:relative}._2ErCP{z-index:1;background:#fff no-repeat;background-image:radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.2),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.2),transparent);background-position:0 0,0 100%;background-size:100% 14px}._2ErCP:after,._2ErCP:before{content:"";position:relative;z-index:-1;display:block;height:30px;margin:0 0 -30px;background:linear-gradient(180deg,#fff,#fff 30%,hsla(0,0%,100%,0))}._2ErCP:after{margin:-30px 0 0;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff 70%,#fff)}
+._LKOr5{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-top:40px}._Qktd-{margin-left:-12px}
+._2f81N{display:inline-flex;background-color:#fb7448;height:20px;min-width:20px;color:#fff;text-align:center;line-height:20px;border-radius:20px;font-size:12px;box-sizing:border-box;font-weight:400;padding:0 6px;align-items:center;border:1px solid #fff}._2f81N svg{fill:#fff}._2g1GI{background-color:#ffc74a}._2zLnM{background-color:#e76767}._27QOo{background-color:#3abda9}._2gmsM{background-color:#5bc0de}
+._2wJGB{display:flex;justify-content:center;align-items:center;text-align:center;font-family:Proxima Nova,sans-serif;color:#fff;border-radius:50%;width:20px;height:20px;flex-shrink:0;overflow:hidden}._2wJGB svg{fill:#fff}._2wJGB img{height:inherit}._3QTSo{width:20px;height:20px;font-size:14px}._3QTSo ._2Rl8S{margin-left:18px;margin-top:10px}._1zwj0{width:30px;height:30px;font-size:20px}._1zwj0 ._2Rl8S{margin-left:20px;margin-top:15px}._3-U6x{width:40px;height:40px;font-size:24px}._3-U6x ._2Rl8S{margin-left:23px;margin-top:18px}._3qn2q{width:80px;height:80px;font-size:24px}._3qn2q ._2Rl8S{margin-left:55px;margin-top:45px}._2Rl8S{position:absolute;margin-left:20px;margin-top:15px}
+._GKL9P svg{width:80%;padding-top:25%}