/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-Box-styles-module__box--ufDMI .shared-design-src-Box-styles-module__flex--2riis {
  display: flex;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__textAlign-left--3m8C6 {
  text-align: left;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__textAlign-right--10FRM {
  text-align: right;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__textAlign-center--1gV_v {
  text-align: center;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__display-flex--38fZa {
  display: flex;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__display-inline-flex--Y7ljj {
  display: inline-flex;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__display-block--1Fjdm {
  display: block;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__display-inline-block--3Wfr6 {
  display: inline-block;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__display-inline--1tHIG {
  display: inline;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__display-none--1BV8a {
  display: none;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-0--1Xn7a, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-none--26FDt {
  padding: 0;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-xxxs--1YWgm {
  padding: 2px;
  padding: var(--ds-spacing-xxxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-025--offxL, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-xxs--LzMYj {
  padding: 4px;
  padding: var(--ds-spacing-xxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-05--2qU2J, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-xs--3-MAO {
  padding: 8px;
  padding: var(--ds-spacing-xs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-075--26oDC, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-s--1sB8R {
  padding: 12px;
  padding: var(--ds-spacing-s);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-1--3iy4a, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-m--2FDeH {
  padding: 16px;
  padding: var(--ds-spacing-m);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-125--sWI-K, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-15--1hAI_, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-l--hx9qM {
  padding: 24px;
  padding: var(--ds-spacing-l);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-175--1rueP, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-2--1f0pv, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-xl--1kEus {
  padding: 32px;
  padding: var(--ds-spacing-xl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-xxl--3w4pB {
  padding: 48px;
  padding: var(--ds-spacing-xxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__padding-xxxl--1MDx6 {
  padding: 64px;
  padding: var(--ds-spacing-xxxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-0--1qIgK, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-none--J-lYW {
  padding-left: 0;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-xxxs--UVLTZ {
  padding-left: 2px;
  padding-left: var(--ds-spacing-xxxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-025---fVsl, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-xxs--2z5Lr {
  padding-left: 4px;
  padding-left: var(--ds-spacing-xxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-05--1IRW9, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-xs--3KeC4 {
  padding-left: 8px;
  padding-left: var(--ds-spacing-xs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-075--30Htf, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-s--3Lpid {
  padding-left: 12px;
  padding-left: var(--ds-spacing-s);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-1--2ixfI, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-m--lpURB {
  padding-left: 16px;
  padding-left: var(--ds-spacing-m);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-125--1i46e, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-15--2R8wk, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-l--Pr1bV {
  padding-left: 24px;
  padding-left: var(--ds-spacing-l);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-175--iNcA9, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-2--3iTgk, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-xl--3oKjk {
  padding-left: 32px;
  padding-left: var(--ds-spacing-xl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-xxl--25l_V {
  padding-left: 48px;
  padding-left: var(--ds-spacing-xxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingLeft-xxxl--1xubL {
  padding-left: 64px;
  padding-left: var(--ds-spacing-xxxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-0--ug6Uv, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-none--1O5li {
  padding-right: 0;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-xxxs--1Benq {
  padding-right: 2px;
  padding-right: var(--ds-spacing-xxxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-025--2qNUn, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-xxs--1-J1K {
  padding-right: 4px;
  padding-right: var(--ds-spacing-xxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-05--T1hFa, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-xs--3rKfC {
  padding-right: 8px;
  padding-right: var(--ds-spacing-xs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-075--3PECM, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-s--Q4jb8 {
  padding-right: 12px;
  padding-right: var(--ds-spacing-s);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-1--2yudk, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-m--c2ld2 {
  padding-right: 16px;
  padding-right: var(--ds-spacing-m);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-125--9s_7l, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-15--1EFns, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-l--fgSFa {
  padding-right: 24px;
  padding-right: var(--ds-spacing-l);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-175--2K_7z, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-2--3op7_, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-xl--i7WYh {
  padding-right: 32px;
  padding-right: var(--ds-spacing-xl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-xxl--2SeW5 {
  padding-right: 48px;
  padding-right: var(--ds-spacing-xxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingRight-xxxl--PckDv {
  padding-right: 64px;
  padding-right: var(--ds-spacing-xxxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-0--3N_pp, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-none--3Ih45 {
  padding-top: 0;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-xxxs--3P2kB {
  padding-top: 2px;
  padding-top: var(--ds-spacing-xxxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-025--2ZklX, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-xxs--1jNQl {
  padding-top: 4px;
  padding-top: var(--ds-spacing-xxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-05--1td6X, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-xs--13P6V {
  padding-top: 8px;
  padding-top: var(--ds-spacing-xs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-075--3OPQq, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-s--3QSYy {
  padding-top: 12px;
  padding-top: var(--ds-spacing-s);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-1--2vOLa, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-m--1bD1n {
  padding-top: 16px;
  padding-top: var(--ds-spacing-m);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-125--FQ5wr, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-15--2alwz, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-l--wIkem {
  padding-top: 24px;
  padding-top: var(--ds-spacing-l);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-175--fEfqD, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-2--2xQK6, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-xl--3vSyg {
  padding-top: 32px;
  padding-top: var(--ds-spacing-xl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-xxl--1rQTH {
  padding-top: 48px;
  padding-top: var(--ds-spacing-xxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingTop-xxxl--3ZCnp {
  padding-top: 64px;
  padding-top: var(--ds-spacing-xxxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-0--jlCX5, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-none--mlWuO {
  padding-bottom: 0;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-xxxs--ko_1V {
  padding-bottom: 2px;
  padding-bottom: var(--ds-spacing-xxxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-025--2OznI, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-xxs--2YWc_ {
  padding-bottom: 4px;
  padding-bottom: var(--ds-spacing-xxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-05--mHyhy, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-xs--15NxL {
  padding-bottom: 8px;
  padding-bottom: var(--ds-spacing-xs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-075--2PoHi, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-s--3AcVE {
  padding-bottom: 12px;
  padding-bottom: var(--ds-spacing-s);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-1--cu061, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-m--1OZut {
  padding-bottom: 16px;
  padding-bottom: var(--ds-spacing-m);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-125--2oRzV, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-15--HWa0C, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-l--1kUlS {
  padding-bottom: 24px;
  padding-bottom: var(--ds-spacing-l);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-175--3FnoZ, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-2--108-H, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-xl--1T_AU {
  padding-bottom: 32px;
  padding-bottom: var(--ds-spacing-xl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-xxl--266xy {
  padding-bottom: 48px;
  padding-bottom: var(--ds-spacing-xxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__paddingBottom-xxxl--2Z48w {
  padding-bottom: 64px;
  padding-bottom: var(--ds-spacing-xxxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-none--1RAzU, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-0--1fkY1 {
  margin: 0;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-xxxs--3lQR6 {
  margin: 2px;
  margin: var(--ds-spacing-xxxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-xxs--3ys20, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-025--3hwuF {
  margin: 4px;
  margin: var(--ds-spacing-xxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-xs--3gSu0, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-05--3DwmY {
  margin: 8px;
  margin: var(--ds-spacing-xs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-s--2y2xj, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-075--1SIfA {
  margin: 12px;
  margin: var(--ds-spacing-s);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-m--xSMS1, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-1--2D1ip {
  margin: 16px;
  margin: var(--ds-spacing-m);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-125--2NjlY, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-15--3O-4r, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-l--32v7A {
  margin: 24px;
  margin: var(--ds-spacing-l);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-175--3n_lV, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-2--2sf-A, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-xl--2zTgZ {
  margin: 32px;
  margin: var(--ds-spacing-xl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-xxl--3zr1F {
  margin: 48px;
  margin: var(--ds-spacing-xxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-xxxl--TG_d0 {
  margin: 64px;
  margin: var(--ds-spacing-xxxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__margin-auto--2lEry {
  margin: auto;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-none--3RJ4w, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-0--2XOYz {
  margin-left: 0;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-xxxs--gy4Oq {
  margin-left: 2px;
  margin-left: var(--ds-spacing-xxxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-xxs--2Zze5, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-025--29Usc {
  margin-left: 4px;
  margin-left: var(--ds-spacing-xxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-xs--29QzZ, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-05--2vQmW {
  margin-left: 8px;
  margin-left: var(--ds-spacing-xs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-s--2aWyt, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-075--zV-6x {
  margin-left: 12px;
  margin-left: var(--ds-spacing-s);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-m--2bEub, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-1--2iK5T {
  margin-left: 16px;
  margin-left: var(--ds-spacing-m);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-125--2L4Cv, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-15--16D4i, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-l--2d33q {
  margin-left: 24px;
  margin-left: var(--ds-spacing-l);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-175--2yGhG, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-2--2axdR, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-xl--2PP_U {
  margin-left: 32px;
  margin-left: var(--ds-spacing-xl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-xxl--2-Lqo {
  margin-left: 48px;
  margin-left: var(--ds-spacing-xxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-xxxl--1hgP7 {
  margin-left: 64px;
  margin-left: var(--ds-spacing-xxxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginLeft-auto--1Gxs3 {
  margin-left: auto;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-none--1Y-Rg, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-0--DTMTl {
  margin-right: 0;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-xxxs--QR4we {
  margin-right: 2px;
  margin-right: var(--ds-spacing-xxxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-xxs--6Pg4x, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-025--3VM-I {
  margin-right: 4px;
  margin-right: var(--ds-spacing-xxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-xs--1No_u, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-05--Lpnvc {
  margin-right: 8px;
  margin-right: var(--ds-spacing-xs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-s--1cd8d, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-075--3RpLQ {
  margin-right: 12px;
  margin-right: var(--ds-spacing-s);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-m--3mTC8, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-1--1y63D {
  margin-right: 16px;
  margin-right: var(--ds-spacing-m);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-125--2ZWsa, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-15--38A6Q, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-l--_bgcO {
  margin-right: 24px;
  margin-right: var(--ds-spacing-l);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-175--1EDRz, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-2--3_f1Z, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-xl--1b8Oi {
  margin-right: 32px;
  margin-right: var(--ds-spacing-xl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-xxl--3XCMv {
  margin-right: 48px;
  margin-right: var(--ds-spacing-xxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-xxxl--2cSQ7 {
  margin-right: 64px;
  margin-right: var(--ds-spacing-xxxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginRight-auto--1Mx2o {
  margin-right: auto;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-none--tXDKg, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-0--1jMLF {
  margin-top: 0;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-xxxs--3kw3u {
  margin-top: 2px;
  margin-top: var(--ds-spacing-xxxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-xxs--ZUvdQ, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-025--1aSdO {
  margin-top: 4px;
  margin-top: var(--ds-spacing-xxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-xs--2on5S, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-05--2ZTBj {
  margin-top: 8px;
  margin-top: var(--ds-spacing-xs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-s--2wtZC, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-075--2gKu_ {
  margin-top: 12px;
  margin-top: var(--ds-spacing-s);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-m--AXFns, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-1--32glc {
  margin-top: 16px;
  margin-top: var(--ds-spacing-m);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-125--3WDW1, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-15--2EcYJ, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-l--3GAd1 {
  margin-top: 24px;
  margin-top: var(--ds-spacing-l);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-175--hwoWt, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-2--2POAh, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-xl--1K5f- {
  margin-top: 32px;
  margin-top: var(--ds-spacing-xl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-xxl--3poru {
  margin-top: 48px;
  margin-top: var(--ds-spacing-xxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-xxxl--1VT2j {
  margin-top: 64px;
  margin-top: var(--ds-spacing-xxxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginTop-auto--bo_mq {
  margin-top: auto;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-none--2yLDG, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-0--2cakB {
  margin-bottom: 0;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-xxxs--2TRJK {
  margin-bottom: 2px;
  margin-bottom: var(--ds-spacing-xxxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-xxs--1Hmk_, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-025--126fU {
  margin-bottom: 4px;
  margin-bottom: var(--ds-spacing-xxs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-xs--2Jddh, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-05--1U1dC {
  margin-bottom: 8px;
  margin-bottom: var(--ds-spacing-xs);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-s--KEam-, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-075--33eqP {
  margin-bottom: 12px;
  margin-bottom: var(--ds-spacing-s);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-m--1XzAb, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-1--2Q9KD {
  margin-bottom: 16px;
  margin-bottom: var(--ds-spacing-m);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-125--36YQt, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-15--24ozd, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-l--2SrEQ {
  margin-bottom: 24px;
  margin-bottom: var(--ds-spacing-l);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-175--kY8_Z, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-2--2gAS0, .shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-xl--1XGPC {
  margin-bottom: 32px;
  margin-bottom: var(--ds-spacing-xl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-xxl--2RUcv {
  margin-bottom: 48px;
  margin-bottom: var(--ds-spacing-xxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-xxxl--3BID6 {
  margin-bottom: 64px;
  margin-bottom: var(--ds-spacing-xxxl);
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__marginBottom-auto--1maCr {
  margin-bottom: auto;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__flexDirection-column--1Pz0r {
  flex-direction: column;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__flexDirection-row--2uezT {
  flex-direction: row;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__flexDirection-column-reverse--3PnKf {
  flex-direction: column-reverse;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__flexDirection-row-reverse--3c3oq {
  flex-direction: row-reverse;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__alignItems-stretch--1EK0m {
  align-items: stretch;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__alignItems-center--2kAg4 {
  align-items: center;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__alignItems-start--2VnET {
  align-items: start;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__alignItems-end--1MwNg {
  align-items: end;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__alignItems-flex-start--1Jhxa {
  align-items: flex-start;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__alignItems-flex-end--26IJP {
  align-items: flex-end;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__alignItems-baseline--1Qd-e {
  align-items: baseline;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__justifyContent-center--3oEPe {
  justify-content: center;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__justifyContent-start--3THtH {
  justify-content: start;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__justifyContent-end--3QiNl {
  justify-content: end;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__justifyContent-flex-start--2Ai35 {
  justify-content: flex-start;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__justifyContent-flex-end--27WGM {
  justify-content: flex-end;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__justifyContent-left--2JuX5 {
  justify-content: left;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__justifyContent-right--18uGH {
  justify-content: right;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__justifyContent-space-between--3TNP- {
  justify-content: space-between;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__justifyContent-space-around--bGz4h {
  justify-content: space-around;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__justifyContent-space-evenly--28bPn {
  justify-content: space-evenly;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__justifyContent-stretch--1uBqa {
  justify-content: stretch;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__flexWrap-nowrap--27jMW {
  flex-wrap: nowrap;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__flexWrap-wrap--UmwTh {
  flex-wrap: wrap;
}

.shared-design-src-Box-styles-module__box--ufDMI.shared-design-src-Box-styles-module__flexWrap-wrap-reverse--3yC-z {
  flex-wrap: wrap-reverse;
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-Text-styles-module__text--2EIlp {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  line-height: 1;
  display: inline;
  max-width: 100%;
}

.shared-design-src-Text-styles-module__display1--1qbef {
  font-size: 36px;
  font-size: var(--ds-font-size-display1);
  line-height: 48px;
  line-height: var(--ds-line-height-display1);
  font-weight: 600;
  font-weight: var(--ds-font-weight-display1);
}

.shared-design-src-Text-styles-module__display1--1qbef > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Text-styles-module__display2--PE9Rx {
  font-size: 24px;
  font-size: var(--ds-font-size-display2);
  line-height: 32px;
  line-height: var(--ds-line-height-display2);
  font-weight: 600;
  font-weight: var(--ds-font-weight-display2);
}

.shared-design-src-Text-styles-module__display2--PE9Rx > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Text-styles-module__display3--2h_Nn {
  font-size: 20px;
  font-size: var(--ds-font-size-display3);
  line-height: 30px;
  line-height: var(--ds-line-height-display3);
  font-weight: 600;
  font-weight: var(--ds-font-weight-display3);
}

.shared-design-src-Text-styles-module__display3--2h_Nn > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Text-styles-module__display4--1E-Vg {
  font-size: 20px;
  font-size: var(--ds-font-size-display4);
  line-height: 30px;
  line-height: var(--ds-line-height-display4);
  font-weight: 400;
  font-weight: var(--ds-font-weight-display4);
}

.shared-design-src-Text-styles-module__display4--1E-Vg > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Text-styles-module__display5--2O-mw {
  font-size: 16px;
  font-size: var(--ds-font-size-display5);
  line-height: 26px;
  line-height: var(--ds-line-height-display5);
  font-weight: 600;
  font-weight: var(--ds-font-weight-display5);
}

.shared-design-src-Text-styles-module__display5--2O-mw > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Text-styles-module__display6--3pA1_ {
  font-size: 14px;
  font-size: var(--ds-font-size-display6);
  line-height: 24px;
  line-height: var(--ds-line-height-display6);
  font-weight: 600;
  font-weight: var(--ds-font-weight-display6);
}

.shared-design-src-Text-styles-module__display6--3pA1_ > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Text-styles-module__body--SYVVc {
  font-size: 16px;
  font-size: var(--ds-font-size-body);
  line-height: 26px;
  line-height: var(--ds-line-height-body);
  font-weight: 400;
  font-weight: var(--ds-font-weight-body);
}

.shared-design-src-Text-styles-module__body--SYVVc > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Text-styles-module__body--SYVVc.shared-design-src-Text-styles-module__muted--XTWe0 {
  color: #757195;
  color: var(--ds-color-text-muted);
}

.shared-design-src-Text-styles-module__body2--MNq54 {
  font-size: 14px;
  font-size: var(--ds-font-size-body2);
  line-height: 24px;
  line-height: var(--ds-line-height-body2);
  font-weight: 400;
  font-weight: var(--ds-font-weight-body2);
}

.shared-design-src-Text-styles-module__body2--MNq54 > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Text-styles-module__body2--MNq54.shared-design-src-Text-styles-module__muted--XTWe0 {
  color: #757195;
  color: var(--ds-color-text-muted);
}

.shared-design-src-Text-styles-module__caption--KJDhW {
  font-size: 12px;
  font-size: var(--ds-font-size-caption);
  line-height: 16px;
  line-height: var(--ds-line-height-caption);
  font-weight: 400;
  font-weight: var(--ds-font-weight-caption);
}

.shared-design-src-Text-styles-module__caption--KJDhW > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Text-styles-module__caption--KJDhW.shared-design-src-Text-styles-module__muted--XTWe0 {
  color: #757195;
  color: var(--ds-color-text-muted);
}

.shared-design-src-Text-styles-module__loading--1d0OS {
  background: var(--ds-color-state-loading-background);
  background: var(--ds-text-loading-background, var(--ds-color-state-loading-background));
  border-radius: var(--ds-radius-small);
  border-radius: var(--ds-text-loading-radius, var(--ds-radius-small));
  color: transparent;
}

.shared-design-src-Text-styles-module__lineClamp--sWGAu {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.shared-design-src-Text-styles-module__nowrap--1qiPi {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-list-ordered-paddingLeft),
 * var(--ds-list-ordered-nested-paddingLeft),
 *
 * var(--ds-list-bulleted-paddingLeft),
 * var(--ds-list-bulleted-nested-paddingLeft),
 * var(--ds-list-bulleted-nested-custom-paddingLeft),
 *
 * var(--ds-list-item-borderBottom),
 * var(--ds-list-borderBottom),
 * var(--ds-list-borderTop),
 *
**/
.shared-design-src-List-styles-module__list--3d-t8 {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

ol.shared-design-src-List-styles-module__list--3d-t8 {
  list-style-type: decimal;
  padding-left: 40px;
  padding-left: var(--ds-list-ordered-paddingLeft, 40px);
}

ol.shared-design-src-List-styles-module__list--3d-t8 ol.shared-design-src-List-styles-module__list--3d-t8 {
  margin-top: 4px;
  margin-top: var(--ds-spacing-xxs);
  padding-left: 20px;
  padding-left: var(--ds-list-ordered-nested-paddingLeft, 20px);
}

.shared-design-src-List-styles-module__bulleted--1TPe- {
  list-style-type: disc;
  padding-left: 16px;
  padding-left: var(--ds-list-bulleted-paddingLeft, 16px);
}

.shared-design-src-List-styles-module__bulleted--1TPe- .shared-design-src-List-styles-module__bulleted--1TPe- {
  margin-top: 4px;
  margin-top: var(--ds-spacing-xxs);
  padding-left: 20px;
  padding-left: var(--ds-list-bulleted-nested-paddingLeft, 20px);
}

.shared-design-src-List-styles-module__bulleted--1TPe- .shared-design-src-List-styles-module__customBulleted--3p-_z {
  padding-left: 30px;
  padding-left: var(--ds-list-bulleted-nested-custom-paddingLeft, 30px);
}

.shared-design-src-List-styles-module__listItem--OHZ_g {
  padding-top: 4px;
  padding-top: var(--ds-spacing-xxs);
  padding-bottom: 4px;
  padding-bottom: var(--ds-spacing-xxs);
}

.shared-design-src-List-styles-module__customBulletedListItem--1ebGV {
  position: relative;
  list-style-type: none;
}

.shared-design-src-List-styles-module__bulletMedia--2NtUO {
  list-style-type: none;
  line-height: 0;
  transform: translateX(-50%);
  position: absolute;
  left: calc(20px * -1);
  left: calc(var(--ds-list-bulleted-nested-paddingLeft, 20px) * -1);
}

.shared-design-src-List-styles-module__relaxed--1WjE4 > .shared-design-src-List-styles-module__listItem--OHZ_g {
  padding-top: 16px;
  padding-top: var(--ds-spacing-m);
  padding-bottom: 16px;
  padding-bottom: var(--ds-spacing-m);
}

.shared-design-src-List-styles-module__relaxed--1WjE4 .shared-design-src-List-styles-module__bulletMedia--2NtUO {
  top: 24px;
  top: var(--ds-spacing-l); /* TODO this is 26 it was 28?? */
}

.shared-design-src-List-styles-module__padded--3uFpS > .shared-design-src-List-styles-module__listItem--OHZ_g {
  padding-left: 16px;
  padding-left: var(--ds-spacing-m);
  padding-right: 16px;
  padding-right: var(--ds-spacing-m);
}

.shared-design-src-List-styles-module__divided--1hgYI .shared-design-src-List-styles-module__listItem--OHZ_g {
  border-bottom: var(--ds-size-border-width-hairline) solid var(--ds-color-border);
  border-bottom: var(--ds-list-item-borderBottom, var(--ds-size-border-width-hairline) solid var(--ds-color-border));
}

.shared-design-src-List-styles-module__divided--1hgYI .shared-design-src-List-styles-module__listItem--OHZ_g:last-child {
  border-bottom: 0 none;
}

.shared-design-src-List-styles-module__borderTop--1f51L {
  border-top: var(--ds-size-border-width-hairline) solid var(--ds-color-border);
  border-top: var(--ds-list-borderTop, var(--ds-size-border-width-hairline) solid var(--ds-color-border));
}

.shared-design-src-List-styles-module__borderBottom--1PWzd {
  border-bottom: var(--ds-size-border-width-hairline) solid var(--ds-color-border);
  border-bottom: var(--ds-list-borderBottom, var(--ds-size-border-width-hairline) solid var(--ds-color-border));
}

.shared-design-src-List-styles-module__listMedia--1Uqx4 {
  display: inline-block;
}

.shared-design-src-List-styles-module__listContent--tTnLJ {
  display: inline-block;
}

.shared-design-src-List-styles-module__listMedia--1Uqx4 + .shared-design-src-List-styles-module__listContent--tTnLJ {
  padding-left: 16px;
  padding-left: var(--ds-spacing-m);
}

.shared-design-src-List-styles-module__listItem--OHZ_g.shared-design-src-List-styles-module__arrow--3gCk8 {
  display: flex;
  align-items: center;
}

/* TODO convert this to <Icon> */
.shared-design-src-List-styles-module__relaxed--1WjE4 .shared-design-src-List-styles-module__listItem--OHZ_g.shared-design-src-List-styles-module__arrow--3gCk8,
.shared-design-src-List-styles-module__listItem--OHZ_g.shared-design-src-List-styles-module__arrow--3gCk8 {
  position: relative;
  padding-right: 40px;
}

.shared-design-src-List-styles-module__listItem--OHZ_g.shared-design-src-List-styles-module__arrow--3gCk8 .shared-design-src-List-styles-module__arrowIcon--3Ku4f {
  position: absolute;
  right: 16px;
  right: var(--ds-spacing-m);
  pointer-events: none;
}

a.shared-design-src-List-styles-module__listItem--OHZ_g {
  text-decoration: none;
  color: inherit;
  display: block;
}

a.shared-design-src-List-styles-module__listItem--OHZ_g.shared-design-src-List-styles-module__flex--2_lFh,
.shared-design-src-List-styles-module__listItem--OHZ_g.shared-design-src-List-styles-module__flex--2_lFh {
  display: flex;
  align-items: center;
}
.shared-design-src-Icon-styles-module__svg--2kTVD {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  line-height: 1;
  color: currentColor;
  fill: currentColor;
}

.shared-design-src-Icon-styles-module__svg--2kTVD > svg {
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  pointer-events: none;
  vertical-align: bottom;
}

.shared-design-src-Icon-styles-module__svg--2kTVD stop {
  stop-color: currentColor;
}

.shared-design-src-Icon-styles-module__small--1MNr3 {
  width: var(--ds-size-dimension-s);
  width: var(--ds-icon-small-dimension, var(--ds-size-dimension-s));
  height: var(--ds-size-dimension-s);
  height: var(--ds-icon-small-dimension, var(--ds-size-dimension-s));
}

.shared-design-src-Icon-styles-module__small--1MNr3 > svg {
  width: var(--ds-size-dimension-s);
  width: var(--ds-icon-small-dimension, var(--ds-size-dimension-s));
  height: var(--ds-size-dimension-s);
  height: var(--ds-icon-small-dimension, var(--ds-size-dimension-s));
}

.shared-design-src-Icon-styles-module__medium--1Y2oj {
  width: var(--ds-size-dimension-m);
  width: var(--ds-icon-medium-dimension, var(--ds-size-dimension-m));
  height: var(--ds-size-dimension-m);
  height: var(--ds-icon-medium-dimension, var(--ds-size-dimension-m));
}

.shared-design-src-Icon-styles-module__medium--1Y2oj > svg {
  width: var(--ds-size-dimension-m);
  width: var(--ds-icon-medium-dimension, var(--ds-size-dimension-m));
  height: var(--ds-size-dimension-m);
  height: var(--ds-icon-medium-dimension, var(--ds-size-dimension-m));
}

.shared-design-src-Icon-styles-module__large--a8v8S {
  width: var(--ds-size-dimension-l);
  width: var(--ds-icon-large-dimension, var(--ds-size-dimension-l));
  height: var(--ds-size-dimension-l);
  height: var(--ds-icon-large-dimension, var(--ds-size-dimension-l));
}

.shared-design-src-Icon-styles-module__large--a8v8S > svg {
  width: var(--ds-size-dimension-l);
  width: var(--ds-icon-large-dimension, var(--ds-size-dimension-l));
  height: var(--ds-size-dimension-l);
  height: var(--ds-icon-large-dimension, var(--ds-size-dimension-l));
}

.shared-design-src-Icon-styles-module__x-large--2VQV9,
.shared-design-src-Icon-styles-module__xlarge--8OXyP {
  width: var(--ds-size-dimension-xxl);
  width: var(--ds-icon-xlarge-dimension, var(--ds-size-dimension-xxl));
  height: var(--ds-size-dimension-xxl);
  height: var(--ds-icon-xlarge-dimension, var(--ds-size-dimension-xxl));
}

.shared-design-src-Icon-styles-module__x-large--2VQV9 > svg,
.shared-design-src-Icon-styles-module__xlarge--8OXyP > svg {
  width: var(--ds-size-dimension-xxl);
  width: var(--ds-icon-xlarge-dimension, var(--ds-size-dimension-xxl));
  height: var(--ds-size-dimension-xxl);
  height: var(--ds-icon-xlarge-dimension, var(--ds-size-dimension-xxl));
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-modal-overlay-padding)
 * var(--ds-modal-overlay-backgroundColor)
 * var(--ds-modal-overlay-dismiss-stroke)
 * var(--ds-modal-overlay-dismiss-backgroundColor)
 * var(--ds-modal-overlay-dismiss-hover-backgroundColor)
 * var(--ds-modal-overlay-dismiss-focus-backgroundColor)
 * var(--ds-modal-overlay-dismiss-focus-boxShadow)
**/
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-Modal-ModalOverlay-styles-module__underlay--jzFt_ {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1000000000;
  min-height: 100vh;
  width: 100%;
}

@media only screen and (min-width: 481px) {
  .shared-design-src-Modal-ModalOverlay-styles-module__underlay--jzFt_ {
    min-height: initial;
  }
}
.shared-design-src-Modal-ModalOverlay-styles-module__wrapper--2ru15 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
}

.shared-design-src-Modal-ModalOverlay-styles-module__wrapper--2ru15.shared-design-src-Modal-ModalOverlay-styles-module__right--iXIOO {
  justify-content: center;
  align-items: flex-end;
}

.shared-design-src-Modal-ModalOverlay-styles-module__wrapper--2ru15.shared-design-src-Modal-ModalOverlay-styles-module__left--3Szo6 {
  justify-content: center;
  align-items: flex-start;
}

.shared-design-src-Modal-ModalOverlay-styles-module__wrapper--2ru15.shared-design-src-Modal-ModalOverlay-styles-module__top--1i823 {
  align-items: center;
  justify-content: flex-start;
}

.shared-design-src-Modal-ModalOverlay-styles-module__wrapper--2ru15.shared-design-src-Modal-ModalOverlay-styles-module__bottom--5V-EB {
  align-items: center;
  justify-content: flex-end;
}

.shared-design-src-Modal-ModalOverlay-styles-module__wrapper--2ru15.shared-design-src-Modal-ModalOverlay-styles-module__center--rRcMU {
  align-items: center;
}

@media only screen and (min-width: 481px) {
  .shared-design-src-Modal-ModalOverlay-styles-module__wrapper--2ru15.shared-design-src-Modal-ModalOverlay-styles-module__center--rRcMU {
    padding: 10vh var(--ds-layout-05);
    padding: var(--ds-modal-overlay-padding, 10vh var(--ds-layout-05));
  }
}
.shared-design-src-Modal-ModalOverlay-styles-module__dialog--22GlQ {
  text-align: left;
  outline: none;
  display: inline-block;
}

.shared-design-src-Modal-ModalOverlay-styles-module__overflowHidden--q--m2 {
  overflow: hidden !important;
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-modal-card-background),
 *
**/
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-Modal-ModalCard-styles-module__card--3dkrb {
  background: var(--ds-color-background-ui);
  background: var(--ds-modal-card-background, var(--ds-color-background-ui));
  min-height: 100%;
}

@media only screen and (min-width: 481px) {
  .shared-design-src-Modal-ModalCard-styles-module__card--3dkrb {
    background: var(--ds-color-background-ui);
    background: var(--ds-modal-card-background, var(--ds-color-background-ui));
    box-shadow: var(--ds-shadow-700);
    box-shadow: var(--ds-modal-card-boxShadow, var(--ds-shadow-700));
    border-radius: var(--ds-radius-small);
    border-radius: var(--ds-modal-border-radius, var(--ds-radius-small));
    min-height: auto;
  }
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-modal-auto-maxWidth),
 * var(--ds-modal-small-maxWidth),
 * var(--ds-modal-medium-maxWidth),
 * var(--ds-modal-large-maxWidth),
 *
**/
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-Modal-styles-module__modal--Qu5nd {
  display: inline-block;
  width: 100%;
  min-height: 100%;
  text-align: left;
  flex: 1;
}

.shared-design-src-Modal-styles-module__modal--Qu5nd.shared-design-src-Modal-styles-module__auto--1Yddd {
  max-width: 480px;
  max-width: var(--ds-modal-auto-maxWidth, 480px);
  /* Screen Width - Dismiss button space */
  width: calc(100% - 80px);
}

@media only screen and (min-width: 481px) {
  .shared-design-src-Modal-styles-module__modal--Qu5nd {
    flex-grow: unset;
    min-height: auto;
  }
  .shared-design-src-Modal-styles-module__modal--Qu5nd.shared-design-src-Modal-styles-module__small--Jrlca {
    max-width: 480px;
    max-width: var(--ds-modal-small-maxWidth, 480px);
  }
  .shared-design-src-Modal-styles-module__modal--Qu5nd.shared-design-src-Modal-styles-module__medium--Z4U96 {
    max-width: 768px;
    max-width: var(--ds-modal-medium-maxWidth, 768px);
  }
  .shared-design-src-Modal-styles-module__modal--Qu5nd.shared-design-src-Modal-styles-module__large--20NTC {
    max-width: 1024px;
    max-width: var(--ds-modal-large-maxWidth, 1024px);
  }
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-Modal-ModalBody-styles-module__container--16PfQ {
  position: relative;
}

.shared-design-src-Modal-ModalBody-styles-module__dismiss--1vexX {
  position: absolute;
  top: 12px;
  top: var(--ds-spacing-s);
  right: 12px;
  right: var(--ds-spacing-s);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: calc(4px * 10);
  width: var(--ds-size-dimension-xl);
  height: calc(4px * 10);
  height: var(--ds-size-dimension-xl);
  cursor: pointer;
  z-index: 10;
  border: none;
  background-color: inherit;
  outline: none;
}

.shared-design-src-Modal-ModalBody-styles-module__dismiss--1vexX:hover, .shared-design-src-Modal-ModalBody-styles-module__dismiss--1vexX:focus {
  background-color: #F2F2F6;
  background-color: var(--ds-color-neutral-100);
}

.shared-design-src-Modal-ModalBody-styles-module__dismiss--1vexX:focus {
  box-shadow: 0 0 0 4px var(--ds-color-state-focus-border);
  box-shadow: var(--ds-modal-overlay-dismiss-focus-boxShadow, 0 0 0 4px var(--ds-color-state-focus-border));
}

.shared-design-src-Modal-ModalBody-styles-module__dismiss--1vexX * {
  display: flex;
}
.shared-design-src-Logo-styles-module__svg--3ZHB- {
  display: block;
  flex-shrink: 0;
  line-height: 1;
  color: currentColor;
  width: 100%;
}

.shared-design-src-Logo-styles-module__logoContainer--3QQnc {
  position: relative;
}

.shared-design-src-Logo-styles-module__head--2t_de {
  background-color: #E41421;
  background-color: var(--ds-color-brand);
  height: 100%;
  aspect-ratio: 1/1;
  position: absolute;
  border-radius: 50%;
  clip-path: inset(0 0 100% 0 round 50%);
  display: flex;
  align-items: center;
  gap: 8%;
  justify-content: center;
}

.shared-design-src-Logo-styles-module__rightEye--3yQ0C, .shared-design-src-Logo-styles-module__leftEye--2y-Hv {
  width: 25%;
  height: 40%;
  background: white;
  border-radius: 100%/70%;
  scale: 1 0;
  transform-origin: center;
}

.shared-design-src-Logo-styles-module__head--2t_de.shared-design-src-Logo-styles-module__appearTopToBottom--3t-RR {
  animation: shared-design-src-Logo-styles-module__appearTopToBottom--3t-RR 0.3s ease-out forwards;
}

.shared-design-src-Logo-styles-module__head--2t_de.shared-design-src-Logo-styles-module__disappearBottomToTop--3F6O0 {
  animation: shared-design-src-Logo-styles-module__disappearBottomToTop--3F6O0 0.3s ease-out forwards;
}

@keyframes shared-design-src-Logo-styles-module__disappearBottomToTop--3F6O0 {
  from {
    clip-path: inset(0 0 0 0 round 50%);
  }
  to {
    clip-path: inset(0 0 100% 0 round 50%);
  }
}
@keyframes shared-design-src-Logo-styles-module__appearTopToBottom--3t-RR {
  from {
    clip-path: inset(0 0 100% 0 round 50%);
  }
  to {
    clip-path: inset(0 0 0 0 round 50%);
  }
}
.shared-design-src-Logo-styles-module__leftEye--2y-Hv.shared-design-src-Logo-styles-module__wink--3cXBO {
  animation: shared-design-src-Logo-styles-module__open--H5JyK 0.15s cubic-bezier(0.2, 0.6, 0.4, 1.4) forwards, shared-design-src-Logo-styles-module__wink--3cXBO 0.3s ease-in-out 1s forwards, shared-design-src-Logo-styles-module__open--H5JyK 0.15s cubic-bezier(0.2, 0.6, 0.4, 1.4) 2s reverse forwards;
}

.shared-design-src-Logo-styles-module__rightEye--3yQ0C.shared-design-src-Logo-styles-module__wink--3cXBO {
  animation: shared-design-src-Logo-styles-module__open--H5JyK 0.15s cubic-bezier(0.2, 0.6, 0.4, 1.4) forwards, shared-design-src-Logo-styles-module__open--H5JyK 0.15s cubic-bezier(0.2, 0.6, 0.4, 1.4) 2s reverse forwards;
}

.shared-design-src-Logo-styles-module__leftEye--2y-Hv.shared-design-src-Logo-styles-module__blink--2jUS1, .shared-design-src-Logo-styles-module__rightEye--3yQ0C.shared-design-src-Logo-styles-module__blink--2jUS1 {
  animation: shared-design-src-Logo-styles-module__open--H5JyK 0.15s cubic-bezier(0.2, 0.6, 0.4, 1.4) forwards, shared-design-src-Logo-styles-module__blink--2jUS1 1.5s ease-in-out 0.3s 2 forwards, shared-design-src-Logo-styles-module__open--H5JyK 0.15s cubic-bezier(0.2, 0.6, 0.4, 1.4) 5s reverse forwards;
}

.shared-design-src-Logo-styles-module__leftEye--2y-Hv.shared-design-src-Logo-styles-module__glances--2gl8M, .shared-design-src-Logo-styles-module__rightEye--3yQ0C.shared-design-src-Logo-styles-module__glances--2gl8M {
  animation: shared-design-src-Logo-styles-module__open--H5JyK 0.15s cubic-bezier(0.2, 0.6, 0.4, 1.4) forwards, shared-design-src-Logo-styles-module__glances--2gl8M 3s ease-in-out 0.5s forwards, shared-design-src-Logo-styles-module__blink--2jUS1 2s ease-in-out 0.3s forwards, shared-design-src-Logo-styles-module__open--H5JyK 0.15s cubic-bezier(0.2, 0.6, 0.4, 1.4) 4.5s reverse forwards;
}

@keyframes shared-design-src-Logo-styles-module__open--H5JyK {
  0% {
    scale: 1 0;
  }
  100% {
    scale: 1 1;
  }
}
@keyframes shared-design-src-Logo-styles-module__blink--2jUS1 {
  0%, 93%, 100% {
    scale: 1 1;
  }
  94%, 96% {
    scale: 1 0.1;
  }
}
@keyframes shared-design-src-Logo-styles-module__wink--3cXBO {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.05);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes shared-design-src-Logo-styles-module__glances--2gl8M {
  0% {
    transform: translate(0, 0) scale(1, 1); /* center */
  }
  10% {
    transform: translate(-40%, 0) scale(1, 1); /* glance left */
  }
  40% {
    transform: translate(-40%, 0) scale(1, 1); /* hold at left */
  }
  50% {
    transform: translate(30%, 0) scale(1, 1); /* glance right */
  }
  90% {
    transform: translate(30%, 0) scale(1, 1); /* hold at right */
  }
  100% {
    transform: translate(0%, 40%) scale(1.15, 0.8); /* final down + squish */
  }
}
@keyframes shared-design-src-Logo-styles-module__glance-right-from-left--3tUeD {
  0% {
    translate: -40 0;
  }
  100% {
    translate: 30% 0;
  }
}
@keyframes shared-design-src-Logo-styles-module__glance-down--3PzEk {
  0% {
    translate: 30% 0;
  }
  100% {
    translate: 10% 40%;
  }
}
@keyframes shared-design-src-Logo-styles-module__squish--2rNas {
  0% {
    scale: 1 1;
  }
  100% {
    scale: 1.08 0.8;
  }
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-Footer-FooterLegal-themes-default-module__link--3E5WV {
  background-color: inherit;
  border: inherit;
  text-decoration: none;
  display: block;
  cursor: pointer;
  padding: 0;
  color: #9695A8;
  color: var(--ds-color-text-muted-contrast);
  font: inherit;
}

.shared-design-src-headerAndFooter-components-Footer-FooterLegal-themes-default-module__link--3E5WV:hover {
  text-decoration: underline;
}

.shared-design-src-headerAndFooter-components-Footer-FooterLegal-themes-default-module__address--3r6-6 {
  font-style: normal;
}

.shared-design-src-headerAndFooter-components-Footer-FooterLegal-themes-default-module__listHorizontal--1HmnD {
  display: flex;
  flex-wrap: wrap;
}

.shared-design-src-headerAndFooter-components-Footer-FooterLegal-themes-default-module__listHorizontal--1HmnD li {
  margin-right: 16px;
}

.shared-design-src-headerAndFooter-components-Footer-FooterLegal-themes-default-module__listHorizontal--1HmnD li:last-child {
  margin-right: 0;
}

.shared-design-src-headerAndFooter-components-Footer-FooterLegal-themes-default-module__footerLegal--2WggL {
  width: 100%;
  border-bottom: 2px solid #40354E;
  border-top: 2px solid #40354E;
}

.shared-design-src-headerAndFooter-components-Footer-FooterLegal-themes-default-module__footerLegal--2WggL .shared-design-src-headerAndFooter-components-Footer-FooterLegal-themes-default-module__footerContainer--3FN6Z {
  padding: 24px 16px;
}

@media only screen and (min-width: 768px) {
  .shared-design-src-headerAndFooter-components-Footer-FooterLegal-themes-default-module__footerLegal--2WggL .shared-design-src-headerAndFooter-components-Footer-FooterLegal-themes-default-module__footerContainer--3FN6Z {
    padding: 32px 24px;
    display: flex;
  }
  .shared-design-src-headerAndFooter-components-Footer-FooterLegal-themes-default-module__footerLegal--2WggL .shared-design-src-headerAndFooter-components-Footer-FooterLegal-themes-default-module__listHorizontal--1HmnD {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.shared-design-src-headerAndFooter-components-Footer-FooterLegal-themes-default-module__footerContainer--3FN6Z {
  max-width: 1180px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.shared-design-src-headerAndFooter-components-Footer-FooterLegal-themes-default-module__redbubbleLogo--2DrYw {
  display: block;
  max-width: 150px;
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-Footer-FooterNav-themes-default-module__footerNavigation--1lqcz {
  color: #FFFFFF;
}

.shared-design-src-headerAndFooter-components-Footer-FooterNav-themes-default-module__footerNavigation--1lqcz .shared-design-src-headerAndFooter-components-Footer-FooterNav-themes-default-module__footerContainer--XJx8h {
  padding: 24px 16px;
}

.shared-design-src-headerAndFooter-components-Footer-FooterNav-themes-default-module__footerNavigation--1lqcz ul {
  margin-top: 16px;
  padding-right: 32px;
}

.shared-design-src-headerAndFooter-components-Footer-FooterNav-themes-default-module__footerNavigation--1lqcz ul:first-child {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .shared-design-src-headerAndFooter-components-Footer-FooterNav-themes-default-module__footerNavigation--1lqcz .shared-design-src-headerAndFooter-components-Footer-FooterNav-themes-default-module__footerContainer--XJx8h {
    padding: 32px 24px;
    display: flex;
    align-items: flex-start;
  }
  .shared-design-src-headerAndFooter-components-Footer-FooterNav-themes-default-module__footerNavigation--1lqcz ul {
    width: 100%;
    flex-grow: 1;
    margin-top: 0;
    margin-right: 32px;
  }
}
.shared-design-src-headerAndFooter-components-Footer-FooterNav-themes-default-module__listHeading--3rg6k {
  margin-bottom: 4px;
}

.shared-design-src-headerAndFooter-components-Footer-FooterNav-themes-default-module__link--2R39f {
  text-decoration: none;
  color: inherit;
  display: block;
}

.shared-design-src-headerAndFooter-components-Footer-FooterNav-themes-default-module__link--2R39f:hover {
  text-decoration: underline;
}

.shared-design-src-headerAndFooter-components-Footer-FooterNav-themes-default-module__footerContainer--XJx8h {
  max-width: 1180px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-image-rounded-borderRadius),
 *
 * var(--ds-image-tiny-width),
 * var(--ds-image-small-width),
 * var(--ds-image-medium-width),
 * var(--ds-image-large-width),
 * var(--ds-image-extraLarge-width),
 * var(--ds-image-jumbo-width),
 *
**/
.shared-design-src-Image-styles-module__image--1YPwG {
  display: block;
  vertical-align: middle;
  border-style: none;
}

.shared-design-src-Image-styles-module__tiny--2fsww {
  width: calc(4px * 8);
  width: var(--ds-image-tiny-width, calc(var(--ds-size-dimension) * 8));
}

.shared-design-src-Image-styles-module__small--2tWJ0 {
  width: calc(4px * 16);
  width: var(--ds-image-small-width, calc(var(--ds-size-dimension) * 16));
}

.shared-design-src-Image-styles-module__medium--RdyDZ {
  width: calc(4px * 32);
  width: var(--ds-image-medium-width, calc(var(--ds-size-dimension) * 32));
}

.shared-design-src-Image-styles-module__large--DKCMd {
  width: calc(4px * 64);
  width: var(--ds-image-large-width, calc(var(--ds-size-dimension) * 64));
}

.shared-design-src-Image-styles-module__extraLarge--2Fdes {
  width: calc(4px * 128);
  width: var(--ds-image-extraLarge-width, calc(var(--ds-size-dimension) * 128));
}

.shared-design-src-Image-styles-module__jumbo--_ZNU8 {
  width: calc(4px * 256);
  width: var(--ds-image-jumbo-width, calc(var(--ds-size-dimension) * 256));
}

.shared-design-src-Image-styles-module__fluid--1jT5o {
  height: auto;
  width: 100%;
}

.shared-design-src-Image-styles-module__rounded--FxJOI {
  border-radius: var(--ds-radius-small);
  border-radius: var(--ds-image-rounded-borderRadius, var(--ds-radius-small));
}

.shared-design-src-Image-styles-module__round--o7ASA {
  border-radius: 500rem;
}

.shared-design-src-Image-styles-module__ratioOuter--SD6fD {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.shared-design-src-Image-styles-module__ratioOuter--SD6fD.shared-design-src-Image-styles-module__rounded--FxJOI {
  border-radius: var(--ds-radius-small);
  border-radius: var(--ds-image-rounded-borderRadius, var(--ds-radius-small));
}

.shared-design-src-Image-styles-module__ratioInner--15dAd {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.shared-design-src-Image-styles-module__square--1QBpE,
.shared-design-src-Image-styles-module__portrait--1gCzM,
.shared-design-src-Image-styles-module__landscape--1CrCO {
  /* IE11 styles */
}

.shared-design-src-Image-styles-module__square--1QBpE .shared-design-src-Image-styles-module__image--1YPwG,
.shared-design-src-Image-styles-module__portrait--1gCzM .shared-design-src-Image-styles-module__image--1YPwG,
.shared-design-src-Image-styles-module__landscape--1CrCO .shared-design-src-Image-styles-module__image--1YPwG {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* modern browser style resets */
@supports ((-o-object-fit: contain) or (object-fit: contain)) and ((-o-object-fit: cover) or (object-fit: cover)) {
  .shared-design-src-Image-styles-module__contain--2InXm .shared-design-src-Image-styles-module__image--1YPwG,
  .shared-design-src-Image-styles-module__cover--Kfprq .shared-design-src-Image-styles-module__image--1YPwG {
    /* reset IE11 styles */
    transform: none;
    position: static;
    /* modern browser styles */
    width: 100%;
    height: 100%;
  }
}
/* modern browser styles */
@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .shared-design-src-Image-styles-module__contain--2InXm .shared-design-src-Image-styles-module__image--1YPwG {
    /* modern browser styles */
    -o-object-fit: contain;
       object-fit: contain;
  }
}
/* modern browser styles */
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .shared-design-src-Image-styles-module__cover--Kfprq .shared-design-src-Image-styles-module__image--1YPwG {
    /* modern browser styles */
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.shared-design-src-Image-styles-module__square--1QBpE {
  padding-bottom: 100%;
}

.shared-design-src-Image-styles-module__portrait--1gCzM {
  padding-bottom: 133%;
}

.shared-design-src-Image-styles-module__landscape--1CrCO {
  padding-bottom: 75%;
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-Footer-FooterApps-themes-default-module__listHorizontal--2Y0O8 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.shared-design-src-headerAndFooter-components-Footer-FooterApps-themes-default-module__listHorizontal--2Y0O8 li {
  margin-right: 16px;
}

.shared-design-src-headerAndFooter-components-Footer-FooterApps-themes-default-module__listHorizontal--2Y0O8 li:last-child {
  margin-right: 0;
}

.shared-design-src-headerAndFooter-components-Footer-FooterApps-themes-default-module__appstoreGraphic--b--tq {
  display: block;
  max-height: 40px;
  width: auto;
}

.shared-design-src-headerAndFooter-components-Footer-FooterApps-themes-default-module__footerContainer--n8DrG {
  max-width: 1180px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.shared-design-src-headerAndFooter-components-Footer-FooterApps-themes-default-module__footerBottom--3T5Uu {
  margin-left: auto;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .shared-design-src-headerAndFooter-components-Footer-FooterApps-themes-default-module__footerBottom--3T5Uu ul {
    width: 100%;
    justify-content: center;
  }
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-Footer-FooterSettings-themes-default-module__footerContainer--3uWwD {
  max-width: 1180px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.shared-design-src-headerAndFooter-components-Footer-FooterSettings-themes-default-module__footerSettings--1lSCf {
  background: #FFFFFF;
}

.shared-design-src-headerAndFooter-components-Footer-FooterSettings-themes-default-module__footerSettings--1lSCf .shared-design-src-headerAndFooter-components-Footer-FooterSettings-themes-default-module__footerContainer--3uWwD {
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .shared-design-src-headerAndFooter-components-Footer-FooterSettings-themes-default-module__footerSettings--1lSCf {
    border-top: 2px solid #F2F2F6;
  }
  .shared-design-src-headerAndFooter-components-Footer-FooterSettings-themes-default-module__footerSettings--1lSCf .shared-design-src-headerAndFooter-components-Footer-FooterSettings-themes-default-module__footerContainer--3uWwD {
    padding: 32px 24px;
    display: flex;
    justify-content: flex-end;
  }
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-Footer-FooterPayments-themes-default-module__listHorizontal--jKwMw {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.shared-design-src-headerAndFooter-components-Footer-FooterPayments-themes-default-module__listHorizontal--jKwMw li {
  margin-right: 16px;
}

.shared-design-src-headerAndFooter-components-Footer-FooterPayments-themes-default-module__listHorizontal--jKwMw li:last-child {
  margin-right: 0;
}

.shared-design-src-headerAndFooter-components-Footer-FooterPayments-themes-default-module__payments--3tEd0 {
  margin-left: auto;
}

.shared-design-src-headerAndFooter-components-Footer-FooterPayments-themes-default-module__payments--3tEd0 .shared-design-src-headerAndFooter-components-Footer-FooterPayments-themes-default-module__icon--3MQW- {
  height: 28px;
  display: block;
  border-radius: 4px;
}

.shared-design-src-headerAndFooter-components-Footer-FooterPayments-themes-default-module__footerContainer--fCoAs {
  max-width: 1180px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.shared-design-src-headerAndFooter-components-Footer-FooterPayments-themes-default-module__footerBottom--2Vapf {
  margin-left: auto;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .shared-design-src-headerAndFooter-components-Footer-FooterPayments-themes-default-module__footerBottom--2Vapf .shared-design-src-headerAndFooter-components-Footer-FooterPayments-themes-default-module__footerContainer--fCoAs {
    padding: 32px 24px 0;
  }
  .shared-design-src-headerAndFooter-components-Footer-FooterPayments-themes-default-module__footerBottom--2Vapf ul {
    width: 100%;
    justify-content: center;
  }
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
/* Global defenitions, consider moving to components */
.shared-design-src-headerAndFooter-components-Footer-Footer-module__link--2agmk {
  text-decoration: none;
  color: inherit;
  display: block;
}

.shared-design-src-headerAndFooter-components-Footer-Footer-module__link--2agmk:hover {
  text-decoration: underline;
}

.shared-design-src-headerAndFooter-components-Footer-Footer-module__listHorizontal--1w-BO {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.shared-design-src-headerAndFooter-components-Footer-Footer-module__listHorizontal--1w-BO li {
  margin-right: 16px;
}

.shared-design-src-headerAndFooter-components-Footer-Footer-module__listHorizontal--1w-BO li:last-child {
  margin-right: 0;
}

/* Layout specific styles */
.shared-design-src-headerAndFooter-components-Footer-Footer-module__footer--1YEy1 {
  width: 100%;
  background-color: #07002f;
  background-color: var(--ds-color-background-app-dark);
}

.shared-design-src-headerAndFooter-components-Footer-Footer-module__footerContainer--fYFM8 {
  max-width: 1180px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.shared-design-src-headerAndFooter-components-Footer-Footer-module__footerBottom--2hPca {
  margin-left: auto;
  width: 100%;
  color: #9695A8;
  color: var(--ds-color-text-muted-contrast);
}

.shared-design-src-headerAndFooter-components-Footer-Footer-module__footerBottom--2hPca .shared-design-src-headerAndFooter-components-Footer-Footer-module__footerContainer--fYFM8 {
  padding: 24px 16px;
}

@media only screen and (min-width: 768px) {
  .shared-design-src-headerAndFooter-components-Footer-Footer-module__footerBottom--2hPca .shared-design-src-headerAndFooter-components-Footer-Footer-module__footerContainer--fYFM8 {
    padding: 24px 24px 32px;
  }
  .shared-design-src-headerAndFooter-components-Footer-Footer-module__footerBottom--2hPca ul {
    width: 100%;
    justify-content: center;
  }
}
.shared-design-src-Drawer-styles-module__drawer--6-QQ_ {
  box-shadow: var(--ds-shadow-700);
  box-shadow: var(--ds-drawer-boxShadow, var(--ds-shadow-700));
  background: var(--ds-color-background-ui);
  background: var(--ds-drawer-background, var(--ds-color-background-ui));
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.shared-design-src-Drawer-styles-module__bottom--2ztiR,
.shared-design-src-Drawer-styles-module__top--1Ehnj {
  min-width: 100%;
  width: 100%;
  max-height: 100%;
  height: auto;
}

.shared-design-src-Drawer-styles-module__left--jwm66,
.shared-design-src-Drawer-styles-module__right--MklST {
  min-height: 100%;
  height: 100%;
  max-width: 100%;
  width: auto;
}

.shared-design-src-Drawer-styles-module__left--jwm66 {
  padding-left: var(--ds-js-drawer-screen-edge-buffer);
}

.shared-design-src-Drawer-styles-module__right--MklST {
  padding-right: var(--ds-js-drawer-screen-edge-buffer);
}

.shared-design-src-Drawer-styles-module__bottom--2ztiR {
  padding-bottom: var(--ds-js-drawer-screen-edge-buffer);
}

.shared-design-src-Drawer-styles-module__top--1Ehnj {
  padding-top: var(--ds-js-drawer-screen-edge-buffer);
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-button-borderRadius),
 *
 * var(--ds-button-focus-boxShadow),
 *
 * var(--ds-button-small-height),
 * var(--ds-button-medium-height),
 * var(--ds-button-large-height),
 * var(--ds-button-x-large-height),
 * var(--ds-button-small-padding),
 * var(--ds-button-medium-padding),
 * var(--ds-button-large-padding),
 *
 * var(--ds-button-loading-backgroundColor),
 *
 * var(--ds-button-disabled-color),
 * var(--ds-button-disabled-backgroundColor),
 * var(--ds-button-disabled-hover-color),
 * var(--ds-button-disabled-hover-backgroundColor),
 *
 * var(--ds-button-neutral-backgroundColor),
 * var(--ds-button-neutral-color),
 * var(--ds-button-neutral-hover-backgroundColor),
 * var (--ds-button-neutral-borderWidth),
 * var (--ds-button-neutral-borderColor), 
 * var(--ds-button-neutral-strong-backgroundColor),
 * var(--ds-button-neutral-strong-color),
 * var(--ds-button-neutral-strong-hover-backgroundColor),
 *
 * var(--ds-button-primary-backgroundColor),
 * var(--ds-button-primary-color),
 * var(--ds-button-primary-hover-backgroundColor),
 * var (--ds-button-primary-borderWidth),
 * var (--ds-button-primary-borderColor), 
 * var(--ds-button-primary-strong-backgroundColor),
 * var(--ds-button-primary-strong-color),
 * var(--ds-button-primary-strong-hover-backgroundColor),
 *
 * var(--ds-button-expressive-backgroundColor),
 * var(--ds-button-expressive-color),
 * var(--ds-button-expressive-hover-backgroundColor),
 * var (--ds-button-expressive-borderWidth),
 * var (--ds-button-expressive-borderColor), 
 * var(--ds-button-expressive-strong-backgroundColor),
 * var(--ds-button-expressive-strong-color),
 * var(--ds-button-expressive-strong-hover-backgroundColor),
 *
 * var(--ds-button-destructive-backgroundColor),
 * var(--ds-button-destructive-color),
 * var(--ds-button-destructive-hover-backgroundColor),
 * var (--ds-button-destructive-borderWidth),
 * var (--ds-button-destructive-borderColor), 
 * var(--ds-button-destructive-strong-backgroundColor),
 * var(--ds-button-destructive-strong-color),
 * var(--ds-button-destructive-strong-hover-backgroundColor),
 *
 * var(--ds-button-toggle-backgroundColor),
 * var(--ds-button-toggle-borderWidth),
 * var(--ds-button-toggle-hover-backgroundColor),
 * var(--ds-button-toggle-active-backgroundColor),
 * var(--ds-button-toggle-active-borderColor),
 * var(--ds-button-toggle-active-color),
**/
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
/* Animations */
@keyframes shared-design-src-Button-styles-module__rotate--xVgJS {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.shared-design-src-Button-styles-module__button--2T-d- {
  /* Reset */
  -webkit-appearance: none;
  background: transparent;
  box-shadow: none;
  font-family: inherit;
  color: inherit;
  /* Reset */
  border: 0 none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ds-radius-pill);
  border-radius: var(--ds-button-borderRadius, var(--ds-radius-pill));
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden; /* TODO any implications? */
  position: relative;
  font-size: 16px;
  font-size: var(--ds-font-size-display5);
  line-height: 26px;
  line-height: var(--ds-line-height-display5);
  font-weight: 600;
  font-weight: var(--ds-font-weight-display5);
}

.shared-design-src-Button-styles-module__button--2T-d- > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Button-styles-module__button--2T-d- * {
  pointer-events: none;
}

.shared-design-src-Button-styles-module__button--2T-d-:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  pointer-events: none;
  content: "";
  background-color: var(--ds-color-state-hover-overlay);
  background-color: var(--ds-button-hover-backgroundColor, var(--ds-color-state-hover-overlay));
}

.shared-design-src-Button-styles-module__button--2T-d-.shared-design-src-Button-styles-module__inverse--21xHb:not(.shared-design-src-Button-styles-module__strong--1YXft):before {
  background-color: var(--ds-color-state-hover-overlay-contrast);
  background-color: var(--ds-button-hover-backgroundColor, var(--ds-color-state-hover-overlay-contrast));
}

.shared-design-src-Button-styles-module__button--2T-d- .shared-design-src-Button-styles-module__children--eU5ft {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.shared-design-src-Button-styles-module__button--2T-d-:hover:before {
  opacity: 1;
}

.shared-design-src-Button-styles-module__button--2T-d-:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--ds-color-state-focus-border);
  box-shadow: var(--ds-button-focus-boxShadow, 0 0 0 4px var(--ds-color-state-focus-border));
}

.shared-design-src-Button-styles-module__button--2T-d-:active {
  transform: translateY(1px);
}

.shared-design-src-Button-styles-module__button--2T-d-.shared-design-src-Button-styles-module__strong--1YXft:before {
  background-color: var(--ds-color-state-hover-overlay);
  background-color: var(--ds-button-strong-hover-backgroundColor, var(--ds-color-state-hover-overlay));
}

/* Intents */
.shared-design-src-Button-styles-module__neutral--2hPr2 {
  background-color: var(--ds-color-transparent);
  background-color: var(--ds-button-neutral-backgroundColor, var(--ds-color-transparent));
  color: var(--ds-color-text);
  color: var(--ds-button-neutral-color, var(--ds-color-text));
}

.shared-design-src-Button-styles-module__neutral--2hPr2.shared-design-src-Button-styles-module__strong--1YXft {
  background-color: var(--ds-color-background-alt-100);
  background-color: var(--ds-button-neutral-strong-backgroundColor, var(--ds-color-background-alt-100));
  color: var(--ds-color-text);
  color: var(--ds-button-neutral-strong-color, var(--ds-color-text));
}

.shared-design-src-Button-styles-module__neutral--2hPr2.shared-design-src-Button-styles-module__border--1-EHu {
  border: var(--ds-size-border-width-small) solid var(--ds-color-background-alt-100);
  border: var(--ds-button-neutral-borderWidth, var(--ds-size-border-width-small)) solid var(--ds-button-neutral-borderColor, var(--ds-color-background-alt-100));
}

.shared-design-src-Button-styles-module__neutral--2hPr2.shared-design-src-Button-styles-module__inverse--21xHb {
  color: var(--ds-color-text-contrast);
  color: var(--ds-button-neutral-contrast-color, var(--ds-color-text-contrast));
}

.shared-design-src-Button-styles-module__neutral--2hPr2.shared-design-src-Button-styles-module__inverse--21xHb.shared-design-src-Button-styles-module__strong--1YXft {
  color: var(--ds-color-text);
  color: var(--ds-button-neutral-color, var(--ds-color-text));
  background-color: var(--ds-color-background-ui);
  background-color: var(--ds-button-neutral-contrast-backgroundColor, var(--ds-color-background-ui));
}

.shared-design-src-Button-styles-module__neutral--2hPr2.shared-design-src-Button-styles-module__elevation--33HfB {
  color: var(--ds-color-text);
  color: var(--ds-button-elevation-color, var(--ds-color-text));
}

.shared-design-src-Button-styles-module__primary--UjlTS {
  background-color: var(--ds-color-transparent);
  background-color: var(--ds-button-primary-backgroundColor, var(--ds-color-transparent));
  color: var(--ds-color-primary);
  color: var(--ds-button-primary-color, var(--ds-color-primary));
}

.shared-design-src-Button-styles-module__primary--UjlTS.shared-design-src-Button-styles-module__strong--1YXft {
  background-color: var(--ds-color-primary);
  background-color: var(--ds-button-primary-strong-backgroundColor, var(--ds-color-primary));
  color: var(--ds-color-text-contrast);
  color: var(--ds-button-primary-strong-color, var(--ds-color-text-contrast));
}

.shared-design-src-Button-styles-module__primary--UjlTS.shared-design-src-Button-styles-module__border--1-EHu {
  border: var(--ds-size-border-width-small) solid var(--ds-color-primary);
  border: var(--ds-button-primary-borderWidth, var(--ds-size-border-width-small)) solid var(--ds-button-primary-borderColor, var(--ds-color-primary));
}

.shared-design-src-Button-styles-module__expressive--1gbyp {
  background-color: var(--ds-color-transparent);
  background-color: var(--ds-button-expressive-backgroundColor, var(--ds-color-transparent));
  color: var(--ds-color-expressive-green-700);
  color: var(--ds-button-expressive-color, var(--ds-color-expressive-green-700));
}

.shared-design-src-Button-styles-module__expressive--1gbyp.shared-design-src-Button-styles-module__strong--1YXft {
  background-color: var(--ds-color-expressive-green-700);
  background-color: var(--ds-button-expressive-strong-backgroundColor, var(--ds-color-expressive-green-700));
  color: var(--ds-color-text-contrast);
  color: var(--ds-button-expressive-strong-color, var(--ds-color-text-contrast));
}

.shared-design-src-Button-styles-module__expressive--1gbyp.shared-design-src-Button-styles-module__border--1-EHu {
  border: var(--ds-size-border-width-small) solid var(--ds-color-expressive-green-700);
  border: var(--ds-button-expressive-borderWidth, var(--ds-size-border-width-small)) solid var(--ds-button-expressive-borderColor, var(--ds-color-expressive-green-700));
}

.shared-design-src-Button-styles-module__destructive--3h8GZ {
  background-color: var(--ds-color-transparent);
  background-color: var(--ds-button-destructive-backgroundColor, var(--ds-color-transparent));
  color: var(--ds-color-destructive-500);
  color: var(--ds-button-destructive-color, var(--ds-color-destructive-500));
}

.shared-design-src-Button-styles-module__destructive--3h8GZ.shared-design-src-Button-styles-module__strong--1YXft {
  background-color: var(--ds-color-destructive-500);
  background-color: var(--ds-button-destructive-strong-backgroundColor, var(--ds-color-destructive-500));
  color: var(--ds-color-text-contrast);
  color: var(--ds-button-destructive-strong-color, var(--ds-color-text-contrast));
}

.shared-design-src-Button-styles-module__destructive--3h8GZ.shared-design-src-Button-styles-module__border--1-EHu {
  border: var(--ds-size-border-width-small) solid var(--ds-color-destructive-500);
  border: var(--ds-button-destructive-borderWidth, var(--ds-size-border-width-small)) solid var(--ds-button-destructive-borderColor, var(--ds-color-destructive-500));
}

.shared-design-src-Button-styles-module__toggle--3LkBc {
  background-color: var(--ds-color-background-ui);
  background-color: var(--ds-button-toggle-backgroundColor, var(--ds-color-background-ui));
  border: var(--ds-size-border-width-small) solid var(--ds-color-border);
  border: var(--ds-button-toggle-borderWidth, var(--ds-size-border-width-small)) solid var(--ds-button-toggle-borderColor, var(--ds-color-border));
}

.shared-design-src-Button-styles-module__toggle--3LkBc:hover {
  background-color: var(--ds-color-state-hover-overlay);
  background-color: var(--ds-button-toggle-hover-backgroundColor, var(--ds-color-state-hover-overlay));
}

.shared-design-src-Button-styles-module__toggle--3LkBc.shared-design-src-Button-styles-module__active--3u0R- {
  background-color: var(--ds-color-background-ui-contrast);
  background-color: var(--ds-button-toggle-active-backgroundColor, var(--ds-color-background-ui-contrast));
  border-color: var(--ds-color-background-ui-contrast);
  border-color: var(--ds-button-toggle-active-borderColor, var(--ds-color-background-ui-contrast));
  color: var(--ds-color-text-contrast);
  color: var(--ds-button-toggle-active-color, var(--ds-color-text-contrast));
}

.shared-design-src-Button-styles-module__toggle--3LkBc.shared-design-src-Button-styles-module__disabled--2jtWu {
  opacity: 1;
  border-color: transparent; /* TODO: tokenize maybe? */
}

.shared-design-src-Button-styles-module__toggle--3LkBc:focus {
  border-color: transparent;
}

.shared-design-src-Button-styles-module__plain--2ifwg {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  border-radius: var(--ds-radius-small);
}

.shared-design-src-Button-styles-module__plain--2ifwg.shared-design-src-Button-styles-module__small--GV_Yn, .shared-design-src-Button-styles-module__plain--2ifwg.shared-design-src-Button-styles-module__medium--L-_w_, .shared-design-src-Button-styles-module__plain--2ifwg.shared-design-src-Button-styles-module__large--2Qbpr, .shared-design-src-Button-styles-module__plain--2ifwg.shared-design-src-Button-styles-module__xlarge--E_ucY {
  padding: 0;
}

.shared-design-src-Button-styles-module__plain--2ifwg:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--ds-color-state-focus-border);
  box-shadow: var(--ds-button-focus-boxShadow, 0 0 0 4px var(--ds-color-state-focus-border));
}

.shared-design-src-Button-styles-module__plain--2ifwg:hover:before {
  opacity: 0;
}

/* Elevation */
.shared-design-src-Button-styles-module__elevationLow--jfAcF {
  box-shadow: var(--ds-shadow-300);
  box-shadow: var(--ds-button-elevationLow-boxShadow, var(--ds-shadow-300));
}

.shared-design-src-Button-styles-module__elevationMedium--3I_6A {
  box-shadow: var(--ds-shadow-500);
  box-shadow: var(--ds-button-elevationMedium-boxShadow, var(--ds-shadow-500));
}

.shared-design-src-Button-styles-module__elevationHigh--xGCcs {
  box-shadow: var(--ds-shadow-700);
  box-shadow: var(--ds-button-elevationHigh-boxShadow, var(--ds-shadow-700));
}

.shared-design-src-Button-styles-module__elevation--33HfB:not(.shared-design-src-Button-styles-module__strong--1YXft),
.shared-design-src-Button-styles-module__elevation--33HfB.shared-design-src-Button-styles-module__neutral--2hPr2.shared-design-src-Button-styles-module__strong--1YXft {
  background-color: var(--ds-color-background-ui);
  background-color: var(--ds-button-elevation-backgroundColor, var(--ds-color-background-ui));
}

/* Sizes */
.shared-design-src-Button-styles-module__small--GV_Yn {
  height: var(--ds-size-dimension-l);
  height: var(--ds-button-small-height, var(--ds-size-dimension-l));
  padding: 0 var(--ds-spacing-s);
  padding: var(--ds-button-small-padding, 0 var(--ds-spacing-s));
  font-size: 14px;
  font-size: var(--ds-font-size-display6);
  line-height: 24px;
  line-height: var(--ds-line-height-display6);
  font-weight: 600;
  font-weight: var(--ds-font-weight-display6);
}

.shared-design-src-Button-styles-module__small--GV_Yn > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Button-styles-module__medium--L-_w_ {
  height: var(--ds-size-dimension-xl);
  height: var(--ds-button-medium-height, var(--ds-size-dimension-xl));
  padding: 0 var(--ds-spacing-m);
  padding: var(--ds-button-medium-padding, 0 var(--ds-spacing-m));
}

.shared-design-src-Button-styles-module__large--2Qbpr {
  height: var(--ds-size-dimension-xxl);
  height: var(--ds-button-large-height, var(--ds-size-dimension-xxl));
  padding: 0 var(--ds-spacing-l);
  padding: var(--ds-button-large-padding, 0 var(--ds-spacing-l));
}

/* TODO: if SE2504 is not used, remove this*/
/* if it is used, support xlarge*/
.shared-design-src-Button-styles-module__xlarge--E_ucY {
  height: calc(4px * 13.5);
  height: var(--ds-button-x-large-height, calc(var(--ds-size-dimension) * 13.5));
  padding: 0 var(--ds-spacing-xl);
  padding: var(--ds-button-x-large-padding, 0 var(--ds-spacing-xl));
  font-size: 20px;
  font-size: var(--ds-font-size-display3);
  line-height: 30px;
  line-height: var(--ds-line-height-display3);
  font-weight: 600;
  font-weight: var(--ds-font-weight-display3);
}

.shared-design-src-Button-styles-module__xlarge--E_ucY > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

/* Font Size */
.shared-design-src-Button-styles-module__display1--221hF {
  font-size: 36px;
  font-size: var(--ds-font-size-display1);
  line-height: 48px;
  line-height: var(--ds-line-height-display1);
  font-weight: 600;
  font-weight: var(--ds-font-weight-display1);
}

.shared-design-src-Button-styles-module__display1--221hF > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Button-styles-module__display2--3dGRg {
  font-size: 24px;
  font-size: var(--ds-font-size-display2);
  line-height: 32px;
  line-height: var(--ds-line-height-display2);
  font-weight: 600;
  font-weight: var(--ds-font-weight-display2);
}

.shared-design-src-Button-styles-module__display2--3dGRg > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Button-styles-module__display3--3Zm2a {
  font-size: 20px;
  font-size: var(--ds-font-size-display3);
  line-height: 30px;
  line-height: var(--ds-line-height-display3);
  font-weight: 600;
  font-weight: var(--ds-font-weight-display3);
}

.shared-design-src-Button-styles-module__display3--3Zm2a > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Button-styles-module__display4--1tOrK {
  font-size: 20px;
  font-size: var(--ds-font-size-display4);
  line-height: 30px;
  line-height: var(--ds-line-height-display4);
  font-weight: 400;
  font-weight: var(--ds-font-weight-display4);
}

.shared-design-src-Button-styles-module__display4--1tOrK > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Button-styles-module__display5--Wyyb7 {
  font-size: 16px;
  font-size: var(--ds-font-size-display5);
  line-height: 26px;
  line-height: var(--ds-line-height-display5);
  font-weight: 600;
  font-weight: var(--ds-font-weight-display5);
}

.shared-design-src-Button-styles-module__display5--Wyyb7 > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Button-styles-module__display6--3nDln {
  font-size: 14px;
  font-size: var(--ds-font-size-display6);
  line-height: 24px;
  line-height: var(--ds-line-height-display6);
  font-weight: 600;
  font-weight: var(--ds-font-weight-display6);
}

.shared-design-src-Button-styles-module__display6--3nDln > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Button-styles-module__body--27cr8 {
  font-size: 16px;
  font-size: var(--ds-font-size-body);
  line-height: 26px;
  line-height: var(--ds-line-height-body);
  font-weight: 400;
  font-weight: var(--ds-font-weight-body);
}

.shared-design-src-Button-styles-module__body--27cr8 > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Button-styles-module__body2--eIb75 {
  font-size: 14px;
  font-size: var(--ds-font-size-body2);
  line-height: 24px;
  line-height: var(--ds-line-height-body2);
  font-weight: 400;
  font-weight: var(--ds-font-weight-body2);
}

.shared-design-src-Button-styles-module__body2--eIb75 > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Button-styles-module__caption--1JLeN {
  font-size: 12px;
  font-size: var(--ds-font-size-caption);
  line-height: 16px;
  line-height: var(--ds-line-height-caption);
  font-weight: 400;
  font-weight: var(--ds-font-weight-caption);
}

.shared-design-src-Button-styles-module__caption--1JLeN > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

/* Icon */
.shared-design-src-Button-styles-module__iconBefore--rHq7S,
.shared-design-src-Button-styles-module__iconAfter--12lUR {
  display: flex;
}

.shared-design-src-Button-styles-module__iconBefore--rHq7S:only-child,
.shared-design-src-Button-styles-module__iconAfter--12lUR:only-child {
  margin-right: 0;
  margin-left: 0;
}

.shared-design-src-Button-styles-module__iconBefore--rHq7S {
  margin-right: 8px;
  margin-right: var(--ds-spacing-xs);
}

.shared-design-src-Button-styles-module__iconAfter--12lUR {
  margin-left: 8px;
  margin-left: var(--ds-spacing-xs);
}

/* Circle */
.shared-design-src-Button-styles-module__circle--30Q-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  padding: 0;
}

.shared-design-src-Button-styles-module__circle--30Q-3.shared-design-src-Button-styles-module__small--GV_Yn {
  width: var(--ds-size-dimension-l);
  width: var(--ds-button-small-height, var(--ds-size-dimension-l));
  height: var(--ds-size-dimension-l);
  height: var(--ds-button-small-height, var(--ds-size-dimension-l));
  min-width: var(--ds-size-dimension-l);
  min-width: var(--ds-button-small-height, var(--ds-size-dimension-l));
  min-height: var(--ds-size-dimension-l);
  min-height: var(--ds-button-small-height, var(--ds-size-dimension-l));
}

.shared-design-src-Button-styles-module__circle--30Q-3.shared-design-src-Button-styles-module__medium--L-_w_ {
  width: var(--ds-size-dimension-xl);
  width: var(--ds-button-medium-height, var(--ds-size-dimension-xl));
  height: var(--ds-size-dimension-xl);
  height: var(--ds-button-medium-height, var(--ds-size-dimension-xl));
  min-width: var(--ds-size-dimension-xl);
  min-width: var(--ds-button-medium-height, var(--ds-size-dimension-xl));
  min-height: var(--ds-size-dimension-xl);
  min-height: var(--ds-button-medium-height, var(--ds-size-dimension-xl));
}

.shared-design-src-Button-styles-module__circle--30Q-3.shared-design-src-Button-styles-module__large--2Qbpr {
  width: var(--ds-size-dimension-xxl);
  width: var(--ds-button-medium-height, var(--ds-size-dimension-xxl));
  height: var(--ds-size-dimension-xxl);
  height: var(--ds-button-medium-height, var(--ds-size-dimension-xxl));
  min-width: var(--ds-size-dimension-xxl);
  min-width: var(--ds-button-medium-height, var(--ds-size-dimension-xxl));
  min-height: var(--ds-size-dimension-xxl);
  min-height: var(--ds-button-medium-height, var(--ds-size-dimension-xxl));
}

.shared-design-src-Button-styles-module__circle--30Q-3.shared-design-src-Button-styles-module__loading--tcEdE {
  overflow: visible;
}

/* Behaviors */
.shared-design-src-Button-styles-module__fluid--2vEdv {
  width: 100%;
}

/* States */
.shared-design-src-Button-styles-module__button--2T-d-.shared-design-src-Button-styles-module__disabled--2jtWu {
  color: var(--ds-color-state-disabled-text);
  color: var(--ds-button-disabled-color, var(--ds-color-state-disabled-text));
  background-color: var(--ds-color-state-disabled-background);
  background-color: var(--ds-button-disabled-backgroundColor, var(--ds-color-state-disabled-background));
  cursor: not-allowed;
}

.shared-design-src-Button-styles-module__button--2T-d-.shared-design-src-Button-styles-module__disabled--2jtWu:hover {
  color: var(--ds-color-state-disabled-text);
  color: var(--ds-button-disabled-hover-color, var(--ds-color-state-disabled-text));
  background-color: var(--ds-color-state-disabled-background);
  background-color: var(--ds-button-disabled-hover-backgroundColor, var(--ds-color-state-disabled-background));
}

.shared-design-src-Button-styles-module__button--2T-d-.shared-design-src-Button-styles-module__disabled--2jtWu:before {
  display: none;
}

.shared-design-src-Button-styles-module__button--2T-d-.shared-design-src-Button-styles-module__disabled--2jtWu:active {
  transform: none;
}

.shared-design-src-Button-styles-module__toggle--3LkBc.shared-design-src-Button-styles-module__loading--tcEdE,
.shared-design-src-Button-styles-module__strong--1YXft.shared-design-src-Button-styles-module__loading--tcEdE,
.shared-design-src-Button-styles-module__loading--tcEdE {
  color: transparent;
  border-color: transparent;
  background-color: var(--ds-color-state-disabled-background);
  background-color: var(--ds-button-loading-backgroundColor, var(--ds-color-state-disabled-background));
  position: relative;
  pointer-events: none;
}

.shared-design-src-Button-styles-module__disabled--2jtWu.shared-design-src-Button-styles-module__loading--tcEdE {
  color: var(--ds-color-state-disabled-text);
  color: var(--ds-button-disabled-color, var(--ds-color-state-disabled-text));
}

.shared-design-src-Button-styles-module__disabled--2jtWu.shared-design-src-Button-styles-module__loading--tcEdE .shared-design-src-Button-styles-module__loadingState--uEtaI {
  display: none;
}

.shared-design-src-Button-styles-module__loadingState--uEtaI {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  left: 50%;
  top: 50%;
  animation-name: shared-design-src-Button-styles-module__rotate--xVgJS;
  animation-duration: 1600ms;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.5, -0.75, 0.5, 1.75);
}

.shared-design-src-Button-styles-module__loadingState--uEtaI .shared-design-src-Button-styles-module__bounce--i-byr {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  background-color: #AFA3F2;
  background-color: var(--ds-color-information-300);
  transform: translateY(-50%);
}

.shared-design-src-Button-styles-module__loadingState--uEtaI .shared-design-src-Button-styles-module__bounce--i-byr:first-child {
  right: 0;
}

.shared-design-src-Button-styles-module__loadingState--uEtaI .shared-design-src-Button-styles-module__bounce--i-byr:last-child {
  left: 0;
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-tooltip-color),
 * var(--ds-tooltip-backgroundColor),
 * var(--ds-tooltip-borderRadius),
 * var(--ds-tooltip-boxShadow),
 *
**/
.shared-design-src-Tooltip-styles-module__tooltip--2vkoU {
  z-index: 999999999;
  position: absolute;
  pointer-events: none;
}

.shared-design-src-Tooltip-styles-module__tipBody--rjQz6 {
  background: var(--ds-color-background-ui-contrast);
  background: var(--ds-tooltip-backgroundColor, var(--ds-color-background-ui-contrast));
  color: var(--ds-color-text-contrast);
  color: var(--ds-tooltip-color, var(--ds-color-text-contrast));
  border-radius: var(--ds-radius-pill);
  border-radius: var(--ds-tooltip-borderRadius, var(--ds-radius-pill));
  box-shadow: var(--ds-shadow-500);
  box-shadow: var(--ds-tooltip-boxShadow, var(--ds-shadow-500));
  text-align: center;
  white-space: nowrap;
}

.shared-design-src-Tooltip-styles-module__helpCursor--D-w91 {
  cursor: help;
}

.shared-design-src-Tooltip-styles-module__visuallyHidden--k41ud {
  opacity: 0;
}

[data-popper-placement=bottom-start] .shared-design-src-Tooltip-styles-module__offset--1rO8s,
[data-popper-placement=bottom-end] .shared-design-src-Tooltip-styles-module__offset--1rO8s,
[data-popper-placement=bottom] .shared-design-src-Tooltip-styles-module__offset--1rO8s {
  position: relative;
  top: 4px;
  top: var(--ds-spacing-xxs);
  transform-origin: top;
}

[data-popper-placement=top-start] .shared-design-src-Tooltip-styles-module__offset--1rO8s,
[data-popper-placement=top-end] .shared-design-src-Tooltip-styles-module__offset--1rO8s,
[data-popper-placement=top] .shared-design-src-Tooltip-styles-module__offset--1rO8s {
  position: relative;
  bottom: 4px;
  bottom: var(--ds-spacing-xxs);
  transform-origin: bottom;
}

[data-popper-placement=left] .shared-design-src-Tooltip-styles-module__offset--1rO8s {
  position: relative;
  right: 4px;
  right: var(--ds-spacing-xxs);
  transform-origin: right;
}

[data-popper-placement=right] .shared-design-src-Tooltip-styles-module__offset--1rO8s {
  position: relative;
  left: 4px;
  left: var(--ds-spacing-xxs);
  transform-origin: left;
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-page-section-small-maxWidth),
 * var(--ds-page-section-medium-maxWidth),
 * var(--ds-page-section-large-maxWidth),
 *
 * var(--ds-page-section-paddingLeft),
 * var(--ds-page-section-paddingRight),
 *
**/
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-PageSection-styles-module__section--ZTmCZ {
  width: 100%;
}

.shared-design-src-PageSection-styles-module__small--C2oa4 {
  max-width: 1180px;
  max-width: var(--ds-page-section-small-maxWidth, 1180px);
}

.shared-design-src-PageSection-styles-module__medium--2GpJW {
  max-width: 1600px;
  max-width: var(--ds-page-section-medium-maxWidth, 1600px);
}

.shared-design-src-PageSection-styles-module__large--DTsRL {
  max-width: 1900px;
  max-width: var(--ds-page-section-large-maxWidth, 1900px);
}

.shared-design-src-PageSection-styles-module__fluid--1sDaR {
  max-width: 100%;
}

.shared-design-src-PageSection-styles-module__desktop--3jWvZ {
  padding-left: var(--ds-spacing-m);
  padding-left: var(--ds-page-section-paddingLeft, var(--ds-spacing-m));
  padding-right: var(--ds-spacing-m);
  padding-right: var(--ds-page-section-paddingRight, var(--ds-spacing-m));
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__promoMessageContainer--1EZLd {
  position: relative;
  height: 54px;
  background-color: rgba(233, 233, 240, 0.60);
  background-color: var(--ds-color-background-alt-100);
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__promoMessageContainer--1EZLd.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__desktop--1mfHg {
  height: 60px;
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__promoMessage--2bmal {
  background: #E3F8E9;
  background: var(--ds-color-expressive-green-100);
  position: relative;
  display: flex;
  color: #0B6339;
  color: var(--ds-color-expressive-green-700);
  width: 100%;
  z-index: 999999996;
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__promoMessage--2bmal p {
  margin: 0;
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__promoMessage--2bmal a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__wrapper--g7Fcm {
  padding: 8px 12px;
  padding: var(--ds-spacing-xs) var(--ds-spacing-s);
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__message--3CLO_ {
  padding: 0;
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__message--3CLO_ p {
  display: inline;
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__timeRemaining--2lEgg {
  height: 100%;
  min-width: 100px;
  margin-right: 0;
  color: #36139A;
  color: var(--ds-color-information-700);
  display: flex;
  align-items: center;
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__ends--2lnn5 {
  margin-right: 4px;
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__desktop--1mfHg strong {
  border-radius: 4px;
  padding: 4px 8px;
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__desktop--1mfHg .shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__message--3CLO_ {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 8px;
  padding: 0 var(--ds-spacing-xs);
  text-align: center;
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__desktop--1mfHg .shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__message--3CLO_:after, .shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__desktop--1mfHg .shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__message--3CLO_:before {
  background-size: cover;
  background-image: url(/partnership-portal/client/2e6c1ff54a4f98250f7c652d3cf82319.gif);
  content: "";
  display: block;
  width: 32px;
  height: 32px;
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__desktop--1mfHg .shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__message--3CLO_:after {
  transform: rotateY(-180deg);
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__desktop--1mfHg .shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__timeRemaining--2lEgg {
  justify-content: center;
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__desktop--1mfHg .shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__message--3CLO_.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__messageOnly--169Hv:after, .shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__desktop--1mfHg .shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__message--3CLO_.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__messageOnly--169Hv:before {
  display: none;
}

.shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__reduceMotion--gMaVh {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__desktop--1mfHg .shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__message--3CLO_:after,
  .shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__desktop--1mfHg .shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__message--3CLO_:before {
    background-image: url(/partnership-portal/client/fc30cedf4e8ce1f13c6a48cf5ea5668b.png);
  }
  .shared-design-src-headerAndFooter-components-PromoMessage-PromoMessage-module__reduceMotion--gMaVh {
    display: flex;
  }
}
@keyframes shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__bannerColorLoop--18FGR {
  0% {
    background-color: #755EED;
  }
  25% {
    background-color: #5137D7;
  }
  50% {
    background-color: #0D5E6E;
  }
  75% {
    background-color: #0066FC;
  }
  100% {
    background-color: #755EED;
  }
}
.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__promoBannerContainer--2Xsjb {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #755EED;
  animation: none;
  height: 48px;
}

.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__promoBannerContainer--2Xsjb.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__colourfulBanner--ah5wb {
  animation: shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__bannerColorLoop--18FGR 4s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__promoBannerContainer--2Xsjb.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__colourfulBanner--ah5wb {
    animation: none;
  }
}
.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__promoBannerContainer--2Xsjb.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__showCountdown--KfN5P {
  height: 80px;
}

.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__promoBannerContainer--2Xsjb * > a {
  color: inherit;
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
  text-decoration: underline;
}

.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__countdownBannerContainer--2wftY {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0px 20px 0px 20px;
  line-height: 1;
}

.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__countdownBannerContainer--2wftY.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__desktop--2_-SM {
  flex-direction: row;
  padding: 0px;
  gap: 0px;
}

.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__countdownBannerContainer--2wftY.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__desktop--2_-SM .shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__countdownText--2lf2e {
  margin-right: 10px;
}

.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__countdownBannerContainer--2wftY .shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__countdownDividerLeft--20KoN {
  margin-right: 15px;
}

.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__countdownBannerContainer--2wftY .shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__countdownDividerRight--2Cg5l {
  margin-left: 15px;
}

.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__countdownBannerContainer--2wftY .shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__countdownTimerContainer--USy4P {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__bannerMessage--3DAbH {
  color: white;
}

.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__countdownText--2lf2e {
  text-align: center;
  word-wrap: break-word;
  text-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: white;
}

.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__countdownText--2lf2e * {
  line-height: 1.5;
}

.shared-design-src-headerAndFooter-components-PromoBanner-PromoBanner-module__countdownText--2lf2e {
  margin-right: 10px;
}
.shared-design-src-headerAndFooter-components-PromoBanner-Countdown-Colon-Ellipse-Ellipse-module__ellipse--2Ilq8 {
  height: 4px;
  width: 4px;
  background: #CDC3FF;
  border-radius: 50%;
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-PromoBanner-Countdown-Colon-Colon-module__colon--1WkeH {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 4px 0 4px;
}

@media screen and (min-width: 1024px) {
  .shared-design-src-headerAndFooter-components-PromoBanner-Countdown-Colon-Colon-module__colon--1WkeH {
    gap: 4px;
  }
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-PromoBanner-Countdown-CountdownTimer-CountdownTimer-module__countdownTimer--1e46W {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #36139A;
}

.shared-design-src-headerAndFooter-components-PromoBanner-Countdown-CountdownTimer-CountdownTimer-module__countdownTimer--1e46W .shared-design-src-headerAndFooter-components-PromoBanner-Countdown-CountdownTimer-CountdownTimer-module__timeContainer--2yFO6 {
  display: flex;
  align-items: baseline;
  justify-content: center;
  text-align: right;
  width: 40px;
  height: 26px;
  border-radius: 8px;
  background-color: white;
  color: #5137D7;
  color: var(--ds-color-information-600);
}

.shared-design-src-headerAndFooter-components-PromoBanner-Countdown-CountdownTimer-CountdownTimer-module__countdownTimer--1e46W .shared-design-src-headerAndFooter-components-PromoBanner-Countdown-CountdownTimer-CountdownTimer-module__timeContainer--2yFO6 .shared-design-src-headerAndFooter-components-PromoBanner-Countdown-CountdownTimer-CountdownTimer-module__timeLeft--2x8bg {
  width: 21px;
}

@media screen and (min-width: 1024px) {
  .shared-design-src-headerAndFooter-components-PromoBanner-Countdown-CountdownTimer-CountdownTimer-module__countdownTimer--1e46W .shared-design-src-headerAndFooter-components-PromoBanner-Countdown-CountdownTimer-CountdownTimer-module__timeContainer--2yFO6 {
    background-color: #ECE9FF;
  }
}
@media (max-width: 1250px) {
  .shared-design-src-headerAndFooter-components-HeaderLinks-style-module__hideForHamburger--Hrj8G {
    display: none;
  }
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-card-backgroundColor),
 *
 * var(--ds-card-borderRadius),
 * var(--ds-card-rounded-borderRadius),
 *
 * var(--ds-card-elevationLow-boxShadow),
 * var(--ds-card-elevationMedium-boxShadow),
 * var(--ds-card-elevationHigh-boxShadow),
 *
**/
.shared-design-src-Card-styles-module__card--upHhn {
  background-color: var(--ds-color-background-ui);
  background-color: var(--ds-card-backgroundColor, var(--ds-color-background-ui));
  border-radius: 0;
  border-radius: var(--ds-card-borderRadius, 0);
}

.shared-design-src-Card-styles-module__elevationLow--1Gw7u {
  box-shadow: var(--ds-shadow-300);
  box-shadow: var(--ds-card-elevationLow-boxShadow, var(--ds-shadow-300));
}

.shared-design-src-Card-styles-module__elevationMedium--2cz9N {
  box-shadow: var(--ds-shadow-500);
  box-shadow: var(--ds-card-elevationMedium-boxShadow, var(--ds-shadow-500));
  background-color: var(--ds-color-background-ui-medium);
  background-color: var(--ds-card-medium-backgroundColor, var(--ds-color-background-ui-medium));
}

.shared-design-src-Card-styles-module__elevationHigh--1k0f6 {
  box-shadow: var(--ds-shadow-700);
  box-shadow: var(--ds-card-elevationHigh-boxShadow, var(--ds-shadow-700));
  background-color: var(--ds-color-background-ui-high);
  background-color: var(--ds-card-high-backgroundColor, var(--ds-color-background-ui-high));
}

.shared-design-src-Card-styles-module__fluid--3eGRm {
  width: 100%;
}

.shared-design-src-Card-styles-module__rounded--1Kn-U {
  border-radius: var(--ds-radius-small);
  border-radius: var(--ds-card-rounded-borderRadius, var(--ds-radius-small));
}

.shared-design-src-Card-styles-module__overflowHidden--uSq9e {
  overflow: hidden;
}

.shared-design-src-Card-styles-module__transparent--2P6xU {
  background: transparent;
  box-shadow: 0 0 0 transparent;
}

.shared-design-src-Card-styles-module__clickable--sTVQV {
  cursor: pointer;
}

/*
 * Class names for styling relationship between card and children */
/* stylelint-disable */
/* stylelint-enable */
.shared-design-src-Card-styles-module__cardHeader--8ns3d + .shared-design-src-Card-styles-module__cardHeader--8ns3d,
.shared-design-src-Card-styles-module__cardBody--3H7lu + .shared-design-src-Card-styles-module__cardHeader--8ns3d,
.shared-design-src-Card-styles-module__cardBody--3H7lu + .shared-design-src-Card-styles-module__cardBody--3H7lu,
.shared-design-src-Card-styles-module__cardHeader--8ns3d + .shared-design-src-Card-styles-module__cardBody--3H7lu {
  padding-top: 0;
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-card-body-vertical-padding),
 * var(--ds-card-body-horizontal-padding),
 *
**/
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-Card-CardBody-styles-module__container--3LRpS {
  padding-top: var(--ds-spacing-l);
  padding-top: var(--ds-card-body-vertical-padding, var(--ds-spacing-l));
  padding-bottom: var(--ds-spacing-l);
  padding-bottom: var(--ds-card-body-vertical-padding, var(--ds-spacing-l));
}

.shared-design-src-Card-CardBody-styles-module__container--3LRpS > *:last-child {
  margin-bottom: 0;
}

.shared-design-src-Card-CardBody-styles-module__padded--C5pGI {
  padding-left: var(--ds-spacing-m);
  padding-left: var(--ds-card-body-horizontal-padding, var(--ds-spacing-m));
  padding-right: var(--ds-spacing-m);
  padding-right: var(--ds-card-body-horizontal-padding, var(--ds-spacing-m));
}

.shared-design-src-Card-CardBody-styles-module__fluid--1rUha {
  width: 100%;
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-card-header-vertical-padding),
 * var(--ds-card-header-horizontal-padding),
 *
 * var(--ds-card-header-last-child-vertical-padding),
 * var(--ds-card-header-first-child-vertical-padding),
 *
 * var(--ds-card-header-padded-padding),
 *
**/
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-Card-CardHeader-styles-module__header--2wWt5 {
  padding-top: var(--ds-spacing-m);
  padding-top: var(--ds-card-header-vertical-padding, var(--ds-spacing-m));
  padding-bottom: var(--ds-spacing-m);
  padding-bottom: var(--ds-card-header-vertical-padding, var(--ds-spacing-m));
}

.shared-design-src-Card-CardHeader-styles-module__header--2wWt5:last-child {
  padding-bottom: var(--ds-spacing-l);
  padding-bottom: var(--ds-card-header-last-child-vertical-padding, var(--ds-spacing-l));
}

.shared-design-src-Card-CardHeader-styles-module__header--2wWt5:first-child {
  padding-top: var(--ds-spacing-l);
  padding-top: var(--ds-card-header-first-child-vertical-padding, var(--ds-spacing-l));
}

.shared-design-src-Card-CardHeader-styles-module__header--2wWt5 > *:last-child {
  margin-bottom: 0;
}

.shared-design-src-Card-CardHeader-styles-module__padded--1S-1j {
  padding: var(--ds-spacing-m);
  padding: var(--ds-card-header-padded-padding, var(--ds-spacing-m));
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-popover-small-width),
 * var(--ds-popover-medium-width),
 * var(--ds-popover-large-width),
 *
 * var(--ds-popover-action-backgroundColor),
 * var(--ds-popover-action-borderTop),
 *
 * var(--ds-popover-arrow-size),
 * var(--ds-popover-arrow-backgroundColor),
 *
**/
.shared-design-src-Popover-styles-module__popover--_XSKW {
  z-index: 999999999;
  position: relative;
}

.shared-design-src-Popover-styles-module__inner--Y9TIJ {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.shared-design-src-Popover-styles-module__small--3hQjt {
  width: 160px;
  width: var(--ds-popover-small-width, 160px);
  max-width: 160px;
  max-width: var(--ds-popover-small-width, 160px);
}

.shared-design-src-Popover-styles-module__medium--sN6BH {
  width: 256px;
  width: var(--ds-popover-medium-width, 256px);
  max-width: 256px;
  max-width: var(--ds-popover-medium-width, 256px);
}

.shared-design-src-Popover-styles-module__large--1F0gL {
  width: 320px;
  width: var(--ds-popover-large-width, 320px);
  max-width: 320px;
  max-width: var(--ds-popover-large-width, 320px);
}

.shared-design-src-Popover-styles-module__fit--2OPUv {
  width: auto;
  max-width: none;
}

.shared-design-src-Popover-styles-module__action--3TT_A {
  width: 100%;
  border-top: var(--ds-size-border-width-small) solid var(--ds-color-border-light);
  border-top: var(--ds-popover-action-borderTop, var(--ds-size-border-width-small) solid var(--ds-color-border-light));
}

.shared-design-src-Popover-styles-module__visuallyHidden--1eiq9 {
  opacity: 0;
  pointer-events: none;
}

[data-popper-placement=bottom-start] .shared-design-src-Popover-styles-module__offset--15P5s,
[data-popper-placement=bottom-end] .shared-design-src-Popover-styles-module__offset--15P5s,
[data-popper-placement=bottom] .shared-design-src-Popover-styles-module__offset--15P5s {
  position: relative;
  top: 8px;
  top: var(--ds-spacing-xs);
  transform-origin: top;
}

[data-popper-placement=bottom-start] .shared-design-src-Popover-styles-module__offset--15P5s {
  transform-origin: top left;
}

[data-popper-placement=bottom-end] .shared-design-src-Popover-styles-module__offset--15P5s {
  transform-origin: top right;
}

[data-popper-placement=top-start] .shared-design-src-Popover-styles-module__offset--15P5s,
[data-popper-placement=top-end] .shared-design-src-Popover-styles-module__offset--15P5s,
[data-popper-placement=top] .shared-design-src-Popover-styles-module__offset--15P5s {
  position: relative;
  bottom: 8px;
  bottom: var(--ds-spacing-xs);
  transform-origin: bottom;
}

[data-popper-placement=top-start] .shared-design-src-Popover-styles-module__offset--15P5s {
  transform-origin: bottom left;
}

[data-popper-placement=top-end] .shared-design-src-Popover-styles-module__offset--15P5s {
  transform-origin: bottom right;
}

[data-popper-placement=left] .shared-design-src-Popover-styles-module__offset--15P5s {
  position: relative;
  right: 8px;
  right: var(--ds-spacing-xs);
  transform-origin: right;
}

[data-popper-placement=right] .shared-design-src-Popover-styles-module__offset--15P5s {
  position: relative;
  left: 8px;
  left: var(--ds-spacing-xs);
  transform-origin: left;
}

.shared-design-src-Popover-styles-module__arrow--1j7YP {
  width: 0;
  height: 0;
  position: absolute;
}

[data-popper-placement=bottom-start] .shared-design-src-Popover-styles-module__arrow--1j7YP,
[data-popper-placement=bottom-end] .shared-design-src-Popover-styles-module__arrow--1j7YP,
[data-popper-placement=bottom] .shared-design-src-Popover-styles-module__arrow--1j7YP {
  border-left: 12px solid transparent;
  border-left: var(--ds-popover-arrow-size, 12px) solid transparent;
  border-right: 12px solid transparent;
  border-right: var(--ds-popover-arrow-size, 12px) solid transparent;
  border-bottom: 12px solid var(--ds-color-white);
  border-bottom: var(--ds-popover-arrow-size, 12px) solid var(--ds-popover-arrow-backgroundColor, var(--ds-color-white));
  top: calc(12px * -1);
  top: calc(var(--ds-popover-arrow-size, 12px) * -1);
}

[data-popper-placement=top-start] .shared-design-src-Popover-styles-module__arrow--1j7YP,
[data-popper-placement=top-end] .shared-design-src-Popover-styles-module__arrow--1j7YP,
[data-popper-placement=top] .shared-design-src-Popover-styles-module__arrow--1j7YP {
  border-left: 12px solid transparent;
  border-left: var(--ds-popover-arrow-size, 12px) solid transparent;
  border-right: 12px solid transparent;
  border-right: var(--ds-popover-arrow-size, 12px) solid transparent;
  border-top: 12px solid var(--ds-color-white);
  border-top: var(--ds-popover-arrow-size, 12px) solid var(--ds-popover-arrow-backgroundColor, var(--ds-color-white));
  top: 100%;
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-avatar-borderRadius),
 * var(--ds-avatar-borderWidth),
 * var(--ds-avatar-borderColor),
 * var(--ds-avatar-tiny-width),
 * var(--ds-avatar-small-width),
 * var(--ds-avatar-medium-width),
 * var(--ds-avatar-large-width),
 *
**/
.shared-design-src-Avatar-styles-module__avatar--2OnVI {
  border-radius: var(--ds-radius-pill);
  border-radius: var(--ds-avatar-borderRadius, var(--ds-radius-pill));
}

.shared-design-src-Avatar-styles-module__bordered--1Hhuq {
  border-width: var(--ds-size-border-width-small);
  border-width: var(--ds-avatar-bordered-borderWidth, var(--ds-size-border-width-small));
  border-style: solid;
  border-color: var(--ds-color-border);
  border-color: var(--ds-avatar-bordered-borderColor, var(--ds-color-border));
}

.shared-design-src-Avatar-styles-module__loading--3oJ7b {
  background: var(--ds-color-state-loading-background);
  background: var(--ds-avatar-loading-backgroundColor, var(--ds-color-state-loading-background));
  color: transparent;
}

.shared-design-src-Avatar-styles-module__loading--3oJ7b img {
  opacity: 0;
}

.shared-design-src-Avatar-styles-module__tiny--1jbHH {
  width: calc(4px * 8);
  width: var(--ds-avatar-tiny-width, calc(var(--ds-size-dimension) * 8));
}

.shared-design-src-Avatar-styles-module__small--3AQok {
  width: calc(4px * 12);
  width: var(--ds-avatar-small-width, calc(var(--ds-size-dimension) * 12));
}

.shared-design-src-Avatar-styles-module__medium--pvh6u {
  width: calc(4px * 16);
  width: var(--ds-avatar-medium-width, calc(var(--ds-size-dimension) * 16));
}

.shared-design-src-Avatar-styles-module__large--1tE9V {
  width: calc(4px * 20);
  width: var(--ds-avatar-large-width, calc(var(--ds-size-dimension) * 20));
}

.shared-design-src-Avatar-styles-module__fluid--kPPsa {
  width: 100%;
}

.shared-design-src-Avatar-styles-module__highlighted--1E_-Y {
  position: relative;
  border-width: 4px;
  border-width: var(--ds-size-border-width-medium);
  border-style: solid;
  border-color: #0066FF;
  border-color: var(--ds-color-expressive-blue-500);
}

.shared-design-src-Avatar-styles-module__tick--26qQZ {
  position: absolute;
  right: calc(8px * -1);
  right: calc(var(--ds-spacing-xs) * -1);
  top: calc(12px * -1);
  top: calc(var(--ds-spacing-s) * -1);
  z-index: 1;
}

.shared-design-src-Avatar-styles-module__tickMedium--1iLWf {
  right: calc(4px * -1);
  right: calc(var(--ds-spacing-xxs) * -1);
  top: calc(8px * -1);
  top: calc(var(--ds-spacing-xs) * -1);
}

.shared-design-src-Avatar-styles-module__tickLarge--2mZJ- {
  right: calc(2px * -1);
  right: calc(var(--ds-spacing-xxxs) * -1);
  top: calc(4px * -1);
  top: calc(var(--ds-spacing-xxs) * -1);
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__navHeader--3gFvu {
  background: rgba(233, 233, 240, 0.60);
  background: var(--ds-color-background-alt-100);
}

.shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__profileLink--1takx {
  text-decoration: none;
  color: #19124F;
  color: var(--ds-color-text);
}

.shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__list--3YGT2 {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__list--3YGT2:last-child {
  border-bottom: 0px;
}

.shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__listItem--1ckVz {
  list-style-type: none;
  white-space: nowrap;
  padding: 0;
}

.shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__listLink--rbXma {
  text-decoration: none;
  color: #19124F;
  color: var(--ds-color-text);
  position: relative;
  display: flex;
  align-items: center;
}

.shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__listLink--rbXma:hover {
  color: #19124F;
  color: var(--ds-color-text);
  background-color: rgba(233, 233, 240, 0.60);
  background-color: var(--ds-color-background-alt-100);
}

.shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__listLink--rbXma:hover .shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__linkIcon--3K54R * {
  stroke: #19124F;
  stroke: var(--ds-color-text);
}

.shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__listItem--1ckVz.shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__withIcon--3APb_ .shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__listLink--rbXma {
  color: #19124F;
  color: var(--ds-color-text);
  padding-left: 64px;
}

.shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__listItem--1ckVz.shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__withIcon--3APb_ .shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__listLink--rbXma:hover {
  color: #19124F;
  color: var(--ds-color-text);
}

.shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__icon--3jbIw {
  display: flex;
  margin-right: 8px;
}

.shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__icon--3jbIw svg g {
  stroke: #19124F;
  stroke: var(--ds-color-text);
}

.shared-design-src-headerAndFooter-components-UserMenu-Menu-Nav-styles-module__icon--3jbIw svg {
  height: 16px;
  width: 16px;
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-CartCountBadge-CartCountBadge-module__cartCount--2jjcu {
  background: #FF596F;
  background: var(--ds-color-primary);
  color: #ffffff;
  color: var(--ds-color-text-contrast);
  position: absolute;
  top: -4px;
  right: -4px;
  border-radius: 50px;
  padding: 0 4px;
  min-width: 24px;
  height: 24px;
  border: 2px solid #FFFFFF;
  border: 2px solid var(--ds-color-background-ui);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 2;
}

.shared-design-src-headerAndFooter-components-CartCountBadge-CartCountBadge-module__entering--1ZfYy {
  animation: shared-design-src-headerAndFooter-components-CartCountBadge-CartCountBadge-module__bounce--1LixW 420ms linear 1;
  background-color: #34C665;
  background-color: var(--ds-color-success-500);
}

.shared-design-src-headerAndFooter-components-CartCountBadge-CartCountBadge-module__entered--2Oy-h {
  animation: none;
  background-color: #34C665;
  background-color: var(--ds-color-success-500);
}

@keyframes shared-design-src-headerAndFooter-components-CartCountBadge-CartCountBadge-module__bounce--1LixW {
  0% {
    transform: scale(1);
    font-size: 10px;
    color: rgb(255, 255, 255);
  }
  80% {
    transform: scale(1.4);
    font-size: 2px;
    color: rgba(255, 255, 255, 0);
  }
  100% {
    transform: scale(1);
    font-size: 10px;
    color: rgb(255, 255, 255);
  }
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-ProductNav-DesktopProductNav-styles-module__nav--ekISq {
  width: 100%;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  padding: 0 16px;
  padding: 0 var(--ds-spacing-m);
}

.shared-design-src-ProductNav-DesktopProductNav-styles-module__isOpen--Ke4ce {
  overflow-x: initial;
}

.shared-design-src-ProductNav-DesktopProductNav-styles-module__list--3KPQZ {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
}

.shared-design-src-ProductNav-DesktopProductNav-styles-module__item--1VHzY {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  text-align: center;
}

@media only screen and (min-width: 1024px) {
  .shared-design-src-ProductNav-DesktopProductNav-styles-module__nav--ekISq {
    overflow-x: initial;
    padding: 0 32px;
    padding: 0 var(--ds-spacing-xl);
    white-space: normal;
  }
}
.shared-design-src-ProductNav-DesktopProductNav-styles-module__navContainer--3M4TS {
  transform: none;
}

.shared-design-src-ProductNav-DesktopProductNav-styles-module__navContainer--3M4TS.shared-design-src-ProductNav-DesktopProductNav-styles-module__countdownBanner--24YH3 {
  transform: translateY(-48px);
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-label-borderRadius),
 * var(--ds-label-height),
 * var(--ds-label-padding),
 *
 * var(--ds-label-neutral-backgroundColor),
 * var(--ds-label-neutral-color),
 * var(--ds-label-neutral-subtle-backgroundColor),
 * var(--ds-label-neutral-subtle-color),
 *
 * var(--ds-label-success-backgroundColor),
 * var(--ds-label-success-color),
 * var(--ds-label-success-subtle-backgroundColor),
 * var(--ds-label-success-subtle-color),
 *
 * var(--ds-label-error-backgroundColor),
 * var(--ds-label-error-color),
 * var(--ds-label-error-subtle-backgroundColor),
 * var(--ds-label-error-subtle-color),
 *
 * var(--ds-label-information-backgroundColor),
 * var(--ds-label-information-color),
 * var(--ds-label-information-subtle-backgroundColor),
 * var(--ds-label-information-subtle-color),
 *
 * var(--ds-label-warning-backgroundColor),
 * var(--ds-label-warning-color),
 * var(--ds-label-warning-subtle-backgroundColor),
 * var(--ds-label-warning-subtle-color),
**/
.shared-design-src-Label-styles-module__label--YPC8I {
  display: flex;
  align-items: center;
  border-radius: var(--ds-radius-small);
  border-radius: var(--ds-label-borderRadius, var(--ds-radius-small));
  height: var(--ds-size-dimension-m);
  height: var(--ds-label-height, var(--ds-size-dimension-m));
  padding: 0 var(--ds-spacing-xs);
  padding: var(--ds-label-padding, 0 var(--ds-spacing-xs));
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.shared-design-src-Label-styles-module__label--YPC8I.shared-design-src-Label-styles-module__wrap--3akRt {
  height: auto;
  max-width: 100%;
  padding: 4px 8px;
  padding: var(--ds-spacing-xxs) var(--ds-spacing-xs);
}

.shared-design-src-Label-styles-module__label--YPC8I.shared-design-src-Label-styles-module__wrap--3akRt .shared-design-src-Label-styles-module__labelText--2wzPX {
  white-space: normal;
  text-overflow: unset;
  overflow: visible;
  word-break: break-word;
}

.shared-design-src-Label-styles-module__label--YPC8I .shared-design-src-Label-styles-module__labelText--2wzPX {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.shared-design-src-Label-styles-module__label--YPC8I.shared-design-src-Label-styles-module__neutral--1LNEc {
  background-color: var(--ds-color-background-alt-200);
  background-color: var(--ds-label-neutral-backgroundColor, var(--ds-color-background-alt-200));
  color: var(--ds-color-text);
  color: var(--ds-label-neutral-color, var(--ds-color-text));
}

.shared-design-src-Label-styles-module__label--YPC8I.shared-design-src-Label-styles-module__neutral--1LNEc.shared-design-src-Label-styles-module__subtle--3T10r {
  background-color: var(--ds-color-background-alt-100);
  background-color: var(--ds-label-neutral-subtle-backgroundColor, var(--ds-color-background-alt-100));
  color: var(--ds-color-text);
  color: var(--ds-label-neutral-subtle-color, var(--ds-color-text));
}

.shared-design-src-Label-styles-module__label--YPC8I.shared-design-src-Label-styles-module__success--2N4Zq {
  background-color: var(--ds-color-success-500);
  background-color: var(--ds-label-success-backgroundColor, var(--ds-color-success-500));
  color: var(--ds-color-success-700);
  color: var(--ds-label-success-color, var(--ds-color-success-700));
}

.shared-design-src-Label-styles-module__label--YPC8I.shared-design-src-Label-styles-module__success--2N4Zq.shared-design-src-Label-styles-module__subtle--3T10r {
  background-color: var(--ds-color-success-200);
  background-color: var(--ds-label-success-subtle-backgroundColor, var(--ds-color-success-200));
  color: var(--ds-color-success-700);
  color: var(--ds-label-success-subtle-color, var(--ds-color-success-700));
}

.shared-design-src-Label-styles-module__label--YPC8I.shared-design-src-Label-styles-module__error--xCeZU {
  background-color: var(--ds-color-error-500);
  background-color: var(--ds-label-error-backgroundColor, var(--ds-color-error-500));
  color: var(--ds-color-white);
  color: var(--ds-label-error-color, var(--ds-color-white));
}

.shared-design-src-Label-styles-module__label--YPC8I.shared-design-src-Label-styles-module__error--xCeZU.shared-design-src-Label-styles-module__subtle--3T10r {
  background-color: var(--ds-color-error-200);
  background-color: var(--ds-label-error-subtle-backgroundColor, var(--ds-color-error-200));
  color: var(--ds-color-error-700);
  color: var(--ds-label-error-subtle-color, var(--ds-color-error-700));
}

.shared-design-src-Label-styles-module__label--YPC8I.shared-design-src-Label-styles-module__information--2dD8- {
  background-color: var(--ds-color-information-500);
  background-color: var(--ds-label-information-backgroundColor, var(--ds-color-information-500));
  color: var(--ds-color-white);
  color: var(--ds-label-information-color, var(--ds-color-white));
}

.shared-design-src-Label-styles-module__label--YPC8I.shared-design-src-Label-styles-module__information--2dD8-.shared-design-src-Label-styles-module__subtle--3T10r {
  background-color: var(--ds-color-information-200);
  background-color: var(--ds-label-information-subtle-backgroundColor, var(--ds-color-information-200));
  color: var(--ds-color-information-700);
  color: var(--ds-label-information-subtle-color, var(--ds-color-information-700));
}

.shared-design-src-Label-styles-module__label--YPC8I.shared-design-src-Label-styles-module__warning--1QalT {
  background-color: var(--ds-color-warning-500);
  background-color: var(--ds-label-warning-backgroundColor, var(--ds-color-warning-500));
  color: var(--ds-color-warning-700);
  color: var(--ds-label-warning-color, var(--ds-color-warning-700));
}

.shared-design-src-Label-styles-module__label--YPC8I.shared-design-src-Label-styles-module__warning--1QalT.shared-design-src-Label-styles-module__subtle--3T10r {
  background-color: var(--ds-color-warning-200);
  background-color: var(--ds-label-warning-subtle-backgroundColor, var(--ds-color-warning-200));
  color: var(--ds-color-warning-700);
  color: var(--ds-label-warning-subtle-color, var(--ds-color-warning-700));
}

.shared-design-src-Label-styles-module__label--YPC8I.shared-design-src-Label-styles-module__expressiveTeal--14StB {
  background-color: #E3F7F8;
  background-color: var(--ds-color-expressive-teal-100);
  color: #086166;
  color: var(--ds-color-expressive-teal-700);
}

.shared-design-src-Label-styles-module__label--YPC8I.shared-design-src-Label-styles-module__expressiveInfo--1V8xr {
  background-color: #ECE9FF;
  background-color: var(--ds-color-information-100);
  color: #36139A;
  color: var(--ds-color-information-700);
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__link--1iagF {
  display: flex;
  align-items: center;
  color: inherit;
  padding: 16px 0;
  padding: var(--ds-spacing-m) 0;
  position: relative;
  text-decoration: none;
}

.shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__active--k1hl_ .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__link--1iagF {
  box-shadow: 0 2px 0 0 #FF596F;
  box-shadow: 0 2px 0 0 var(--ds-color-primary);
}

.shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__card--3HIgZ {
  height: calc(100% - 60px);
  margin-top: 60px;
}

.shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__subItems--266vg {
  display: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  position: fixed;
  background: #FFFFFF;
  background: var(--ds-color-background-ui);
  z-index: 999999999;
}

.shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__subList--2U3dq {
  height: 100%;
  list-style-type: none;
  margin: 0;
  overflow: scroll;
  padding: 16px 0 48px;
  text-align: left;
  width: 100%;
}

.shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__subLink--PLlDM {
  display: block;
  padding: 16px 24px;
  position: relative;
  text-decoration: none;
  white-space: normal;
  color: #19124F;
  color: var(--ds-color-text);
}

.shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__subLink--PLlDM:hover {
  text-decoration: underline;
}

.shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__showTakeover--1wdxm .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__subItems--266vg {
  display: block;
}

.shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__item--1fXKr {
  margin-right: 16px;
  margin-right: var(--ds-spacing-m);
}

.shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__item--1fXKr:last-child {
  margin-right: 0;
}

@media only screen and (min-width: 1024px) {
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__item--1fXKr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
  }
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__link--1iagF {
    line-height: 20px;
    white-space: nowrap;
  }
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__link--1iagF:focus {
    color: #FF596F;
    color: var(--ds-color-primary);
  }
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__active--k1hl_ .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__link--1iagF {
    box-shadow: 0 2px 0 0 #FF596F;
    box-shadow: 0 2px 0 0 var(--ds-color-primary);
  }
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__card--3HIgZ {
    height: 100%;
    margin-top: 0;
  }
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__subItems--266vg {
    background: transparent;
    bottom: initial;
    display: block;
    height: initial;
    left: inherit;
    overflow-y: initial;
    overflow-x: initial;
    margin-top: 0;
    min-width: 208px;
    opacity: 0;
    overflow: visible;
    padding-top: 16px;
    pointer-events: none;
    position: absolute;
    right: initial;
    text-align: left;
    top: 100%;
    z-index: 999999999;
  }
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__isAnimationEnabled--1uIJF .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__subItems--266vg {
    transition: transform 0.125s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__arrow--3tfRK {
    position: absolute;
    top: 6px;
    left: 44px;
    z-index: 999999999;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFFFFF;
    border-bottom: 10px solid var(--ds-color-background-ui);
  }
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__isInSecondHalf--S1mCg .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__arrow--3tfRK {
    left: initial;
    right: 44px;
  }
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__isInSecondHalf--S1mCg .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__subItems--266vg {
    left: -272px;
  }
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__isMouseOver--1sb9h .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__subItems--266vg {
    opacity: 1;
    display: block;
    pointer-events: all;
  }
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__subList--2U3dq {
    height: initial;
    opacity: 0;
    overflow: initial;
    padding: 8px 0;
    padding: var(--ds-spacing-xs) 0;
  }
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__subLink--PLlDM {
    padding: 8px 24px;
    padding: var(--ds-spacing-xs) var(--ds-spacing-l);
    position: relative;
    white-space: nowrap;
    display: flex;
    align-items: center;
  }
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__subLink--PLlDM:hover {
    background-color: rgba(233, 233, 240, 0.60);
    background-color: var(--ds-color-background-alt-100);
    text-decoration: none;
  }
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__isAnimationEnabled--1uIJF .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__subList--2U3dq {
    transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__isMouseOver--1sb9h .shared-design-src-ProductNav-DesktopProductNav-Item-styles-module__subList--2U3dq {
    opacity: 1;
  }
}
.shared-design-src-Skeleton-styles-module__skeleton--2XJE1 {
  background-color: var(--ds-color-state-loading-background);
  background-color: var(--ds-skeleton-background, var(--ds-color-state-loading-background));
  color: transparent;
  width: 100%;
}

.shared-design-src-Skeleton-styles-module__animated--1FBOn {
  background-color: var(--ds-color-state-loading-background);
  background-color: var(--ds-skeleton-background, var(--ds-color-state-loading-background));
  position: relative;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.shared-design-src-Skeleton-styles-module__animated--1FBOn::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, transparent, rgba(245, 245, 248, 0.60), transparent);
  background: linear-gradient(to right, transparent, var(--ds-color-state-loading-shimmer), transparent);
  transform: translateX(-100%);
  animation: shared-design-src-Skeleton-styles-module__shimmer--1_72r 1s infinite;
}

@keyframes shared-design-src-Skeleton-styles-module__shimmer--1_72r {
  100% {
    transform: translateX(100%);
  }
}
.shared-design-src-Skeleton-styles-module__roundedCorners--Uhfjn {
  border-radius: var(--ds-radius-small);
  border-radius: var(--ds-skeleton-roundedCorners-borderRadius, var(--ds-radius-small));
}

.shared-design-src-Skeleton-styles-module__ratioSquare--tle6r {
  padding-bottom: 100%;
}

.shared-design-src-Skeleton-styles-module__ratioPortrait--1Tumj {
  padding-bottom: 133.3333333333%;
}

.shared-design-src-Skeleton-styles-module__ratioLandscape--25SQC {
  padding-bottom: 75%;
}

.shared-design-src-Skeleton-styles-module__circular--qeqv4 {
  aspect-ratio: 1/1;
  border-radius: 50%;
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-stack-titleBar-background),
 * var(--ds-stack-titleBar-borderBottom),
 *
**/
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-Sheets-styles-module__sheets--256nK {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.shared-design-src-Sheets-styles-module__sheet--1lrvq {
  width: 100%;
  height: 100%;
  position: relative;
}

.shared-design-src-Sheets-styles-module__sheetBody--1ER9l {
  width: 100%;
  height: calc(100% - 50px);
  top: 50px;
  position: absolute;
  background: #FFFFFF;
  background: var(--ds-color-background-ui);
  overflow-y: auto;
  box-shadow: 0 3px 4px -1px rgba(0,0,0,.15), 0 5px 10px 0 rgba(0,0,0,.1), 0 1px 12px 0 rgba(0,0,0,.1);
  box-shadow: var(--ds-shadow-500);
}

.shared-design-src-Sheets-styles-module__sheetBody--1ER9l.shared-design-src-Sheets-styles-module__noTitle--3geSl {
  height: 100%;
  top: 0;
}

.shared-design-src-Sheets-styles-module__sheetContainer--xgOLJ {
  width: 100%;
  height: 100%;
  position: absolute;
}

.shared-design-src-Sheets-styles-module__titleBar--mxt0j {
  display: flex;
  justify-content: space-between;
  opacity: 0.2;
  width: 100%;
  background: var(--ds-color-background-ui);
  background: var(--ds-stack-titleBar-background, var(--ds-color-background-ui));
  border-bottom: var(--ds-size-border-width-small) solid var(--ds-color-border-light);
  border-bottom: var(--ds-stack-titleBar-borderBottom, var(--ds-size-border-width-small) solid var(--ds-color-border-light));
}

.shared-design-src-Sheets-styles-module__titleBarArea--3kZWo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.shared-design-src-Sheets-styles-module__titleBar--mxt0j .shared-design-src-Sheets-styles-module__titleBarTitle--2iJ54,
.shared-design-src-Sheets-styles-module__titleBar--mxt0j .shared-design-src-Sheets-styles-module__titleBarAction--ynGab {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 8px;
  padding: var(--ds-spacing-xs);
}

.shared-design-src-Sheets-styles-module__titleBar--mxt0j .shared-design-src-Sheets-styles-module__titleBarTitle--2iJ54 {
  min-width: 0;
  flex: 2;
  padding-left: 0;
  padding-right: 0;
  min-height: calc(4px * 12);
  min-height: var(--ds-size-dimension-xxl);
}

.shared-design-src-Sheets-styles-module__titleBar--mxt0j .shared-design-src-Sheets-styles-module__titleBarTitleText--vwRH9 {
  font-size: 14px;
  font-size: var(--ds-font-size-display6);
  line-height: 24px;
  line-height: var(--ds-line-height-display6);
  font-weight: 600;
  font-weight: var(--ds-font-weight-display6);
}

.shared-design-src-Sheets-styles-module__titleBar--mxt0j .shared-design-src-Sheets-styles-module__titleBarTitleText--vwRH9 > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Sheets-styles-module__titleBar--mxt0j .shared-design-src-Sheets-styles-module__titleBarTitleText--vwRH9 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.shared-design-src-Sheets-styles-module__titleBar--mxt0j .shared-design-src-Sheets-styles-module__titleBarAction--ynGab {
  justify-content: flex-start;
}

.shared-design-src-Sheets-styles-module__titleBar--mxt0j .shared-design-src-Sheets-styles-module__titleBarAction--ynGab ~ .shared-design-src-Sheets-styles-module__titleBarAction--ynGab {
  justify-content: flex-end;
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-ProductNav-MobileProductNav-mobileStyles-module__navContainer--39PXT {
  -webkit-overflow-scrolling: touch;
}

.shared-design-src-ProductNav-MobileProductNav-mobileStyles-module__itemHero--5yk5h {
  background-size: cover;
  background-position: center right;
  color: #ffffff;
  color: var(--ds-color-text-contrast);
}

.shared-design-src-ProductNav-MobileProductNav-mobileStyles-module__itemHeroOverlay--13tju {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-link-color),
 * var(--ds-link-textDecoration),
 * var(--ds-link-hover-textDecoration),
 * var(--ds-link-fontWeight),
 * var(--ds-link-subtle-fontWeight),
**/
.shared-design-src-TextLink-styles-module__link--3k8OX {
  /* Resets */
  background: none;
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: inherit;
  font-size: inherit;
  color: inherit;
  color: var(--ds-link-color, inherit);
  font-weight: var(--ds-font-weight-bold);
  font-weight: var(--ds-link-fontWeight, var(--ds-font-weight-bold));
  cursor: pointer;
  text-decoration: none;
  -webkit-text-decoration: var(--ds-link-textDecoration, none);
          text-decoration: var(--ds-link-textDecoration, none);
}

.shared-design-src-TextLink-styles-module__link--3k8OX:hover {
  text-decoration: underline;
  -webkit-text-decoration: var(--ds-link-hover-textDecoration, underline);
          text-decoration: var(--ds-link-hover-textDecoration, underline);
}

.shared-design-src-TextLink-styles-module__block--Q1BXR {
  display: block;
}

.shared-design-src-TextLink-styles-module__primary--2j5P_ {
  color: #FF596F;
  color: var(--ds-color-primary);
}

.shared-design-src-TextLink-styles-module__subtle--3-BMS {
  font-weight: inherit;
  font-weight: var(--ds-link-subtle-fontWeight, inherit);
}

.shared-design-src-TextLink-styles-module__children--3BGFJ {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Icon */
.shared-design-src-TextLink-styles-module__iconBefore--10ZJ2,
.shared-design-src-TextLink-styles-module__iconAfter--aVyiO {
  display: flex;
}

.shared-design-src-TextLink-styles-module__iconBefore--10ZJ2:only-child,
.shared-design-src-TextLink-styles-module__iconAfter--aVyiO:only-child {
  margin-right: 0;
  margin-left: 0;
}

.shared-design-src-TextLink-styles-module__iconBefore--10ZJ2 {
  margin-right: 4px;
  margin-right: var(--ds-spacing-xxs);
}

.shared-design-src-TextLink-styles-module__iconAfter--aVyiO {
  margin-left: 4px;
  margin-left: var(--ds-spacing-xxs);
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-input-border),
 * var(--ds-input-borderRadius),
 * var(--ds-input-height),
 * var(--ds-input-padding),
 * var(--ds-input-color),
 * var(--ds-input-background),
 * var(--ds-input-error-borderColor),
 * var(--ds-input-error-boxShadow),
 * var(--ds-input-warning-borderColor),
 * var(--ds-input-warning-boxShadow),
 * var(--ds-input-success-borderColor),
 * var(--ds-input-success-boxShadow),
 * var(--ds-input-hover-background),
 * var(--ds-input-focus-borderColor),
 * var(--ds-input-focus-boxShadow),
 * var(--ds-input-placeholder-color),
 * var(--ds-input-disabled-background),
 * var(--ds-input-disabled-color),
 * var(--ds-input-disabled-borderColor),
 * var(--ds-input-checkbox-size),
 * var(--ds-input-checkbox-icon-size),
 * var(--ds-input-checkbox-borderRadius),
 * var(--ds-input-checkbox-borderColor),
 * var(--ds-input-checkbox-background),
 * var(--ds-input-checkbox-background),
 * var(--ds-input-checkbox-hover-background),
 * var(--ds-input-checkbox-focus-borderColor),
 * var(--ds-input-checkbox-focus-boxShadow),
 * var(--ds-input-checkbox-disabled-borderColor),
 * var(--ds-input-checkbox-disabled-backgroundColor),
 * var(--ds-input-checkbox-disabled-borderColor),
 * var(--ds-input-checkbox-selected-borderColor),
 * var(--ds-input-checkbox-selected-backgroundColor),
 * var(--ds-input-checkbox-selected-backgroundColor),
 * var(--ds-input-radio-size),
 * var(--ds-input-radio-borderColor),
 * var(--ds-input-radio-icon-color),
 * var(--ds-input-radio-focus-boxShadow),
 * var(--ds-input-radio-hover-background),
 * var(--ds-input-radio-focus-borderColor),
 * var(--ds-input-radio-selected-borderColor),
 * var(--ds-input-radio-icon-disabled-color),
**/
.shared-design-src-Form-Input-styles-module__input--IgzG- {
  border: var(--ds-size-border-width-small) solid var(--ds-color-border);
  border: var(--ds-input-border, var(--ds-size-border-width-small) solid var(--ds-color-border));
  font-size: 16px;
  font-size: var(--ds-font-size-body);
  line-height: 26px;
  line-height: var(--ds-line-height-body);
  font-weight: 400;
  font-weight: var(--ds-font-weight-body);
}

.shared-design-src-Form-Input-styles-module__input--IgzG- > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

.shared-design-src-Form-Input-styles-module__input--IgzG- {
  border-radius: var(--ds-radius-medium);
  border-radius: var(--ds-input-borderRadius, var(--ds-radius-medium));
  height: var(--ds-size-dimension-xxl);
  height: var(--ds-input-height, var(--ds-size-dimension-xxl));
  padding: var(--ds-spacing-xs) var(--ds-spacing-s);
  padding: var(--ds-input-padding, var(--ds-spacing-xs) var(--ds-spacing-s));
  color: var(--ds-color-text);
  color: var(--ds-input-color, var(--ds-color-text));
  -webkit-appearance: none;
  background: var(--ds-color-background-ui);
  background: var(--ds-input-background, var(--ds-color-background-ui));
}

.shared-design-src-Form-Input-styles-module__input--IgzG-.shared-design-src-Form-Input-styles-module__error--3phlY {
  border-color: var(--ds-color-error-500);
  border-color: var(--ds-input-error-borderColor, var(--ds-color-error-500));
  box-shadow: 0 0 0 2px var(--ds-color-error-500);
  box-shadow: var(--ds-input-error-boxShadow, 0 0 0 2px var(--ds-color-error-500));
}

.shared-design-src-Form-Input-styles-module__input--IgzG-.shared-design-src-Form-Input-styles-module__warning--4Hbi6 {
  border-color: var(--ds-color-warning-500);
  border-color: var(--ds-input-warning-borderColor, var(--ds-color-warning-500));
  box-shadow: 0 0 0 2px var(--ds-color-warning-500);
  box-shadow: var(--ds-input-warning-boxShadow, 0 0 0 2px var(--ds-color-warning-500));
}

.shared-design-src-Form-Input-styles-module__input--IgzG-.shared-design-src-Form-Input-styles-module__success--clPgH {
  border-color: var(--ds-color-success-500);
  border-color: var(--ds-input-success-borderColor, var(--ds-color-success-500));
  box-shadow: 0 0 0 2px var(--ds-color-success-500);
  box-shadow: var(--ds-input-success-boxShadow, 0 0 0 2px var(--ds-color-success-500));
}

.shared-design-src-Form-Input-styles-module__input--IgzG-:hover, .shared-design-src-Form-Input-styles-module__input--IgzG-:active {
  background-color: var(--ds-color-state-hover-overlay);
  background-color: var(--ds-input-hover-background, var(--ds-color-state-hover-overlay));
}

.shared-design-src-Form-Input-styles-module__input--IgzG-:active, .shared-design-src-Form-Input-styles-module__input--IgzG-:focus {
  outline: 0;
  border-color: var(--ds-color-state-focus-border);
  border-color: var(--ds-input-focus-borderColor, var(--ds-color-state-focus-border));
  box-shadow: 0 0 0 2px var(--ds-color-state-focus-border);
  box-shadow: var(--ds-input-focus-boxShadow, 0 0 0 2px var(--ds-color-state-focus-border));
}

.shared-design-src-Form-Input-styles-module__input--IgzG-::-moz-placeholder {
  color: var(--ds-color-text-muted);
  color: var(--ds-input-placeholder-color, var(--ds-color-text-muted));
  opacity: 1;
}

.shared-design-src-Form-Input-styles-module__input--IgzG-::placeholder {
  color: var(--ds-color-text-muted);
  color: var(--ds-input-placeholder-color, var(--ds-color-text-muted));
  opacity: 1;
}

.shared-design-src-Form-Input-styles-module__input--IgzG-.shared-design-src-Form-Input-styles-module__disabled--3JQlc {
  opacity: 1;
  cursor: not-allowed !important;
  background-color: var(--ds-color-state-disabled-background);
  background-color: var(--ds-input-disabled-background, var(--ds-color-state-disabled-background));
  color: var(--ds-color-state-disabled-text);
  color: var(--ds-input-disabled-color, var(--ds-color-state-disabled-text));
  border-color: var(--ds-color-transparent);
  border-color: var(--ds-input-disabled-borderColor, var(--ds-color-transparent));
  box-shadow: none;
}

.shared-design-src-Form-Input-styles-module__input--IgzG-.shared-design-src-Form-Input-styles-module__disabled--3JQlc::-moz-placeholder {
  color: var(--ds-color-state-disabled-text);
  color: var(--ds-input-disabled-color, var(--ds-color-state-disabled-text));
}

.shared-design-src-Form-Input-styles-module__input--IgzG-.shared-design-src-Form-Input-styles-module__disabled--3JQlc::placeholder {
  color: var(--ds-color-state-disabled-text);
  color: var(--ds-input-disabled-color, var(--ds-color-state-disabled-text));
}

.shared-design-src-Form-Input-styles-module__input--IgzG-.shared-design-src-Form-Input-styles-module__fluid--27Ayw {
  width: 100%;
}

.shared-design-src-Form-Input-styles-module__input--IgzG-[type=search] {
  -webkit-appearance: none !important;
}

.shared-design-src-Form-Input-styles-module__input--IgzG-[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm3.71 12.29a1 1 0 0 1 0 1.42 1 1 0 0 1-1.42 0L12 13.41l-2.29 2.3a1 1 0 0 1-1.42 0 1 1 0 0 1 0-1.42l2.3-2.29-2.3-2.29a1 1 0 0 1 1.42-1.42l2.29 2.3 2.29-2.3a1 1 0 0 1 1.42 1.42L13.41 12z" fill="currentColor"></path></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm3.71 12.29a1 1 0 0 1 0 1.42 1 1 0 0 1-1.42 0L12 13.41l-2.29 2.3a1 1 0 0 1-1.42 0 1 1 0 0 1 0-1.42l2.3-2.29-2.3-2.29a1 1 0 0 1 1.42-1.42l2.29 2.3 2.29-2.3a1 1 0 0 1 1.42 1.42L13.41 12z" fill="currentColor"></path></svg>');
  width: calc(4px * 6);
  width: var(--ds-size-dimension-m);
  height: calc(4px * 6);
  height: var(--ds-size-dimension-m);
  background-color: #757195;
  background-color: var(--ds-color-text-muted);
  opacity: 0.6;
}

.shared-design-src-Form-Input-styles-module__input--IgzG-[type=search]::-webkit-search-cancel-button:hover {
  opacity: 1;
}

.shared-design-src-Form-Input-styles-module__checkboxWrapper--3_yKY {
  position: relative;
  width: 24px;
  width: var(--ds-input-checkbox-size, 24px);
  height: 24px;
  height: var(--ds-input-checkbox-size, 24px);
}

.shared-design-src-Form-Input-styles-module__checkboxInput--244rg {
  -webkit-appearance: none;
  /* Commence Safari Mobile hackz */
  border-radius: 0;
  border: 0;
  background: transparent;
  /* Cease Safari Mobile hackz */
  position: absolute;
  z-index: 1;
  width: 24px;
  width: var(--ds-input-checkbox-size, 24px);
  height: 24px;
  height: var(--ds-input-checkbox-size, 24px);
}

.shared-design-src-Form-Input-styles-module__checkboxInput--244rg:focus, .shared-design-src-Form-Input-styles-module__checkboxInput--244rg:active {
  outline: none;
  z-index: 4;
}

.shared-design-src-Form-Input-styles-module__checkboxIcon--H2R5Y {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  width: 20px;
  width: var(--ds-input-checkbox-icon-size, 20px);
  height: 20px;
  height: var(--ds-input-checkbox-icon-size, 20px);
  border-radius: var(--ds-radius-small);
  border-radius: var(--ds-input-checkbox-borderRadius, var(--ds-radius-small));
  border: 2px solid var(--ds-color-border);
  border: var(--ds-size-border-width-small) solid var(--ds-input-checkbox-borderColor, var(--ds-color-border));
  background-color: var(--ds-color-background-ui);
  background-color: var(--ds-input-checkbox-background, var(--ds-color-background-ui));
  position: relative;
  overflow: hidden;
  color: var(--ds-color-text-contrast);
  color: var(--ds-input-icon-color, var(--ds-color-text-contrast));
}

.shared-design-src-Form-Input-styles-module__checkboxIcon--H2R5Y:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  background-color: var(--ds-color-background-ui);
  background-color: var(--ds-input-checkbox-background, var(--ds-color-background-ui));
}

.shared-design-src-Form-Input-styles-module__checkboxInput--244rg:hover + .shared-design-src-Form-Input-styles-module__checkboxIcon--H2R5Y:after {
  background-color: var(--ds-color-state-hover-overlay);
  background-color: var(--ds-input-checkbox-hover-background, var(--ds-color-state-hover-overlay));
}

.shared-design-src-Form-Input-styles-module__checkboxInput--244rg:focus {
  outline: none;
  z-index: 4;
}

.shared-design-src-Form-Input-styles-module__checkboxInput--244rg:focus + .shared-design-src-Form-Input-styles-module__checkboxIcon--H2R5Y {
  box-shadow: 0 0 0 4px var(--ds-color-state-focus-border);
  box-shadow: var(--ds-input-checkbox-focus-boxShadow, 0 0 0 4px var(--ds-color-state-focus-border));
}

.shared-design-src-Form-Input-styles-module__checkboxInput--244rg:disabled {
  opacity: 1;
  cursor: not-allowed;
}

.shared-design-src-Form-Input-styles-module__checkboxInput--244rg:disabled + .shared-design-src-Form-Input-styles-module__checkboxIcon--H2R5Y {
  background-color: var(--ds-color-state-disabled-background);
  background-color: var(--ds-input-checkbox-disabled-backgroundColor, var(--ds-color-state-disabled-background));
  color: var(--ds-color-transparent);
  color: var(--ds-input-checkbox-disabled-color, var(--ds-color-transparent));
  border-color: var(--ds-color-transparent);
  border-color: var(--ds-input-checkbox-disabled-borderColor, var(--ds-color-transparent));
  box-shadow: 0 0 0 0 transparent;
}

.shared-design-src-Form-Input-styles-module__checkboxInput--244rg:disabled + .shared-design-src-Form-Input-styles-module__checkboxIcon--H2R5Y:after {
  background-color: var(--ds-color-state-disabled-background);
  background-color: var(--ds-input-checkbox-disabled-backgroundColor, var(--ds-color-state-disabled-background));
}

.shared-design-src-Form-Input-styles-module__checkboxInput--244rg:checked:focus, .shared-design-src-Form-Input-styles-module__checkboxInput--244rg:checked:active {
  border-color: var(--ds-color-state-focus-border);
  border-color: var(--ds-input-checkbox-focus-borderColor, var(--ds-color-state-focus-border));
}

.shared-design-src-Form-Input-styles-module__checkboxInput--244rg:checked + .shared-design-src-Form-Input-styles-module__checkboxIcon--H2R5Y {
  border-color: var(--ds-color-background-ui-contrast);
  border-color: var(--ds-input-checkbox-selected-borderColor, var(--ds-color-background-ui-contrast));
  background-color: var(--ds-color-background-ui-contrast);
  background-color: var(--ds-input-checkbox-selected-backgroundColor, var(--ds-color-background-ui-contrast));
}

.shared-design-src-Form-Input-styles-module__checkboxInput--244rg:checked + .shared-design-src-Form-Input-styles-module__checkboxIcon--H2R5Y:after {
  background-color: var(--ds-color-background-ui-contrast);
  background-color: var(--ds-input-checkbox-selected-backgroundColor, var(--ds-color-background-ui-contrast));
  left: calc(20px * 2);
  left: calc(var(--ds-input-checkbox-icon-size, 20px) * 2);
  transition: left 300ms ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .shared-design-src-Form-Input-styles-module__checkboxInput--244rg:checked + .shared-design-src-Form-Input-styles-module__checkboxIcon--H2R5Y:after {
    transition: left 0ms;
  }
}
.shared-design-src-Form-Input-styles-module__radioInput--3vLON {
  -webkit-appearance: none;
  /* Commence Safari Mobile hackz */
  border: 0;
  background: transparent;
  /* Cease Safari Mobile hackz */
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  width: 20px;
  width: var(--ds-input-radio-size, 20px);
  height: 20px;
  height: var(--ds-input-radio-size, 20px);
}

.shared-design-src-Form-Input-styles-module__radioInput--3vLON:focus, .shared-design-src-Form-Input-styles-module__radioInput--3vLON:active {
  outline: none;
  z-index: 4;
}

.shared-design-src-Form-Input-styles-module__fakeRadio--3OKRq {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  width: 20px;
  width: var(--ds-input-radio-size, 20px);
  height: 20px;
  height: var(--ds-input-radio-size, 20px);
  border-radius: 50%;
  border: var(--ds-size-border-width-small) solid var(--ds-color-border);
  border: var(--ds-input-border, var(--ds-size-border-width-small)) solid var(--ds-input-radio-borderColor, var(--ds-color-border));
  position: relative;
  background-color: var(--ds-color-background-ui);
  background-color: var(--ds-input-radio-background, var(--ds-color-background-ui));
}

.shared-design-src-Form-Input-styles-module__fakeRadio--3OKRq:before {
  content: "";
  margin: auto;
  height: 100%;
  width: 100%;
  transform: scale(0.3);
  border-radius: 50%;
}

.shared-design-src-Form-Input-styles-module__radioInput--3vLON:focus + .shared-design-src-Form-Input-styles-module__fakeRadio--3OKRq {
  box-shadow: 0 0 0 4px var(--ds-color-state-focus-border);
  box-shadow: var(--ds-input-radio-focus-boxShadow, 0 0 0 4px var(--ds-color-state-focus-border));
}

.shared-design-src-Form-Input-styles-module__radioInput--3vLON:hover {
  background-color: var(--ds-color-state-hover-overlay);
  background-color: var(--ds-input-checkbox-hover-background, var(--ds-color-state-hover-overlay));
}

.shared-design-src-Form-Input-styles-module__radioInput--3vLON:checked:active,
.shared-design-src-Form-Input-styles-module__radioInput--3vLON:checked:focus {
  border-color: var(--ds-color-state-focus-border);
  border-color: var(--ds-input-radio-focus-borderColor, var(--ds-color-state-focus-border));
}

.shared-design-src-Form-Input-styles-module__radioInput--3vLON:checked + .shared-design-src-Form-Input-styles-module__fakeRadio--3OKRq {
  background: var(--ds-color-background-ui-contrast);
  background: var(--ds-input-radio-active-backgroundColor, var(--ds-color-background-ui-contrast));
  border-color: var(--ds-color-background-ui-contrast);
  border-color: var(--ds-input-radio-active-borderColor, var(--ds-color-background-ui-contrast));
}

.shared-design-src-Form-Input-styles-module__radioInput--3vLON:checked + .shared-design-src-Form-Input-styles-module__fakeRadio--3OKRq:before {
  transition: transform 100ms linear;
  transform: scale(0.5);
  background: var(--ds-color-background-ui);
  background: var(--ds-input-radio-icon-active-backgroundColor, var(--ds-color-background-ui));
}

@media (prefers-reduced-motion: reduce) {
  .shared-design-src-Form-Input-styles-module__radioInput--3vLON:checked + .shared-design-src-Form-Input-styles-module__fakeRadio--3OKRq:before {
    transition: transform 0ms;
  }
}
.shared-design-src-Form-Input-styles-module__radioInput--3vLON:disabled {
  opacity: 1;
  cursor: not-allowed;
}

.shared-design-src-Form-Input-styles-module__radioInput--3vLON:disabled + .shared-design-src-Form-Input-styles-module__fakeRadio--3OKRq {
  background: var(--ds-color-state-disabled-background);
  background: var(--ds-input-radio-icon-disabled-color, var(--ds-color-state-disabled-background));
  border-color: var(--ds-color-transparent);
  border-color: var(--ds-input-radio-icon-disabled-borderColor, var(--ds-color-transparent));
}

.shared-design-src-Form-Input-styles-module__radioInput--3vLON:disabled:hover {
  background: transparent;
}

.shared-design-src-Form-Input-styles-module__radioInput--3vLON:disabled:active,
.shared-design-src-Form-Input-styles-module__radioInput--3vLON:disabled:focus {
  opacity: 1;
}

.shared-design-src-Form-Input-styles-module__radioInput--3vLON:disabled:active + .shared-design-src-Form-Input-styles-module__fakeRadio--3OKRq:after,
.shared-design-src-Form-Input-styles-module__radioInput--3vLON:disabled:focus + .shared-design-src-Form-Input-styles-module__fakeRadio--3OKRq:after {
  box-shadow: 0 0 0 0 transparent;
}

.shared-design-src-Form-Input-styles-module__fileInputWrapper--3Pi7D {
  position: relative;
  display: inline-block;
}

.shared-design-src-Form-Input-styles-module__fileInputWrapper--3Pi7D .shared-design-src-Form-Input-styles-module__ghostField--2lsRU {
  display: block;
  height: var(--ds-size-dimension-xxl);
  height: var(--ds-input-height, var(--ds-size-dimension-xxl));
  opacity: 0;
  z-index: 2;
  position: relative;
}

.shared-design-src-Form-Input-styles-module__fileInputWrapper--3Pi7D .shared-design-src-Form-Input-styles-module__ghostField--2lsRU:focus + .shared-design-src-Form-Input-styles-module__uploadInput--1xQgj {
  box-shadow: 0 0 0 2px var(--ds-color-state-focus-border);
  box-shadow: var(--ds-input-focus-boxShadow, 0 0 0 2px var(--ds-color-state-focus-border));
  border-color: var(--ds-color-state-focus-border);
  border-color: var(--ds-input-focus-borderColor, var(--ds-color-state-focus-border));
}

.shared-design-src-Form-Input-styles-module__fileInputWrapper--3Pi7D .shared-design-src-Form-Input-styles-module__ghostField--2lsRU:hover + .shared-design-src-Form-Input-styles-module__uploadInput--1xQgj:not(.shared-design-src-Form-Input-styles-module__disabled--3JQlc) {
  background-color: var(--ds-color-state-hover-overlay);
  background-color: var(--ds-input-hover-background, var(--ds-color-state-hover-overlay));
}

.shared-design-src-Form-Input-styles-module__fileInputWrapper--3Pi7D.shared-design-src-Form-Input-styles-module__fluid--27Ayw {
  display: block;
}

.shared-design-src-Form-Input-styles-module__uploadInput--1xQgj {
  display: flex;
  align-items: center;
  flex: 1;
  position: absolute;
  padding: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.shared-design-src-Form-Input-styles-module__uploadInput--1xQgj .shared-design-src-Form-Input-styles-module__uploadContent--2pbSW {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
  padding-left: 12px;
  padding-left: var(--ds-spacing-s);
}

.shared-design-src-Form-Input-styles-module__uploadInput--1xQgj .shared-design-src-Form-Input-styles-module__placeholderText--2zctM {
  color: var(--ds-color-text-muted);
  color: var(--ds-input-placeholder-color, var(--ds-color-text-muted));
}

.shared-design-src-Form-Input-styles-module__uploadInput--1xQgj .shared-design-src-Form-Input-styles-module__uploadButton--2H0yQ {
  color: #FF596F;
  color: var(--ds-color-primary);
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
  margin-left: auto;
  padding-left: 12px;
  padding-left: var(--ds-spacing-s);
  padding-right: 12px;
  padding-right: var(--ds-spacing-s);
}

.shared-design-src-Form-Input-styles-module__uploadInput--1xQgj.shared-design-src-Form-Input-styles-module__disabled--3JQlc .shared-design-src-Form-Input-styles-module__uploadButton--2H0yQ, .shared-design-src-Form-Input-styles-module__uploadInput--1xQgj.shared-design-src-Form-Input-styles-module__disabled--3JQlc .shared-design-src-Form-Input-styles-module__placeholderText--2zctM {
  color: var(--ds-color-state-disabled-text);
  color: var(--ds-input-disabled-color, var(--ds-color-state-disabled-text));
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-Typeahead-components-styles-module__menu--1Q0Km {
  flex: 1;
  height: 100%;
  margin: 0;
  z-index: 1000;
  padding-left: 16px;
  padding-left: var(--ds-spacing-m);
  padding-right: 16px;
  padding-right: var(--ds-spacing-m);
}

.shared-design-src-headerAndFooter-components-Typeahead-components-styles-module__menu--1Q0Km:not(.shared-design-src-headerAndFooter-components-Typeahead-components-styles-module__openMenu--1LMrc) {
  position: absolute;
  pointer-events: none;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-styles-module__menuReset--1b5Cj {
  list-style: none;
  margin: 0;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-styles-module__highlightedDifference--2dv11 {
  background: transparent;
  font-weight: 400;
  font-weight: var(--ds-font-weight-light);
  color: inherit;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-styles-module__highlightedTerm--2053E {
  background: transparent;
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
  color: inherit;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-styles-module__overflowEllipsis--2lvk9 {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}

@media (hover: hover) {
  .shared-design-src-headerAndFooter-components-Typeahead-components-styles-module__link--2K7OW:hover {
    background: rgba(26, 18, 57, 0.05);
    background: var(--ds-color-state-hover-overlay);
    border-radius: 4px;
    border-radius: var(--ds-radius-small);
  }
  .shared-design-src-headerAndFooter-components-Typeahead-components-styles-module__highlighted--htBVk {
    background: rgba(26, 18, 57, 0.05);
    background: var(--ds-color-state-hover-overlay);
    border-radius: 4px;
    border-radius: var(--ds-radius-small);
  }
}
@media screen and (min-width: 1024px) {
  .shared-design-src-headerAndFooter-components-Typeahead-components-styles-module__menu--1Q0Km {
    padding-left: 24px;
    padding-left: var(--ds-spacing-l);
    padding-right: 24px;
    padding-right: var(--ds-spacing-l);
  }
}
/**
 *
 * Themeable variables
 *
 * If you need to adjust one of these attributes
 * define it in the tokens.js file of your theme.
 *
 * var(--ds-grid-gridGap),
 * var(--ds-grid-gridGap-condensed),
**/
.shared-design-src-Grid-styles-module__grid--3nG5H {
  display: grid;
  grid-auto-flow: dense;
  grid-gap: var(--ds-spacing-m);
  grid-gap: var(--ds-grid-gridGap, var(--ds-spacing-m));
}

.shared-design-src-Grid-styles-module__condensed--1_Dbd {
  grid-gap: var(--ds-spacing-xs);
  grid-gap: var(--ds-grid-gridGap-condensed, var(--ds-spacing-xs));
}
.shared-design-src-Carousel-styles-module__carouselWrapper--2ADrq {
  --ds-local-carousel-overflow-gutter: var(--ds-spacing-s);
  --ds-local-carousel-button-position: calc(var(--ds-spacing-s) * -0.75);
  position: relative;
}

.shared-design-src-Carousel-styles-module__carouselOuter--JhSnO {
  display: block;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding: var(--ds-local-carousel-overflow-gutter);
  margin: calc(var(--ds-local-carousel-overflow-gutter) * -1);
  margin-bottom: calc(var(--ds-local-carousel-overflow-gutter) * -0.5);
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.shared-design-src-Carousel-styles-module__carouselOuter--JhSnO::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.shared-design-src-Carousel-styles-module__carouselOuter--JhSnO .shared-design-src-Carousel-styles-module__carouselInner--2t7dc:after {
  content: "";
  display: block;
  width: 1px;
  min-width: 1px;
  height: 1px;
  margin-left: -1px;
}

.shared-design-src-Carousel-styles-module__carouselWrapper--2ADrq.shared-design-src-Carousel-styles-module__inactive--2bWfe .shared-design-src-Carousel-styles-module__carouselOuter--JhSnO {
  overflow-x: hidden;
}

.shared-design-src-Carousel-styles-module__carouselInner--2t7dc {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

.shared-design-src-Carousel-styles-module__slide--3nyms {
  margin-right: var(--ds-spacing-m);
  margin-right: var(--ds-carousel-gutter, var(--ds-spacing-m));
}

.shared-design-src-Carousel-styles-module__slide--3nyms:last-child {
  margin-right: 32px;
  margin-right: var(--ds-layout-04);
}

.shared-design-src-Carousel-styles-module__previousButton--kOLdK,
.shared-design-src-Carousel-styles-module__nextButton--2i0Sy {
  position: absolute;
  box-shadow: var(--ds-shadow-500);
  box-shadow: var(--ds-carousel-button-boxShadow, var(--ds-shadow-500));
  border-radius: 200vh;
  border-radius: var(--ds-radius-pill);
  z-index: 2;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  border: none;
}

.shared-design-src-Carousel-styles-module__previousButton--kOLdK.shared-design-src-Carousel-styles-module__disabled--AgdDU,
.shared-design-src-Carousel-styles-module__nextButton--2i0Sy.shared-design-src-Carousel-styles-module__disabled--AgdDU {
  opacity: 0.4;
}

.shared-design-src-Carousel-styles-module__nextButton--2i0Sy {
  left: auto;
  right: var(--ds-local-carousel-button-position);
}

.shared-design-src-Carousel-styles-module__previousButton--kOLdK {
  left: var(--ds-local-carousel-button-position);
  right: auto;
}

.shared-design-src-Carousel-styles-module__startSlither--123jq {
  position: relative;
  top: 0;
  left: 0;
  width: 1px;
}

.shared-design-src-Carousel-styles-module__endSlither--3LiU- {
  position: relative;
  bottom: 99%;
  left: calc(100% - 16px);
  width: 1px;
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-Carousel-Slide-styles-module__placeholder--1T7iI {
  background: var(--ds-color-neutral-200);
  background: var(--ds-carousel-slide-placeholder-background, var(--ds-color-neutral-200));
  height: 100%;
  border-radius: var(--ds-radius-small);
  border-radius: var(--ds-carousel-slide-placeholder-borderRadius, var(--ds-radius-small));
}

.shared-design-src-Carousel-Slide-styles-module__slideInner--btyKe {
  height: 100%;
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-Typeahead-components-StaticLinks-styles-module__section--eAAHi {
  overflow: hidden;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-StaticLinks-styles-module__link--3CHwi {
  text-decoration: none;
  color: inherit;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-StaticLinks-styles-module__popularProduct--2qSVv {
  height: 170px;
  color: #19124F;
  color: var(--ds-color-text);
  border-radius: 4px;
  border-radius: var(--ds-radius-small);
}

.shared-design-src-headerAndFooter-components-Typeahead-components-StaticLinks-styles-module__popularProductWrapper--2sukF {
  border-radius: 4px;
  border-radius: var(--ds-radius-small);
  color: #19124F;
  color: var(--ds-color-text);
  overflow: hidden;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-StaticLinks-styles-module__popularProductImageDesktop--2zUzs {
  height: 110px;
  border-radius: 4px;
  border-radius: var(--ds-radius-small);
  background-size: cover;
  background-position: bottom right;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-StaticLinks-styles-module__popularProductImageMobile--7BmH3 {
  background-repeat: no-repeat;
  height: 100px;
  background-size: auto 100px;
  background-position: bottom right;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-StaticLinks-styles-module__quickLinksWrapper--3ytXD {
  height: 120px;
  color: #19124F;
  color: var(--ds-color-text);
  border-radius: 4px;
  border-radius: var(--ds-radius-small);
}

.shared-design-src-headerAndFooter-components-Typeahead-components-StaticLinks-styles-module__quickLinksCarouselWrapper--2yhgx {
  border-radius: 4px;
  border-radius: var(--ds-radius-small);
  overflow: hidden;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-StaticLinks-styles-module__quickLinkCarousel--1PVoP {
  background-size: 120%;
  height: 170px;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-StaticLinks-styles-module__quickLinkGrid--1HB1q {
  height: 110px;
  border-radius: 4px;
  border-radius: var(--ds-radius-small);
  background-size: cover;
  background-position-y: top;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-StaticLinks-styles-module__slideTitle--qel18 {
  color: #19124F;
  color: var(--ds-color-text);
}
.shared-design-src-headerAndFooter-components-Typeahead-components-ArtistsSection-styles-module__artistLink--2Wm6z {
  text-decoration: none;
  color: inherit;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-ArtistsSection-styles-module__artistName--2fSIt {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  text-align: center;
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-Typeahead-components-mobile-styles-module__combobox--2HMcs {
  position: sticky;
  top: 0;
  background: #FFFFFF;
  background: var(--ds-color-background-ui);
  z-index: 99999999;
}

@media only screen and (min-width: 481px) {
  .shared-design-src-headerAndFooter-components-Typeahead-components-mobile-styles-module__combobox--2HMcs {
    position: relative;
  }
}
.shared-design-src-headerAndFooter-components-Typeahead-components-mobile-styles-module__productLabel--1guNA {
  margin-top: calc(-1 * 4px);
  margin-top: calc(-1 * var(--ds-spacing-xxs));
}

.shared-design-src-headerAndFooter-components-Typeahead-components-mobile-styles-module__menuReset--kRF9t {
  list-style: none;
  padding: 0;
  margin: 0;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-mobile-styles-module__searchBox--2bYF3 {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
  position: relative;
  background-color: transparent;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-mobile-styles-module__inputWrapper--1-u8J {
  background-color: #FFFFFF;
  background-color: var(--ds-color-background-ui);
  width: 100%;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-mobile-styles-module__visuallyHidden--1r3K_ {
  opacity: 0;
  pointer-events: none;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-mobile-styles-module__searchSuggestionsList--M0l5U {
  background-color: #FFFFFF;
  background-color: var(--ds-color-background-ui);
  border-radius: 8px;
  border-radius: var(--ds-radius-medium);
  box-shadow: 0 8px 10px -5px rgba(0,0,0,.2), 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.1);
  box-shadow: var(--ds-shadow-700);
  display: none;
  flex: 1;
  overflow-y: auto;
  list-style-type: none;
  padding: 0;
  position: absolute;
  top: 54px;
  left: 0;
  -webkit-overflow-scrolling: touch;
  z-index: 999;
  width: 100%;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-mobile-styles-module__open--2m5q3 {
  display: block;
  max-height: calc(100vh - 250px);
  margin-top: 6px;
  padding: calc(4px * 2) 0;
  padding: var(--ds-size-dimension-xxs) 0;
  overflow-Y: auto;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-mobile-styles-module__searchCloseButtonHidden--3vgwo {
  max-width: 0;
  transition: max-width 0.5s ease-in-out;
  transition-delay: -0.4s;
  overflow: hidden;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-mobile-styles-module__searchCloseButtonActive---YU1V {
  padding: 8px;
  padding: var(--ds-spacing-xs);
  max-width: 56px;
  transition: max-width 0.5s ease-in-out;
  overflow: hidden;
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Pill-styles-module__context--1R9gc {
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  background-color: #07002f;
  background-color: var(--ds-color-background-ui-contrast);
  color: #ffffff;
  color: var(--ds-color-text-contrast);
  border: 0;
  cursor: pointer;
  display: flex;
  outline: 0;
  border-radius: 500vh;
  padding: 4px 12px;
  padding: var(--ds-spacing-xxs) var(--ds-spacing-s);
  padding-right: 4px;
  padding-right: var(--ds-spacing-xxs);
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Pill-styles-module__clearIconWrapper--2W6YH {
  border-radius: 200vh;
  border-radius: var(--ds-radius-pill);
  background-color: rgba(63, 78, 105, 0.60);
  background-color: var(--ds-color-background-alt-500);
  pointer-events: none;
  margin-left: 8px;
  margin-left: var(--ds-spacing-xs);
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Pill-styles-module__context--1R9gc:focus .shared-design-src-headerAndFooter-components-Typeahead-components-Box-Pill-styles-module__clearIconWrapper--2W6YH {
  box-shadow: 0 0 0 4px #AFA3F2;
  box-shadow: 0 0 0 4px var(--ds-color-state-focus-border);
  background-color: rgba(187, 193, 202, 0.60);
  background-color: var(--ds-color-background-alt-200);
  color: #ffffff;
  color: var(--ds-color-text-contrast);
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Pill-styles-module__context--1R9gc:hover .shared-design-src-headerAndFooter-components-Typeahead-components-Box-Pill-styles-module__clearIconWrapper--2W6YH {
  background-color: rgba(187, 193, 202, 0.60);
  background-color: var(--ds-color-background-alt-200);
  color: #ffffff;
  color: var(--ds-color-text-contrast);
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Input-styles-module__form--3_XJe {
  background-color: #F2F2F6;
  background-color: var(--ds-color-neutral-100);
  border-radius: 4px;
  border-radius: var(--ds-radius-small);
  display: flex;
  align-items: center;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Input-styles-module__contextWrapper--VbFH_ {
  align-items: center;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Input-styles-module__focused--3JXDc {
  box-shadow: 0 0 0 4px #AFA3F2;
  box-shadow: 0 0 0 4px var(--ds-color-state-focus-border);
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Input-styles-module__termWrapper--3idN6 {
  flex: 1;
  min-width: 0;
  position: relative;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Input-styles-module__term--1xllX {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  outline: 0;
  background: transparent;
  color: #19124F;
  color: var(--ds-color-text);
  line-height: 1.5em;
  padding: 16px;
  padding: var(--ds-spacing-m);
  padding-right: 0;
  width: 100%;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Input-styles-module__term--1xllX::-moz-placeholder {
  color: #757195;
  color: var(--ds-color-text-muted);
  display: none;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Input-styles-module__term--1xllX::placeholder {
  color: #757195;
  color: var(--ds-color-text-muted);
  display: none;
}

/*
if we have the alternative engaging placeholder text enabled,
we want to still have this text present in the accessibility tree
to be read out by screen readers.
We will just hide this text on the screen to prevent it from being visible
and interefering with the alternative engaging text experience.
*/
.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Input-styles-module__hiddenPlaceholder--1HAbR::-moz-placeholder {
  opacity: 0;
}
.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Input-styles-module__hiddenPlaceholder--1HAbR::placeholder {
  opacity: 0;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Input-styles-module__term--1xllX::-webkit-search-cancel-button {
  display: none;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Input-styles-module__form--3_XJe.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Input-styles-module__dirty--7FCfk .shared-design-src-headerAndFooter-components-Typeahead-components-Box-Input-styles-module__clear--2XlFI {
  display: block;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-Input-styles-module__small--2z-dH {
  height: 48px;
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-EngagingSearchPlaceholder-EngagingSearchPlaceholder-module__scrollingTextItem--YZLyL {
  padding-top: 16px;
  padding-top: var(--ds-spacing-m);
  padding-bottom: 16px;
  padding-bottom: var(--ds-spacing-m);
  height: 100%;
  white-space: nowrap;
  position: absolute;
  overflow: hidden;
  margin: 0;
  font-size: 14px;
  font-size: var(--ds-font-size-body2);
  line-height: 24px;
  line-height: var(--ds-line-height-body2);
  font-weight: 400;
  font-weight: var(--ds-font-weight-body2);
  color: #19124F;
  color: var(--ds-color-text);
}

/*
  we are using
  opacity:0 instead of
  display:none,
  because the css animations will re play when this container transitions
  away from display:none
*/
.shared-design-src-EngagingSearchPlaceholder-EngagingSearchPlaceholder-module__scrollingTextHidden--2IMdh {
  opacity: 0;
}

.shared-design-src-EngagingSearchPlaceholder-EngagingSearchPlaceholder-module__scrollingTextContainer--2XaWT {
  padding-left: 16px;
  padding-left: var(--ds-spacing-m);
  color: #757195;
  color: var(--ds-color-text-muted);
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.shared-design-src-EngagingSearchPlaceholder-EngagingSearchPlaceholder-module__typedTextAnimation--1OHiG {
  animation: shared-design-src-EngagingSearchPlaceholder-EngagingSearchPlaceholder-module__typing--Y1M4k 1.5s forwards linear;
}

@keyframes shared-design-src-EngagingSearchPlaceholder-EngagingSearchPlaceholder-module__typing--Y1M4k {
  from {
    width: 0;
  }
  to {
    width: 450px;
  }
}
.shared-design-src-Icons-styles-rainbowIconStyle-module__star1--1VRTR, .shared-design-src-Icons-styles-rainbowIconStyle-module__star2--1RWfa, .shared-design-src-Icons-styles-rainbowIconStyle-module__star3--1QqM1 {
  position: absolute;
}

.shared-design-src-Icons-styles-rainbowIconStyle-module__star1--1VRTR {
  animation: shared-design-src-Icons-styles-rainbowIconStyle-module__rainbow--2LEOb 8s infinite;
}

.shared-design-src-Icons-styles-rainbowIconStyle-module__star2--1RWfa {
  animation: shared-design-src-Icons-styles-rainbowIconStyle-module__rainbow--2LEOb reverse 5s infinite;
}

.shared-design-src-Icons-styles-rainbowIconStyle-module__star3--1QqM1 {
  animation: shared-design-src-Icons-styles-rainbowIconStyle-module__rainbow--2LEOb alternate 7s infinite;
}

@keyframes shared-design-src-Icons-styles-rainbowIconStyle-module__rainbow--2LEOb {
  0% {
    color: #D92D02;
    color: var(--ds-color-holiday-rainbow-red);
    transform: scale(1);
  }
  16% {
    color: #FA8F0F;
    color: var(--ds-color-holiday-rainbow-orange);
  }
  32% {
    color: #51BA88;
    color: var(--ds-color-holiday-rainbow-turqoise);
    transform: scale(1.3);
  }
  50% {
    color: #50C581;
    color: var(--ds-color-holiday-rainbow-green);
  }
  66% {
    color: #78EAF5;
    color: var(--ds-color-holiday-rainbow-blue);
    transform: scale(1);
  }
  84% {
    color: #FA8F0F;
    color: var(--ds-color-holiday-rainbow-orange);
    transform: scale(1.3);
  }
  100% {
    color: #D92D02;
    color: var(--ds-color-holiday-rainbow-red);
    transform: scale(1);
  }
}
@media (prefers-reduced-motion) {
  .shared-design-src-Icons-styles-rainbowIconStyle-module__star1--1VRTR, .shared-design-src-Icons-styles-rainbowIconStyle-module__star2--1RWfa, .shared-design-src-Icons-styles-rainbowIconStyle-module__star3--1QqM1 {
    animation: none;
  }
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-Typeahead-components-Box-styles-module__searchBox--3eq33 {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
  position: relative;
  background-color: transparent;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-styles-module__inputWrapper--1EK3c {
  background-color: #FFFFFF;
  background-color: var(--ds-color-background-ui);
  padding: 0;
  width: 100%;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-styles-module__staticLinks--Gx0Va {
  width: 50%;
  max-width: 420px;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-styles-module__completionsList--1XBYQ {
  background-color: #FFFFFF;
  background-color: var(--ds-color-background-ui);
  border-radius: 8px;
  border-radius: var(--ds-radius-medium);
  box-shadow: 0 8px 10px -5px rgba(0,0,0,.2), 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.1);
  box-shadow: var(--ds-shadow-700);
  display: none;
  flex: 1;
  list-style-type: none;
  padding: 0;
  min-width: 100%;
  height: auto;
  max-height: none;
  position: absolute;
  top: 54px;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 999;
  max-width: 977px;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-styles-module__visuallyHidden--33iuv {
  opacity: 0;
  pointer-events: none;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-styles-module__open--SQ-Xf {
  display: block;
  height: auto;
  margin-top: 6px;
  padding: calc(4px * 2) 0;
  padding: var(--ds-size-dimension-xxs) 0;
}

@media screen and (min-width: 1440px) {
  .shared-design-src-headerAndFooter-components-Typeahead-components-Box-styles-module__staticLinks--Gx0Va {
    margin-right: calc(4px * 24);
    margin-right: var(--ds-size-dimension-xxxxl);
  }
}
.shared-design-src-headerAndFooter-components-Typeahead-components-Box-rainbowStyle-module__searchBoxRainbow--1UM9g {
  z-index: 2;
}

@keyframes shared-design-src-headerAndFooter-components-Typeahead-components-Box-rainbowStyle-module__borderAnimation--1xodw {
  from {
    background-position-x: 0%;
  }
  to {
    background-position-x: 100%;
  }
}
.shared-design-src-headerAndFooter-components-Typeahead-components-Box-rainbowStyle-module__searchBoxRainbow--1UM9g:after {
  --borderWidth: 2px;
  content: "";
  background: linear-gradient(90deg, #FF596F, #FFADCE, #755EED, #0066FF, #51BA88, #FFD54D, #FF596F);
  background: linear-gradient(90deg, var(--ds-color-primary), var(--ds-color-expressive-pink-300), var(--ds-color-information-500), var(--ds-color-expressive-blue-500), var(--ds-color-expressive-green-300), var(--ds-color-expressive-yellow-500), var(--ds-color-primary));
  height: calc(100% + var(--borderWidth) * 2);
  left: calc(-1 * var(--borderWidth));
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  width: calc(100% + var(--borderWidth) * 2);
  z-index: -1;
  background-size: 50% 100%;
  background-repeat: repeat-x;
  border-radius: calc(8px * 0.7);
  border-radius: calc(var(--ds-radius-medium) * 0.7);
  animation: shared-design-src-headerAndFooter-components-Typeahead-components-Box-rainbowStyle-module__borderAnimation--1xodw linear 3s infinite;
}

.shared-design-src-headerAndFooter-components-Typeahead-components-Box-rainbowStyle-module__inputWrapperRainbow--3lv0F {
  background-color: transparent !important;
  border-radius: 8px;
  border-radius: var(--ds-radius-medium);
}

@media (prefers-reduced-motion) {
  .shared-design-src-headerAndFooter-components-Typeahead-components-Box-rainbowStyle-module__searchBoxRainbow--1UM9g:after {
    animation: none;
  }
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
.shared-design-src-headerAndFooter-components-Header-style-module__searchOpen--A-6cA {
  position: relative;
  z-index: 999;
}

.shared-design-src-headerAndFooter-components-Header-style-module__searchOpen--A-6cA:before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(140, 149, 165, 0.6);
  background-color: var(--ds-color-background-overlay);
}

.shared-design-src-headerAndFooter-components-Header-style-module__header--1v48F {
  position: relative;
  background-color: #FFFFFF;
  background-color: var(--ds-color-background-ui);
}

.shared-design-src-headerAndFooter-components-Header-style-module__hidden--L4Kzi {
  opacity: 0;
  pointer-events: none;
}

.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT {
  position: relative;
  z-index: 1000;
}

.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT .shared-design-src-headerAndFooter-components-Header-style-module__hamburgerText--1RLOI {
  margin-left: 8px;
  margin-left: var(--ds-spacing-xs);
}

@media (max-width: 1250px) {
  .shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT .shared-design-src-headerAndFooter-components-Header-style-module__hamburgerText--1RLOI {
    display: none;
  }
}
.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT.shared-design-src-headerAndFooter-components-Header-style-module__fixed--DSRpo {
  position: fixed;
  transform: none;
  width: 100%;
  z-index: 999999998;
  transition: transform 0.2s ease-in;
  --bannerHeight: 48px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT.shared-design-src-headerAndFooter-components-Header-style-module__fixed--DSRpo.shared-design-src-headerAndFooter-components-Header-style-module__showCountdown--2Hrj6 {
  --bannerHeight: 80px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT.shared-design-src-headerAndFooter-components-Header-style-module__fixed--DSRpo.shared-design-src-headerAndFooter-components-Header-style-module__hideBanner--2Ruud {
  --bannerHeight: 48px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT.shared-design-src-headerAndFooter-components-Header-style-module__fixed--DSRpo.shared-design-src-headerAndFooter-components-Header-style-module__hideBanner--2Ruud.shared-design-src-headerAndFooter-components-Header-style-module__showCountdown--2Hrj6 {
  --bannerHeight: 80px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT.shared-design-src-headerAndFooter-components-Header-style-module__fixed--DSRpo.shared-design-src-headerAndFooter-components-Header-style-module__hideBanner--2Ruud.shared-design-src-headerAndFooter-components-Header-style-module__showCountdown--2Hrj6.shared-design-src-headerAndFooter-components-Header-style-module__desktop--3ykkw {
  --bannerHeight: 48px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT.shared-design-src-headerAndFooter-components-Header-style-module__fixed--DSRpo.shared-design-src-headerAndFooter-components-Header-style-module__hideBanner--2Ruud.shared-design-src-headerAndFooter-components-Header-style-module__showCountdown--2Hrj6.shared-design-src-headerAndFooter-components-Header-style-module__desktopCountdownBanner--38KCA {
  --bannerHeight: 48px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT.shared-design-src-headerAndFooter-components-Header-style-module__fixed--DSRpo.shared-design-src-headerAndFooter-components-Header-style-module__hideBanner--2Ruud {
  transition: transform 0.2s ease-in;
  transform: translateY(calc(-1 * var(--bannerHeight)));
}

.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT.shared-design-src-headerAndFooter-components-Header-style-module__fixed--DSRpo.shared-design-src-headerAndFooter-components-Header-style-module__transformed--1wogd {
  transition: transform 0.2s ease-in;
  transform: translateY(-52px); /* header height 48px + 4px for top padding*/
}

.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT.shared-design-src-headerAndFooter-components-Header-style-module__fixed--DSRpo.shared-design-src-headerAndFooter-components-Header-style-module__showCountdownBannerTransform--1Xuc8 {
  transform: translateY(-80px);
}

.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT.shared-design-src-headerAndFooter-components-Header-style-module__fixed--DSRpo.shared-design-src-headerAndFooter-components-Header-style-module__hideHeader--3760z {
  transition: transform 0.2s ease-in;
}

.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT.shared-design-src-headerAndFooter-components-Header-style-module__fixed--DSRpo.shared-design-src-headerAndFooter-components-Header-style-module__hideHeader--3760z.shared-design-src-headerAndFooter-components-Header-style-module__showCountdown--2Hrj6 {
  --bannerHeight: 80px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT.shared-design-src-headerAndFooter-components-Header-style-module__fixed--DSRpo.shared-design-src-headerAndFooter-components-Header-style-module__hideHeader--3760z.shared-design-src-headerAndFooter-components-Header-style-module__showCountdown--2Hrj6.shared-design-src-headerAndFooter-components-Header-style-module__desktopCountdownBanner--38KCA {
  --bannerHeight: 0px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT.shared-design-src-headerAndFooter-components-Header-style-module__fixed--DSRpo.shared-design-src-headerAndFooter-components-Header-style-module__hideHeader--3760z.shared-design-src-headerAndFooter-components-Header-style-module__desktop--3ykkw {
  --bannerHeight: 0px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__headerWrapper--1UepT.shared-design-src-headerAndFooter-components-Header-style-module__fixed--DSRpo.shared-design-src-headerAndFooter-components-Header-style-module__hideHeader--3760z {
  transform: translateY(calc(-48px - var(--bannerHeight)));
}

.shared-design-src-headerAndFooter-components-Header-style-module__placeHolder--11TFq {
  width: 100%;
  --bannerHeight: 0px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__placeHolder--11TFq.shared-design-src-headerAndFooter-components-Header-style-module__desktop--3ykkw {
  height: 88px;
  --bannerHeight: 48px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__placeHolder--11TFq.shared-design-src-headerAndFooter-components-Header-style-module__desktop--3ykkw.shared-design-src-headerAndFooter-components-Header-style-module__noBanner--3Vvw- {
  --bannerHeight: 0px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__placeHolder--11TFq.shared-design-src-headerAndFooter-components-Header-style-module__desktop--3ykkw {
  height: calc(var(--bannerHeight) + 88px);
}

.shared-design-src-headerAndFooter-components-Header-style-module__placeHolder--11TFq.shared-design-src-headerAndFooter-components-Header-style-module__mobileAndShowExpandedMobileSearch--3Ghxa {
  height: 120px;
  --bannerHeight: 48px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__placeHolder--11TFq.shared-design-src-headerAndFooter-components-Header-style-module__mobileAndShowExpandedMobileSearch--3Ghxa.shared-design-src-headerAndFooter-components-Header-style-module__noBanner--3Vvw- {
  --bannerHeight: 0px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__placeHolder--11TFq.shared-design-src-headerAndFooter-components-Header-style-module__mobileAndShowExpandedMobileSearch--3Ghxa {
  height: calc(var(--bannerHeight) + 120px);
}

.shared-design-src-headerAndFooter-components-Header-style-module__placeHolder--11TFq.shared-design-src-headerAndFooter-components-Header-style-module__mobileAndShowExpandedMobileSearch--3Ghxa.shared-design-src-headerAndFooter-components-Header-style-module__showCountdown--2Hrj6 {
  --bannerHeight: 80px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__placeHolder--11TFq.shared-design-src-headerAndFooter-components-Header-style-module__mobileAndShowExpandedMobileSearch--3Ghxa.shared-design-src-headerAndFooter-components-Header-style-module__showCountdown--2Hrj6.shared-design-src-headerAndFooter-components-Header-style-module__noBanner--3Vvw- {
  --bannerHeight: 0px;
}

.shared-design-src-headerAndFooter-components-Header-style-module__placeHolder--11TFq.shared-design-src-headerAndFooter-components-Header-style-module__mobileAndShowExpandedMobileSearch--3Ghxa.shared-design-src-headerAndFooter-components-Header-style-module__showCountdown--2Hrj6 {
  height: calc(var(--bannerHeight) + 120px);
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url(/partnership-portal/client/17436297256810a34f3537c714f6e1f8.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url(/partnership-portal/client/ffcd4190fc6dfe45bc6ffa8f2c223763.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/*
 * Most colors are defined in ranges where the core color is
 * in the middle (500). Lighter colors are 50 -> 400 and darker
 * are 600 -> 900.
 *
 * The scales are not all complete. Items yet to be defined on the scale default to pink to indicate to consumers
 * that they are not implemented. Where possible, avoid adding new colors to the scales.
 *
 */
/*
TODO(RD): I feel like we should do something like this, but does it make sense to put it in:
   - A variable?
   - A mixin?
   - A utility class?

$focusOutline: outline 4px $focusColor;
$focusBoxShadow: 0 0 0 4px $focusColor;
*/
:root {
  --ds-color-brand: #E41421;
  --ds-color-primary: #FF596F;
  --ds-color-neutral-50: #F9F9FB;
  --ds-color-neutral-100: #F2F2F6;
  --ds-color-neutral-200: #D6DADF;
  --ds-color-neutral-300: #9695A8;
  --ds-color-neutral-500: #757195;
  --ds-color-neutral-800: #19124F;
  --ds-color-neutral-900: #07002f;
  --ds-color-success-100: #E7F8EF;
  --ds-color-success-200: #C1F2DA;
  --ds-color-success-500: #34C665;
  --ds-color-success-600: #10834C;
  --ds-color-success-700: #0B532F;
  --ds-color-information-100: #ECE9FF;
  --ds-color-information-200: #CDC3FF;
  --ds-color-information-300: #AFA3F2;
  --ds-color-information-500: #755EED;
  --ds-color-information-600: #5137D7;
  --ds-color-information-700: #36139A;
  --ds-color-warning-100: #FFE9D8;
  --ds-color-warning-200: #FFD6AD;
  --ds-color-warning-500: #FFBB77;
  --ds-color-warning-600: #AD5D02;
  --ds-color-warning-700: #723D0A;
  --ds-color-error-100: #FFECEC;
  --ds-color-error-200: #FFCCCB;
  --ds-color-error-500: #ED3432;
  --ds-color-error-600: #CD1C1A;
  --ds-color-error-700: #810D0C;
  --ds-color-destructive-100: #FFECEC;
  --ds-color-destructive-200: #FFCCCB;
  --ds-color-destructive-500: #ED3432;
  --ds-color-destructive-600: #CD1C1A;
  --ds-color-destructive-700: #810D0C;
  --ds-color-white: #FFFFFF;
  --ds-color-black: #000000;
  --ds-color-transparent: transparent;
  --ds-color-expressive-green-100: #E3F8E9;
  --ds-color-expressive-green-300: #51BA88;
  --ds-color-expressive-green-500: #0E844C;
  --ds-color-expressive-green-700: #0B6339;
  --ds-color-expressive-blue-100: #F0F6FF;
  --ds-color-expressive-blue-300: #ADCEFF;
  --ds-color-expressive-blue-500: #0066FF;
  --ds-color-expressive-blue-700: #0652C3;
  --ds-color-expressive-yellow-100: #FAF2D9;
  --ds-color-expressive-yellow-300: #FFE9A1;
  --ds-color-expressive-yellow-500: #FFD54D;
  --ds-color-expressive-yellow-700: #D8A709;
  --ds-color-expressive-red-100: #FFD6DD;
  --ds-color-expressive-red-300: #F77990;
  --ds-color-expressive-red-500: #D92D02;
  --ds-color-expressive-red-700: #9A0D27;
  --ds-color-expressive-pink-100: #FFECF4;
  --ds-color-expressive-pink-300: #FFADCE;
  --ds-color-expressive-pink-500: #D32168;
  --ds-color-expressive-pink-700: #C30652;
  --ds-color-expressive-teal-100: #E3F7F8;
  --ds-color-expressive-teal-300: #5BCBD1;
  --ds-color-expressive-teal-500: #19AEAE;
  --ds-color-expressive-teal-700: #086166;
  --ds-color-expressive-purple-100: #FDDDFF;
  --ds-color-expressive-purple-300: #F1A7F4;
  --ds-color-expressive-purple-500: #C511CE;
  --ds-color-expressive-purple-700: #86338B;
  --ds-color-expressive-orange-100: #FFEBD8;
  --ds-color-expressive-orange-300: #FFAF75;
  --ds-color-expressive-orange-500: #EA872D;
  --ds-color-expressive-orange-700: #B06215;
  --ds-color-border: var(--ds-color-neutral-200);
  --ds-color-border-light: var(--ds-color-neutral-100);
  --ds-color-text: var(--ds-color-neutral-800);
  --ds-color-text-contrast: #ffffff;
  --ds-color-text-muted: var(--ds-color-neutral-500);
  --ds-color-text-muted-contrast: var(--ds-color-neutral-300);
  --ds-color-background-ui: var(--ds-color-white);
  --ds-color-background-ui-contrast: var(--ds-color-neutral-900);
  --ds-color-background-ui-medium: var(--ds-color-white);
  --ds-color-background-ui-high: var(--ds-color-white);
  --ds-color-background-alt-50: rgba(245, 245, 248, 0.60);
  --ds-color-background-alt-100: rgba(233, 233, 240, 0.60);
  --ds-color-background-alt-200: rgba(187, 193, 202, 0.60);
  --ds-color-background-alt-500: rgba(63, 78, 105, 0.60);
  --ds-color-background-app: var(--ds-color-white);
  --ds-color-background-app-light: var(--ds-color-white);
  --ds-color-background-app-dark: var(--ds-color-neutral-900);
  --ds-color-background-overlay: rgba(140, 149, 165, 0.6);
  --ds-color-background-overlay-transparent: rgba(140, 149, 165, 0);
  --ds-color-state-disabled-text: var(--ds-color-neutral-300);
  --ds-color-state-disabled-background: var(--ds-color-background-alt-100);
  --ds-color-state-focus-border: var(--ds-color-information-300);
  --ds-color-state-hover-overlay: rgba(26, 18, 57, 0.05);
  --ds-color-state-hover-overlay-contrast: rgba(255, 255, 255, 0.1);
  --ds-color-state-loading-background: var(--ds-color-background-alt-200);
  --ds-color-state-loading-shimmer: var(--ds-color-background-alt-50);
  --ds-font-family: -apple-system, BlinkMacSystemFont, Inter, Arial, sans-serif;
  --ds-font-weight-light: 400;
  --ds-font-weight-normal: 400;
  --ds-font-weight-bold: 600;
  --ds-font-weight-display1: var(--ds-font-weight-bold);
  --ds-font-weight-display2: var(--ds-font-weight-bold);
  --ds-font-weight-display3: var(--ds-font-weight-bold);
  --ds-font-weight-display4: var(--ds-font-weight-normal);
  --ds-font-weight-display5: var(--ds-font-weight-bold);
  --ds-font-weight-display6: var(--ds-font-weight-bold);
  --ds-font-weight-body: var(--ds-font-weight-normal);
  --ds-font-weight-body2: var(--ds-font-weight-normal);
  --ds-font-weight-caption: var(--ds-font-weight-normal);
  --ds-font-size-display1: 36px;
  --ds-font-size-display2: 24px;
  --ds-font-size-display3: 20px;
  --ds-font-size-display4: 20px;
  --ds-font-size-display5: 16px;
  --ds-font-size-display6: 14px;
  --ds-font-size-body: 16px;
  --ds-font-size-body2: 14px;
  --ds-font-size-caption: 12px;
  --ds-line-height-display1: 48px;
  --ds-line-height-display2: 32px;
  --ds-line-height-display3: 30px;
  --ds-line-height-display4: 30px;
  --ds-line-height-display5: 26px;
  --ds-line-height-display6: 24px;
  --ds-line-height-body: 26px;
  --ds-line-height-body2: 24px;
  --ds-line-height-caption: 16px;
  --ds-radius-small: 4px;
  --ds-radius-medium: 8px;
  --ds-radius-large: 12px;
  --ds-radius-pill: 200vh;
  --ds-size-border-width-hairline: 1px;
  --ds-size-border-width-small: 2px;
  --ds-size-border-width-medium: 4px;
  --ds-spacing-xxxs: 2px;
  --ds-spacing-xxs: 4px;
  --ds-spacing-xs: 8px;
  --ds-spacing-s: 12px;
  --ds-spacing-m: 16px;
  --ds-spacing-l: 24px;
  --ds-spacing-xl: 32px;
  --ds-spacing-xxl: 48px;
  --ds-spacing-xxxl: 64px;
  --ds-spacing-legacy-unit: 16px;
  --ds-spacing: var(--ds-spacing-xxxs);
  --ds-spacing-01: var(--ds-spacing-xxxs);
  --ds-spacing-02: var(--ds-spacing-xxs);
  --ds-spacing-03: var(--ds-spacing-xs);
  --ds-spacing-04: var(--ds-spacing-s);
  --ds-spacing-05: var(--ds-spacing-m);
  --ds-spacing-06: var(--ds-spacing-m);
  --ds-spacing-07: var(--ds-spacing-l);
  --ds-spacing-08: var(--ds-spacing-l);
  --ds-spacing-09: var(--ds-spacing-xl);
  --ds-spacing-10: var(--ds-spacing-xxl);
  --ds-size-dimension: var(--ds-spacing-xxs);
  --ds-size-dimension-xxxs: var(--ds-size-dimension);
  --ds-size-dimension-xxs: calc(var(--ds-size-dimension) * 2);
  --ds-size-dimension-xs: calc(var(--ds-size-dimension) * 3);
  --ds-size-dimension-s: calc(var(--ds-size-dimension) * 4);
  --ds-size-dimension-m: calc(var(--ds-size-dimension) * 6);
  --ds-size-dimension-l: calc(var(--ds-size-dimension) * 8);
  --ds-size-dimension-xl: calc(var(--ds-size-dimension) * 10);
  --ds-size-dimension-xxl: calc(var(--ds-size-dimension) * 12);
  --ds-size-dimension-xxxl: calc(var(--ds-size-dimension) * 16);
  --ds-size-dimension-xxxxl: calc(var(--ds-size-dimension) * 24);
  --ds-size-dimension-01: var(--ds-size-dimension-xxxs);
  --ds-size-dimension-02: var(--ds-size-dimension-xxs);
  --ds-size-dimension-03: var(--ds-size-dimension-xs);
  --ds-size-dimension-04: var(--ds-size-dimension-s);
  --ds-size-dimension-05: var(--ds-size-dimension-m);
  --ds-size-dimension-06: var(--ds-size-dimension-l);
  --ds-size-dimension-07: var(--ds-size-dimension-xl);
  --ds-size-dimension-08: var(--ds-size-dimension-xxl);
  --ds-size-dimension-09: var(--ds-size-dimension-xxxl);
  --ds-size-dimension-10: var(--ds-size-dimension-xxxxl);
  --ds-layout: var(--ds-spacing-xs);
  --ds-layout-01: var(--ds-spacing-xs);
  --ds-layout-02: var(--ds-spacing-m);
  --ds-layout-03: var(--ds-spacing-l);
  --ds-layout-04: var(--ds-spacing-xl);
  --ds-layout-05: var(--ds-spacing-xxl);
  --ds-layout-06: var(--ds-spacing-xxxl);
  --ds-shadow-300: 0 1px 1px -1px rgba(0,0,0,.15), 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 4px 0 rgba(0,0,0,.1);
  --ds-shadow-500: 0 3px 4px -1px rgba(0,0,0,.15), 0 5px 10px 0 rgba(0,0,0,.1), 0 1px 12px 0 rgba(0,0,0,.1);
  --ds-shadow-700: 0 8px 10px -5px rgba(0,0,0,.2), 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.1);
  --ds-transition-fast: 150ms;
  --ds-transition-standard: 300ms;
  --ds-color-rainbow-orange: #FF596F;
  --ds-color-rainbow-red: #E41421;
  --ds-color-rainbow-pink: #ED207B;
  --ds-color-rainbow-navy: #6551CC;
  --ds-color-rainbow-turquoise: #47CCCC;
  --ds-color-rainbow-teal: #99CCBB;
  --ds-color-holiday-rainbow-red: #D92D02;
  --ds-color-holiday-rainbow-orange: #FA8F0F;
  --ds-color-holiday-rainbow-turqoise: #51BA88;
  --ds-color-holiday-rainbow-green: #50C581;
  --ds-color-holiday-rainbow-blue: #78EAF5;
}

:root {
  --FIND_YOUR_THING: 'find-your-thing';
  --FIND_YOUR_THING_DARK: 'find-your-thing-dark';
  --CREATIVE_ADVENTURES: 'creative-adventures';
}

/* variables/theming.scss */
:root {
  --zMaximum: 2147483647;
  --zAlwaysOnTop: 999999999;
  --zAlwaysOnBottom: 0;
  --zMiddle: 500000;
  --zNegativeHack: -1;
}

/* variables/zindex.scss */
:root {
  --borderRadius1: 4px;
  --borderRadiusPill: 1000px;
}

/* variables/radii.scss */
:root {
  --elevation700: 0 16px 64px -16px rgba(0, 0, 0, 0.6), 0 0px 8px rgba(0, 0, 0, 0.1);
  --elevation500: 0 8px 16px -8px rgba(0, 0, 0, 0.4);
  --elevation300: 0 4px 4px -4px rgba(0, 0, 0, 0.1);
  --boxShadow1: 0 1px 1px rgba(0, 0, 0, 0.1);
  --boxShadow2: 0 0 5px rgba(0, 0, 0, 0.1);
}

/* variables/shadows.scss */
:root {
  --time: 300ms;
}

/* variables/timing.scss */
:root {
  --break-xs: 320px;
  --break-s: 480px;
  --break-m: 768px;
  --break-l: 1024px;
  --break-xl: 1200px;
  --break-xxl: 1440px;
}

/* variables/breakpoints.scss */
:root {
  --fontFamily: var(--ds-font-family);
  --fontWeight--light: var(--ds-font-weight-light);
  --fontWeight--normal: var(--ds-font-weight-normal);
  --fontWeight--bold: var(--ds-font-weight-bold);
}

/* variables/fonts.scss */
:root {
  --white: #FFFFFF;
  --black: #000000;
  --logo: #E41421;
  --primary100: pink;
  --primary200: pink;
  --primary300: #FF8696;
  --primary400: pink;
  --primary500: #FF596F;
  --primary600: #E85063;
  --primary700: pink;
  --primary800: pink;
  --primary900: pink;
  --primary: var(--primary500);
  --secondary100: pink;
  --secondary200: pink;
  --secondary300: pink;
  --secondary400: pink;
  --secondary500: #40354E;
  --secondary600: pink;
  --secondary700: #1A1239;
  --secondary800: pink;
  --secondary900: pink;
  --secondary: var(--secondary500);
  --neutral50: #F9F9FB;
  --neutral100: #F2F2F6;
  --neutral200: #D6DADF;
  --neutral300: #B8BFCA;
  --neutral400: pink;
  --neutral500: #8C95A5;
  --neutral600: pink;
  --neutral700: pink;
  --neutral800: pink;
  --neutral900: pink;
  --neutral: var(--neutral500);
  --success100: #DBEAE8;
  --success200: #B5D2CE;
  --success300: pink;
  --success400: pink;
  --success500: #47CCCC;
  --success600: #37B5B5;
  --success700: #154F50;
  --success800: pink;
  --success900: pink;
  --success: var(--success500);
  --information100: #E7E4F7;
  --information200: #C8BFF9;
  --information300: #A397E1;
  --information400: pink;
  --information500: #6551CC;
  --information600: #5441B5;
  --information700: #3B2871;
  --information800: pink;
  --information900: pink;
  --information: var(--information500);
  --warning100: #FFF4EB;
  --warning200: #FFD6AE;
  --warning300: pink;
  --warning400: pink;
  --warning500: #FFB266;
  --warning600: #E8A15B;
  --warning700: #653E18;
  --warning800: pink;
  --warning900: pink;
  --warning: var(--warning500);
  --error100: #FCEDF1;
  --error200: #FFC3C3;
  --error300: pink;
  --error400: pink;
  --error500: #DC305B;
  --error600: #CA2C54;
  --error700: #3F111C;
  --error800: pink;
  --error900: pink;
  --error: var(--error500);
  --focusColor: var(--information300);
}

/* variables/colors.scss */
:root {
  --unit: 16px;
}

/* variables/units.scss */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
}

[type=button] {
  -webkit-appearance: none;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, Inter, Arial, sans-serif;
  font-family: var(--ds-font-family);
  color: #19124F;
  color: var(--ds-color-text);
  font-size: 16px;
  font-size: var(--ds-font-size-body);
  line-height: 26px;
  line-height: var(--ds-line-height-body);
  font-weight: 400;
  font-weight: var(--ds-font-weight-body);
}

body > strong {
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
}

body {
  background: rgba(233, 233, 240, 0.60);
  background: var(--ds-color-background-alt-100);
}

button {
  font-family: inherit;
}

#app {
  height: 100%;
}

html,
body,
.shared-App__dsWrapper--RyVET,
.shared-App__app--3IXkP {
  height: 100%;
}
._1Yn6XdWFKcvm9xpg3Stvoh {
  position: fixed;
  z-index: 999999999;
  right: 8px;
  bottom: 8px;
  left: 8px;
  border-radius: 4px;
  background: #FFFFFF;
  text-align: center;
  overflow: hidden;
  min-width: 300px;
  transition: all 600ms cubic-bezier(0.38, 1.01, 0.455, 1.13);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6);
}
@media (min-width: 768px) {
  ._1Yn6XdWFKcvm9xpg3Stvoh {
    right: 8px;
    bottom: 8px;
    left: initial;
    max-width: 500px;
  }
}

._2f7Xoj6Oxh-hsc1YSMF36R {
  display: flex;
  flex-wrap: wrap;
  padding: 24px 16px;
  text-align: left;
  border-radius: 4px 4px 0 0;
  background: #FFFFFF;
  font-size: 14px;
  border-top: 8px solid #FFB266;
}
@media (min-width: 768px) {
  ._2f7Xoj6Oxh-hsc1YSMF36R {
    padding: 24px 32px;
  }
}

.Tlh7TShUw-ujUZ-jqBfSA {
  line-height: 1.5em;
  font-weight: 400;
  margin: 0;
}
.Tlh7TShUw-ujUZ-jqBfSA > a {
  font-weight: 500;
  text-decoration: underline;
  color: #40354E;
}

._3ghT6Qt31Qah1KJcWxX9B3 {
  font-weight: 500;
  font-size: 20px;
  margin: 0;
  margin-bottom: 16px;
  color: #40354E;
}

._2e75ikY7N15vIpJqrS4wY_ {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  border-top: 1px solid #D6DADF;
}

._3eq8Y5jvbEPBkbgbZjy_uK {
  white-space: nowrap;
  cursor: pointer;
  flex-grow: 1;
  font-size: 16px;
  background: #FFFFFF;
  color: #40354E;
  font-weight: 500;
  border: 0 none;
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */
.shared-components-Routing-Routing__contentAndOverlay--28uqq,
.shared-components-Routing-Routing__overlayContent--2wbV- {
  min-height: 100%;
}

.shared-components-Routing-Routing__overlay--3Xdor {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.shared-components-Routing-Routing__content--SeI6D {
  height: 100%;
}

.shared-components-Routing-Routing__contentNoScroll--1ssO3 {
  height: 100%;
  overflow: auto;
}
.shared-asyncComponents-ErrorPage-ErrorPage__illustration--32b3k, .shared-asyncComponents-ErrorPage-ErrorPage__logo--29wp_ {
  display: block;
  margin: auto;
  max-width: 300px;
  width: 100%;
}

.shared-asyncComponents-ErrorPage-ErrorPage__logo--29wp_ {
  display: block;
  text-indent: -999px;
  margin: 16px auto 16px auto;
  margin: var(--ds-spacing-m) auto var(--ds-spacing-m) auto;
  max-width: 130px;
}

.shared-asyncComponents-ErrorPage-ErrorPage__wrap--1DKoP {
  background: #FFFFFF;
  background: var(--ds-color-background-ui);
  width: 100%;
  margin: 16px auto 16px auto;
  margin: var(--ds-spacing-m) auto var(--ds-spacing-m) auto;
  padding: 32px 24px calc(2.5 * 16px) 24px;
  padding: var(--ds-spacing-xl) var(--ds-spacing-l) calc(2.5 * var(--ds-spacing-m)) var(--ds-spacing-l);
  border-radius: 4px;
  border-radius: var(--ds-radius-small);
  max-width: 768px;
  box-sizing: border-box;
}

.shared-asyncComponents-ErrorPage-ErrorPage__title--3GQjs {
  color: #40354E;
  font-size: 36px;
  font-size: var(--ds-font-size-display1);
  text-align: center;
  line-height: 1.3;
  font-weight: 600;
  font-weight: var(--ds-font-weight-bold);
  margin-bottom: 16px;
  margin-bottom: var(--ds-spacing-m);
}

.shared-asyncComponents-ErrorPage-ErrorPage__message--1i2Il {
  font-size: 16px;
  font-size: var(--ds-font-size-display5);
  line-height: 1.3;
  margin-bottom: 16px;
  margin-bottom: var(--ds-spacing-m);
  margin: 0;
  padding: 0;
  text-align: center;
}

.shared-asyncComponents-ErrorPage-ErrorPage__messageLink--389t3 {
  display: inline-block;
  position: relative;
  color: #40354E;
  text-decoration: none;
  transition: 0.2s;
}
.shared-asyncComponents-ErrorPage-ErrorPage__messageLink--389t3::after {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid #FF596F;
  border-bottom: var(--ds-size-border-width-hairline) solid #FF596F;
  margin-top: 4px;
  margin-top: var(--ds-spacing-xxs);
}
.shared-asyncComponents-ErrorPage-ErrorPage__messageLink--389t3:hover {
  color: #FF596F;
}

@media only screen and (max-width: 375px) {
  .shared-asyncComponents-ErrorPage-ErrorPage__wrap--1DKoP {
    max-width: 100%;
  }
  .shared-asyncComponents-ErrorPage-ErrorPage__illustration--32b3k, .shared-asyncComponents-ErrorPage-ErrorPage__logo--29wp_ {
    max-width: 250px;
  }
  .shared-asyncComponents-ErrorPage-ErrorPage__title--3GQjs {
    font-size: 24px;
    font-size: var(--ds-font-size-display2);
  }
}

/*# sourceMappingURL=index.9e24b.css.map*/