/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./source/styles/styles.scss ***!
  \********************************************************************************************************************/
@charset "UTF-8";
/*------------------------------------------------------------------
Global reset
------------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

fieldset {
  border: 0;
  padding: 0;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Sitewide colors
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Exisiting tools
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Base colors
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Gradients
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Font colors
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Content widths
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Breakpoints
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Box shadows
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Easing functions
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Imports
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Font face
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Vertical align
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Vertical center
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Cover
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Placeholders
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Clearfix
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Input styles
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Pseudo elements
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Full positioning
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Media queries
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Dynamic Aspect Ratios
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Responsive SVGs
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Contatiners
------------------------------------------------------------------*/
/*------------------------------------------------------------------
HAF
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Image to cover conatiner without absolute positioning
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Square containers
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Masks
------------------------------------------------------------------*/
/*------------------------------------------------------------------
No select
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Colours
------------------------------------------------------------------*/
.color--black,
.colour--black {
  color: #000000 !important;
}

.color--white,
.colour--white {
  color: #ffffff !important;
}

.color--orange,
.colour--orange {
  color: #f0610f !important;
}

.color--pink-light,
.colour--pink-light {
  color: #d46397 !important;
}

.color--purple-light,
.colour--purple-light {
  color: #944ff0 !important;
}

.color--purple-dark,
.colour--purple-dark {
  color: #410e84 !important;
}

.color--personality-turquoise,
.colour--personality-turquoise {
  color: #35bcb5 !important;
}

.color--personality-pink,
.colour--personality-pink {
  color: #fc7fa4 !important;
}

.color--personality-blue,
.colour--personality-blue {
  color: #91b9f6 !important;
}

.color--personality-purple,
.colour--personality-purple {
  color: #985bd6 !important;
}

.color--personality-green,
.colour--personality-green {
  color: #81c66d !important;
}

.color--green-light,
.colour--green-light {
  color: #2ecc71 !important;
}

.color--blue-light,
.colour--blue-light {
  color: #61d6ed !important;
}

.color--blue-mid-light,
.colour--blue-mid-light {
  color: #61d6ed !important;
}

.color--blue-dark,
.colour--blue-dark {
  color: #001845 !important;
}

.color--navy,
.colour--navy {
  color: #001845 !important;
}

/*------------------------------------------------------------------
Element styles
------------------------------------------------------------------*/
html {
  font-size: 10px;
  background: #ededf6;
}
html * {
  -webkit-text-size-adjust: 100%;
}
html .type {
  margin-bottom: 0;
}

body {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 1.6rem;
  line-height: 1.5;
}
body a:not([class]) {
  color: #f0610f;
}
body a:not([class]):hover {
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}
body .colour--white a:not([class]) {
  color: #ffffff;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}

#body [id^=hotjar-survey-] * {
  font-family: "neue-haas-grotesk-display", sans-serif !important;
  letter-spacing: 0.5px !important;
}

h1,
html body .h1 {
  font-family: "henrietta-regular", "henrietta-fallback";
  font-weight: normal;
  font-style: normal;
  font-size: 6rem;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  h1,
  html body .h1 {
    font-size: 4.8rem;
  }
}

h2,
html body .h2 {
  font-family: "henrietta-regular", "henrietta-fallback";
  font-weight: normal;
  font-style: normal;
  font-size: 5rem;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  h2,
  html body .h2 {
    font-size: 4rem;
  }
}

#body .mfa-section-title,
h3,
html body .h3 {
  font-family: "henrietta-regular", "henrietta-fallback";
  font-weight: normal;
  font-style: normal;
  font-size: 4rem;
  line-height: 1.25;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  #body .mfa-section-title,
  h3,
  html body .h3 {
    font-size: 3rem;
  }
}

.GuidePage .site-main h2,
.GuidePage html body .site-main .h2,
.SortedBlogPost .site-main h2,
.SortedBlogPost html body .site-main .h2 {
  font-size: 4rem !important;
  line-height: 1.25 !important;
  margin-bottom: 1.5rem !important;
}
@media only screen and (max-width: 767px) {
  .GuidePage .site-main h2,
  .GuidePage html body .site-main .h2,
  .SortedBlogPost .site-main h2,
  .SortedBlogPost html body .site-main .h2 {
    font-size: 3rem !important;
  }
}
.GuidePage .site-main h3,
.GuidePage html body .site-main .h3,
.SortedBlogPost .site-main h3,
.SortedBlogPost html body .site-main .h3 {
  font-size: 3.6rem !important;
  line-height: 1.25 !important;
  margin-bottom: 1.5rem !important;
}
@media only screen and (max-width: 767px) {
  .GuidePage .site-main h3,
  .GuidePage html body .site-main .h3,
  .SortedBlogPost .site-main h3,
  .SortedBlogPost html body .site-main .h3 {
    font-size: 2.6rem !important;
  }
}

.swal2-title,
h4,
html body .h4 {
  font-family: "henrietta-regular", "henrietta-fallback";
  font-weight: normal;
  font-style: normal;
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .swal2-title,
  h4,
  html body .h4 {
    font-size: 2.4rem;
  }
}

h5,
html body .h5 {
  font-family: "henrietta-regular", "henrietta-fallback";
  font-weight: normal;
  font-style: normal;
  font-size: 2.6rem;
  line-height: 1.25;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  h5,
  html body .h5 {
    font-size: 2rem;
  }
}

h6,
html body .h6 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 2.4rem;
  line-height: 1.3;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  h6,
  html body .h6 {
    font-size: 1.8rem;
  }
}

.copy-1 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 3rem;
  line-height: 1.5 !important;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .copy-1 {
    font-size: 2.4rem;
  }
}

.font-henrietta {
  font-family: "henrietta-regular" !important;
  font-weight: normal !important;
  font-style: normal !important;
}

.font-henrietta-italic {
  font-family: "henrietta-regular" !important;
  font-weight: normal !important;
  font-style: italic !important;
}

.font-haas-light {
  font-family: "neue-haas-grotesk-display", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  letter-spacing: 0.5px !important;
}

.font-haas-bold {
  font-family: "neue-haas-grotesk-display", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  letter-spacing: 0.5px !important;
}

h1 .copy-1,
h1 .copy-2,
h1 .copy-3,
h2 .copy-1,
h2 .copy-2,
h2 .copy-3,
h3 .copy-1,
h3 .copy-2,
h3 .copy-3,
h4 .copy-1,
h4 .copy-2,
h4 .copy-3,
h5 .copy-1,
h5 .copy-2,
h5 .copy-3,
h6 .copy-1,
h6 .copy-2,
h6 .copy-3 {
  line-height: 1 !important;
}

.tip ._left:not(.tip-icon),
.step__copy p,
.copy-2 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .tip ._left:not(.tip-icon),
  .step__copy p,
  .copy-2 {
    font-size: 1.8rem;
  }
}

#body .mfa-block-heading,
#body .mfa-feature-list-title,
#body .mfa-app-title,
p,
li,
input,
textarea,
.copy-3 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 968px) {
  #body .mfa-block-heading,
  #body .mfa-feature-list-title,
  #body .mfa-app-title,
  p,
  li,
  input,
  textarea,
  .copy-3 {
    font-size: 2rem;
  }
}
#body .mfa-block-heading b,
#body .mfa-block-heading strong,
#body .mfa-feature-list-title b,
#body .mfa-feature-list-title strong,
#body .mfa-app-title b,
#body .mfa-app-title strong,
p b,
p strong,
li b,
li strong,
input b,
input strong,
textarea b,
textarea strong,
.copy-3 b,
.copy-3 strong {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
}

.copy-4 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 968px) {
  .copy-4 {
    font-size: 1.4rem;
  }
}
.copy-4 b,
.copy-4 strong {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
}

strong .copy-4 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
}

i,
em {
  font-style: italic;
}
i .font-henrietta,
em .font-henrietta {
  font-style: italic !important;
}

html body .text-center {
  text-align: center;
}
html body .text-right {
  text-align: right;
}
html body .no-margin {
  margin: 0;
}

.colour--white,
.color--white {
  color: #ffffff !important;
}

.colour--orange,
.color--orange {
  color: #f0610f !important;
}

.colour--grey,
.color--grey {
  color: #8b8b8b !important;
}

.colour--blue-mid-light,
.color--blue-mid-light {
  color: #3180b9 !important;
}

.colour--purple,
.color--purple {
  color: #944ff0 !important;
}

a.underlined {
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}

a.no-underline {
  text-decoration: none !important;
}

.tag {
  border: 1px solid #000000;
  padding: 0.6rem 2rem;
  display: inline-block;
  border-radius: 10000rem;
  margin: 0 1rem 1rem 0;
}
.tag:not(.no-hover):hover, .tag:not(.no-hover).active {
  background: #f0610f;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  border: 1px solid transparent;
  color: #ffffff;
}
.tag--small {
  padding: 0.5rem 1.5rem;
  margin: 0 0.5rem 0.5rem 0;
  font-size: 1.3rem;
}

.semi {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
}

/*------------------------------------------------------------------
Tool tips
------------------------------------------------------------------*/
.checklist-item__context {
  position: relative;
  perspective: 300px;
  cursor: pointer;
  z-index: 99;
}
.checklist-item__context:hover .checklist-item__context__actions {
  opacity: 1 !important;
  transform: translateX(-50%) rotateX(0deg) !important;
  visibility: visible;
}
.checklist-item__context .checklist-item__context__actions {
  width: 18rem;
  background: #f4f4f7;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
  color: #ffffff;
  border-radius: 0.8rem;
  position: absolute;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.24);
  z-index: 1;
  will-change: transform;
  user-select: none;
  left: 50%;
  bottom: 100%;
  transform-origin: 50% 100%;
  transform: translateX(-50%) rotateX(40deg);
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 1rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  margin-bottom: 0.5rem;
  opacity: 0;
  visibility: hidden;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  white-space: normal;
}
.checklist-item__context .checklist-item__context__actions:before {
  position: absolute;
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  transform: rotate(-45deg);
  left: 8.5rem;
  bottom: -0.4rem;
  background: #f4f4f7;
  background: #6c4ae2;
  border-radius: 0.2rem;
}
.checklist-item__context .checklist-item__context__actions button {
  border: 0;
  background: transparent;
  color: #ffffff;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  display: block;
  padding: 0.5rem;
  cursor: pointer;
}
.checklist-item__context .checklist-item__context__actions button:hover {
  color: #f0610f;
}

#body .socialLink.active {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
  position: relative;
}
#body .socialLink.active:before {
  position: absolute;
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  transform: rotate(-45deg);
  left: 50%;
  bottom: 5.6rem;
  background: #f4f4f7;
  background: #6c4ae2;
  border-radius: 0.2rem;
}
#body .socialLink.active::after {
  width: 18rem;
  background: #f4f4f7;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
  color: #ffffff;
  border-radius: 0.8rem;
  position: absolute;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.24);
  z-index: 1;
  will-change: transform;
  user-select: none;
  left: 50%;
  bottom: 100%;
  transform-origin: 50% 100%;
  transform: translateX(-50%) rotateX(40deg);
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 1rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  margin-bottom: 0.5rem;
  opacity: 0;
  visibility: hidden;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  white-space: normal;
  content: attr(data-tooltip);
  opacity: 1 !important;
  transform: translateX(-50%) rotateX(0deg) !important;
  visibility: visible;
  z-index: 99;
}

.tooltip {
  position: relative;
  display: inline-block;
  perspective: 300px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 0.5rem;
}
.tooltip:hover .tooltip__copy {
  opacity: 1 !important;
  transform: translateX(-50%) rotateX(0deg) !important;
  visibility: visible;
  z-index: 99;
}
.tooltip__copy {
  width: 18rem;
  background: #f4f4f7;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
  color: #ffffff;
  border-radius: 0.8rem;
  position: absolute;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.24);
  z-index: 1;
  will-change: transform;
  user-select: none;
  left: 50%;
  bottom: 100%;
  transform-origin: 50% 100%;
  transform: translateX(-50%) rotateX(40deg);
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 1rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  margin-bottom: 0.5rem;
  opacity: 0;
  visibility: hidden;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  white-space: normal;
}
.tooltip__copy:before {
  position: absolute;
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  transform: rotate(-45deg);
  left: 8.5rem;
  bottom: -0.4rem;
  background: #f4f4f7;
  background: #6c4ae2;
  border-radius: 0.2rem;
}
.tooltip__copy a {
  color: #ffffff !important;
  text-decoration: underline !important;
}
.tooltip--bottom .tooltip__copy {
  bottom: auto;
  top: 100%;
  transform-origin: 50% 0%;
}
.tooltip--bottom .tooltip__copy:before {
  top: -0.4rem !important;
  bottom: auto !important;
}
.tooltip--left .tooltip__copy {
  margin-left: -7rem;
}
.tooltip--left .tooltip__copy:before {
  margin-left: 7rem;
  background: #924fef;
}
.tooltip--white img {
  filter: invert(1) brightness(100);
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 2.4rem;
  height: 2.4rem;
}

.mfa-loading-indicator,
.loader {
  left: 0;
  right: 0;
  top: 0.2rem;
  margin: 0 auto;
  font-size: 10px;
  position: absolute;
  text-indent: -9999em;
  border-top: 0.24rem solid rgba(237, 237, 246, 0.2);
  border-right: 0.24rem solid rgba(237, 237, 246, 0.2);
  border-bottom: 0.24rem solid rgba(237, 237, 246, 0.2);
  border-left: 0.24rem solid #f0610f;
  transform: translateZ(0);
  animation: spinner 1s infinite linear;
  display: none;
  z-index: 11;
}

.loading .loader {
  display: block;
}

/*------------------------------------------------------------------
big_dot shortcode
------------------------------------------------------------------*/
.square {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.square__icon {
  border-radius: 0.6rem;
  background: #f0610f;
  padding: 1.4rem 1rem;
  color: #ffffff;
  text-transform: capitalize;
}

.broken {
  text-align: center;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  min-height: 50px;
}
.broken:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #f4f4f7;
}
.broken:after {
  padding: 0 2rem;
  content: "🔗" " Missing Image " attr(alt);
  display: block;
  font-size: 12px;
  color: #f0610f;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  text-align: center;
}

.outbound-link-orange {
  position: relative;
  display: inline-block;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.outbound-link-orange:after {
  position: relative;
  display: inline-block;
  top: -4px;
  content: "";
  background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"11.253\" height=\"11.261\" viewBox=\"0 0 11.253 11.261\"><path fill=\"%23F0610F\" fill-rule=\"nonzero\" d=\"M5.642 1.76v1.193H1.635a.442.442 0 0 0-.443.442v6.231c0 .244.198.442.443.442h6.23a.442.442 0 0 0 .443-.442l-.001-3.758v-.25H9.5v4.008c0 .903-.732 1.635-1.635 1.635h-6.23A1.635 1.635 0 0 1 0 9.626v-6.23C0 2.491.732 1.76 1.635 1.76h4.007ZM7.01 0l3.713.12.398.012.013.398.119 3.713-.819-.003-.089-2.743-3.879 3.88-.707-.708L9.528.901 7.013.819 7.01 0Z\"/></svg>") no-repeat;
  width: 11.253px;
  height: 11.261px;
  margin-left: 0.3rem;
}

.outbound-link-white {
  position: relative;
  display: inline-block;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.outbound-link-white:after {
  position: relative;
  display: inline-block;
  top: -4px;
  content: "";
  background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"11.253\" height=\"11.261\" viewBox=\"0 0 11.253 11.261\"><path fill=\"%23fff\" fill-rule=\"nonzero\" d=\"M5.642 1.76v1.193H1.635a.442.442 0 0 0-.443.442v6.231c0 .244.198.442.443.442h6.23a.442.442 0 0 0 .443-.442l-.001-3.758v-.25H9.5v4.008c0 .903-.732 1.635-1.635 1.635h-6.23A1.635 1.635 0 0 1 0 9.626v-6.23C0 2.491.732 1.76 1.635 1.76h4.007ZM7.01 0l3.713.12.398.012.013.398.119 3.713-.819-.003-.089-2.743-3.879 3.88-.707-.708L9.528.901 7.013.819 7.01 0Z\"/></svg>") no-repeat;
  width: 11.253px;
  height: 11.261px;
  margin-left: 0.3rem;
}

.visually-hidden,
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  left: -10000rem;
}

.leadinModal {
  z-index: 99999999999 !important;
}

[data-segment=terms-and-conditions-te-matatini-giveaway] .breadcrumbs {
  padding: 0rem;
}
@media only screen and (min-width: 968px) {
  [data-segment=terms-and-conditions-te-matatini-giveaway] .breadcrumbs {
    padding: 0 4rem;
    max-width: 1540px;
  }
}

table.bubble {
  box-shadow: 0 6px 5px rgba(0, 0, 0, 0.1);
  background-color: white;
  border-radius: 1.5rem;
  margin-bottom: 2rem;
  overflow: hidden;
  position: relative;
  padding-bottom: 0.3rem;
}
table.bubble--sibling {
  margin-top: -3.2rem;
  border-radius: 0 0 1.5rem 1.5rem;
}
table.bubble .text-left {
  text-align: left;
}
table.bubble th {
  padding: 3rem 2rem 0rem;
}
table.bubble th p:last-of-type {
  margin-bottom: 0 !important;
}
table.bubble tr {
  padding: 1rem;
}
table.bubble td {
  padding: 1rem;
  border-radius: 3rem;
  position: relative;
  background: #f4f4f7;
  border: 1.2rem solid white;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

#frame-cover {
  top: 50%;
  transform: translateY(-50%);
}

body #hubspot-messages-iframe-container {
  z-index: 999999990 !important;
}

.image.right {
  float: right;
  margin-left: 1rem;
  margin-bottom: 1rem;
}

.image.left {
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

/*------------------------------------------------------------------
Blocks
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
brand-promo
------------------------------------------------------------------*/
.brand-promo {
  position: relative;
  max-width: 1540px;
  width: calc(100% - 4rem);
  margin: 4rem auto;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .brand-promo {
    width: calc(100% - 2rem);
  }
}
.brand-promo__loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  pointer-events: none;
}
.brand-promo__loader .loader {
  display: block;
  top: 50%;
  margin-top: -4rem;
  border-width: 3px;
  width: 8rem;
  height: 8rem;
}
.brand-promo__loader:after {
  position: absolute;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
  opacity: 0.9;
}
.brand-promo.Left {
  flex-direction: row-reverse;
}
.brand-promo--sort {
  margin: -8rem auto 2rem;
  max-width: 100%;
}
.brand-promo--sort:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 20rem;
  background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.8;
}
.brand-promo--sort .brand-promo__copy {
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  margin: 0;
  padding: 20rem 6rem 14rem;
}
.brand-promo--sort .brand-promo__copy h1 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.brand-promo--sort .brand-promo__copy .brand-promo__constraint {
  max-width: 100%;
}
.brand-promo--sort .brand-promo__content__hidden {
  display: none;
}
.brand-promo--sort .brand-promo__content__hidden.active {
  display: block;
}
.brand-promo--sort .brand-promo__content__radio {
  display: inline-block;
  margin: 0 1rem 1rem 0;
}
.brand-promo--sort .brand-promo__content__radio input {
  opacity: 0;
  position: absolute;
  left: -10000rem;
}
.brand-promo--sort .brand-promo__content__radio label {
  border-radius: 10000rem;
  font-size: 1.6rem;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  color: #ffffff;
  padding: 1rem 4rem;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  display: inline-block;
}
.brand-promo--sort .brand-promo__content__radio label:after, .brand-promo--sort .brand-promo__content__radio label:before {
  display: none;
}
.brand-promo--sort .brand-promo__content__radio label:hover {
  background: #ffffff !important;
  color: #f0610f !important;
}
.brand-promo--sort .brand-promo__content__radio input:checked + label {
  background: #ffffff !important;
  color: #f0610f !important;
}
.brand-promo__time {
  display: flex;
  flex-wrap: wrap;
}
.brand-promo__time img {
  margin-right: 1rem;
}
.brand-promo__background-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.brand-promo__background-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.brand-promo__image {
  width: calc(50% + 2rem);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  z-index: 1;
  margin-left: -2rem;
}
@media only screen and (max-width: 1023px) {
  .brand-promo__image {
    width: 100%;
    margin-left: 0;
  }
}
.brand-promo__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 0 1.5rem 1.5rem 0;
}
@media only screen and (max-width: 1023px) {
  .brand-promo__image img {
    position: relative;
  }
}
.brand-promo__copy {
  width: calc(50% + 2rem);
  padding: 4rem 8rem;
  z-index: 4;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 40rem;
  border-radius: 0 1.5rem 1.5rem 0;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  margin-left: -2rem;
}
@media only screen and (max-width: 1023px) {
  .brand-promo__copy {
    width: 100%;
    padding: 4rem;
    margin-left: 0;
  }
}
.brand-promo__background {
  position: absolute;
  left: 40%;
  width: 80%;
  top: -25%;
  height: auto;
  z-index: 1;
}
.brand-promo__constraint {
  max-width: 50rem;
  position: relative;
  z-index: 2;
}
.brand-promo.purple .brand-promo__copy {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #944ff0 0%, #4d45d6 100%);
}
.brand-promo.purple .brand-promo__background {
  left: 10%;
  width: 100%;
  top: -35%;
}
.brand-promo.pink .brand-promo__copy {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #944ff0 0%, #f52e57 100%);
}
.brand-promo.pink .brand-promo__background {
  left: 5%;
  width: 100%;
  top: -16%;
}
.brand-promo.red .brand-promo__copy {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #f0610f 0%, #ff0540 100%);
}
.brand-promo.red .brand-promo__background {
  left: 5%;
  width: 100%;
  top: -2%;
}
.brand-promo.orange-light .brand-promo__copy {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #f79e5c 0%, #f0610f 100%);
}
.brand-promo.orange-light .brand-promo__background {
  left: 8%;
  width: 100%;
  top: -35%;
}

.brand-promo-minimal {
  position: relative;
  width: calc(100% - 4rem);
  margin: -8rem auto 2rem;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 63%, #7a2380 100%);
}
.brand-promo-minimal__background {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-38%);
}
.brand-promo-minimal__copy {
  padding: 16rem 2rem 6rem;
  position: relative;
  max-width: 1340px;
  margin: 0 auto;
  width: 100%;
}

/*------------------------------------------------------------------
Events brand-promo
------------------------------------------------------------------*/
.brand-promo--events {
  position: relative;
  width: calc(100% - 4rem);
  margin: -12rem auto 2rem;
  border-radius: 1.5rem;
  background: linear-gradient(90deg, #f0610f 0%, #d46397 63%, #7a2380 100%);
  display: flex;
  gap: 4rem;
  padding: 12rem 12rem 7rem;
}
@media only screen and (max-width: 1279px) {
  .brand-promo--events {
    padding: 12rem 4rem 4rem;
  }
}
@media only screen and (max-width: 1023px) {
  .brand-promo--events {
    flex-direction: column;
  }
}
.brand-promo--events__background-constraint {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
}
.brand-promo--events__background {
  z-index: 1;
}
.brand-promo--events__filters, .brand-promo--events__content {
  flex: 1;
  z-index: 50;
}
.brand-promo--events__content__copy {
  max-width: 90%;
}
.brand-promo--events__content__title {
  color: #ffffff;
}
.brand-promo--events__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  align-content: flex-end;
}
@media only screen and (max-width: 639px) {
  .brand-promo--events__filters {
    flex-direction: column;
  }
}
.brand-promo--events__filter-item {
  min-width: 200px;
  width: calc(50% - 1.25rem);
}
@media only screen and (max-width: 639px) {
  .brand-promo--events__filter-item {
    width: 100%;
  }
}
.brand-promo--events__filter-item .choices__inner {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 2rem;
  line-height: 1.5;
  border-radius: 8rem;
  padding: 1rem 1.5rem !important;
}
@media only screen and (max-width: 767px) {
  .brand-promo--events__filter-item .choices__inner {
    font-size: 2rem;
  }
}
.brand-promo--events__filter-item .choices[data-type*=select-one] > .choices__inner > .choices__list {
  padding-right: 6rem;
  background-image: url("data:image/svg+xml; utf8, <svg width=\"16\" height=\"9\" viewBox=\"0 0 16 9\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.839 5.96L13.936.108a.399.399 0 01.553.007l1.07 1.047a.38.38 0 01.008.542L8.122 8.851a.365.365 0 01-.283.105.387.387 0 01-.284-.105L.111 1.704a.38.38 0 01.007-.542L1.188.115a.399.399 0 01.554-.007L7.839 5.96z\" fill=\"%23f0610f\" fill-rule=\"evenodd\"/></svg>");
}

.brand-promo-dashboard {
  position: relative;
  width: calc(100% - 4rem);
  margin: -8rem auto 6em;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 63%, #7a2380 100%);
  justify-content: center;
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .brand-promo-dashboard {
    flex-direction: column;
    padding: 8rem 4rem 4rem;
  }
}
.brand-promo-dashboard__background {
  position: absolute;
  right: 0;
  bottom: 0%;
  top: 0;
  overflow: hidden;
  border-radius: 1.5rem;
}
.brand-promo-dashboard__image {
  width: 30rem;
  background: #ffffff;
  border-radius: 1.5rem;
  z-index: 3;
  overflow: hidden;
  position: relative;
  margin-bottom: -4rem;
  box-shadow: 0px 0.9px 0.9px rgba(0, 0, 0, 0.028), 0px 2.5px 2.5px rgba(0, 0, 0, 0.04), 0px 6px 6px rgba(0, 0, 0, 0.052), 0px 20px 20px rgba(0, 0, 0, 0.08);
  padding: 4rem;
}
@media only screen and (max-width: 767px) {
  .brand-promo-dashboard__image {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    padding: 2rem;
  }
  .brand-promo-dashboard__image #ProfileUploadForm_ProfileUploadForm,
  .brand-promo-dashboard__image p {
    flex: 1;
  }
}
.brand-promo-dashboard__image .edit-profile-image img {
  border-radius: 10000rem;
}
.brand-promo-dashboard__image .button {
  display: none !important;
}
.brand-promo-dashboard__image #ProfileUploadForm_ProfileUploadForm_Image_Holder {
  position: absolute;
  left: -100rem;
}
.brand-promo-dashboard__copy {
  padding: 22rem 2rem 6rem 6rem;
  position: relative;
  z-index: 3;
  max-width: 1340px;
  width: calc(100% - 40rem);
  max-width: 84rem;
}
@media only screen and (max-width: 767px) {
  .brand-promo-dashboard__copy {
    width: 100%;
    padding: 0;
    margin-top: 2rem;
  }
}
.brand-promo-dashboard__constraint {
  position: relative;
  max-width: 84rem;
  z-index: 2;
}

.MoneyWellbeingPage .brand-promo--sort .brand-promo__copy {
  padding: 12rem 6rem 8rem;
}

.busy .brand-promo__loader {
  opacity: 1;
  visibility: visible;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Alternate Grid
------------------------------------------------------------------*/
/*------------------------------------------------------------------
alternate grid
------------------------------------------------------------------*/
.alternate-grid {
  position: relative;
  width: 100%;
  margin: 4rem auto 8rem;
  clear: both;
  padding: 0 2rem;
  max-width: 1540px;
}
.alternate-grid:before, .alternate-grid:after {
  content: "";
  display: table;
}
.alternate-grid:after {
  clear: both;
}
.alternate-grid__intro {
  width: calc(50% - 2rem);
  float: left;
  padding-bottom: 10rem;
}
@media only screen and (max-width: 967px) {
  .alternate-grid__intro {
    width: 100%;
    padding-bottom: 4rem;
  }
}
.alternate-grid__item {
  width: calc(50% - 2rem);
  border-radius: 1.5rem;
  margin: 0 0 2rem;
  padding: 4rem;
  display: block;
  float: left;
  display: flex;
  flex-wrap: wrap;
  min-height: 35rem;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  align-items: flex-start;
}
@media only screen and (max-width: 967px) {
  .alternate-grid__item {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .alternate-grid__item {
    padding: 2rem;
  }
}
.alternate-grid__item.hidden {
  display: none;
}
.alternate-grid__item.orange {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.alternate-grid__item.purple {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
}
.alternate-grid__item.pink {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #b0285a 0%, #ef6113 100%);
}
.alternate-grid__item.mauve {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #7e4fa8 0%, #c56eae 100%);
}
.alternate-grid__item:nth-child(even) {
  float: right;
}
.alternate-grid__copy {
  width: calc(100% - 25rem);
  padding-right: 4rem;
}
@media only screen and (min-width: 1280px) {
  .alternate-grid__copy {
    min-height: 32rem;
  }
}
@media only screen and (max-width: 1439px) {
  .alternate-grid__copy {
    width: calc(100% - 15rem);
  }
}
@media only screen and (max-width: 1279px) {
  .alternate-grid__copy {
    width: 100%;
    order: 2;
  }
}
@media only screen and (min-width: 768px) {
  .alternate-grid__copy {
    padding-right: 0rem;
  }
}
.alternate-grid__copy h4 a {
  text-decoration: none !important;
}
.alternate-grid__copy h4 a:hover {
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
}
.alternate-grid__image {
  width: 25rem;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1439px) {
  .alternate-grid__image {
    width: 15rem;
  }
}
@media only screen and (max-width: 1279px) {
  .alternate-grid__image {
    width: 100%;
    order: 1;
    margin-bottom: 4rem;
  }
}
.alternate-grid__image img {
  width: 100%;
  height: auto;
  border-radius: 1.5rem;
  display: block;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
CTA Block
------------------------------------------------------------------*/
.guide-steps + .text-block {
  margin-top: -4rem;
}

.audo-embed-block,
.text-block {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  position: relative;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .audo-embed-block,
  .text-block {
    margin-top: 2rem;
  }
}
.audo-embed-block--icons .text-block__constraint,
.text-block--icons .text-block__constraint {
  max-width: 1340px !important;
}
@media only screen and (min-width: 968px) {
  .audo-embed-block--icons .text-block__half--left,
  .text-block--icons .text-block__half--left {
    margin-right: 4rem;
  }
  .audo-embed-block--icons .text-block__half,
  .text-block--icons .text-block__half {
    width: calc(50% - 2rem);
  }
}
.audo-embed-block--icons .text-block__half,
.text-block--icons .text-block__half {
  padding-left: 3.6rem;
  position: relative;
}
.audo-embed-block--icons .text-block__icon,
.text-block--icons .text-block__icon {
  width: 3.6rem;
  position: absolute;
  top: 0.4rem;
  left: 0;
}
.audo-embed-block--icons .text-block__icon svg,
.text-block--icons .text-block__icon svg {
  width: 2.2rem;
  height: auto;
}
.audo-embed-block + .guide-steps,
.audo-embed-block + .audo-embed-block,
.audo-embed-block + .text-block,
.text-block + .guide-steps,
.text-block + .audo-embed-block,
.text-block + .text-block {
  margin-top: -4rem;
}
.audo-embed-block hr,
.text-block hr {
  margin: 4rem 0;
  background: transparent;
  border: 0;
  border-top: 1px solid #c8c8da;
}
.audo-embed-block__constraint,
.text-block__constraint {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}
.audo-embed-block__constraint > :last-child,
.text-block__constraint > :last-child {
  margin-bottom: 0;
}
.audo-embed-block__constraint.wide,
.text-block__constraint.wide {
  max-width: 1540px;
}
@media only screen and (min-width: 968px) {
  .audo-embed-block__constraint.wide,
  .text-block__constraint.wide {
    padding: 4rem;
  }
}
.audo-embed-block--outer-content .audo-embed-block__constraint,
.audo-embed-block--outer-content .text-block__constraint,
.text-block--outer-content .audo-embed-block__constraint,
.text-block--outer-content .text-block__constraint {
  max-width: 1540px;
}
.audo-embed-block--content .audo-embed-block__constraint,
.audo-embed-block--content .text-block__constraint,
.text-block--content .audo-embed-block__constraint,
.text-block--content .text-block__constraint {
  max-width: 1340px;
}
.audo-embed-block__half,
.text-block__half {
  width: 50%;
  float: left;
}
.audo-embed-block__half--left,
.text-block__half--left {
  padding-right: 2rem;
}
.audo-embed-block__half--right,
.text-block__half--right {
  padding-left: 2rem;
}
@media only screen and (max-width: 967px) {
  .audo-embed-block__half--right,
  .text-block__half--right {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 967px) {
  .audo-embed-block__half,
  .text-block__half {
    width: 100%;
    float: none;
    padding: 0;
  }
}
.audo-embed-block a,
.text-block a {
  color: #f0610f;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
CTA Block
------------------------------------------------------------------*/
.cta {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
}
.cta {
  margin-top: 4rem;
  margin-bottom: 4rem;
  position: relative;
  overflow: hidden;
  background: #f0610f;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.cta__wrap {
  padding: 4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: auto;
}
.cta.orangeToPink {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.cta.redToOrange {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ed4136 2%, #fc6d33 100%);
}
.cta.purpleToPurple {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #944ff0 0%, #4d45d6 100%);
}
.cta.purpleToPink {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #7e4fa8 0%, #c56eae 100%);
}
.cta.pinkToOrange {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #b0285a 0%, #ef6113 100%);
}
.cta.Right .cta__image {
  order: 2;
}
@media only screen and (max-width: 767px) {
  .cta.Right .cta__image {
    margin-bottom: 0;
  }
}
.cta.Right .cta__copy {
  padding-left: 0;
  padding-right: 4rem;
  order: 1;
}
@media only screen and (max-width: 767px) {
  .cta.Right .cta__copy {
    margin-bottom: 4rem;
  }
}
.cta__background {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-60%);
  width: 50rem;
  height: auto;
  z-index: 1;
}
.cta__background img {
  width: 100%;
  height: auto;
  display: block;
}
.cta__image {
  width: 40%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .cta__image {
    width: 100%;
    margin-bottom: 4rem;
  }
}
.cta__image img {
  clip-path: url(#mask-square);
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: 40rem;
}
.cta__copy {
  width: 60%;
  padding-left: 4rem;
  z-index: 2;
  position: relative;
}
.cta__copy .text-center {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .cta__copy {
    width: 100%;
    padding-left: 0;
  }
}

.cta.orangeToPink .cta__background {
  width: 80rem;
  transform: translateX(10%) translateY(-50%);
}

.cta.redToOrange .cta__background {
  width: 80rem;
  transform: translateX(10%) translateY(-50%);
}

.cta.purpleToPurple .cta__background {
  width: 80rem;
  transform: translateX(10%) translateY(-50%);
}

.cta.purpleToPink .cta__background {
  width: 100rem;
  transform: translateX(40%) translateY(-50%);
  opacity: 0.5;
}

.cta.pinkToOrange .cta__background {
  width: 80rem;
  transform: translateX(30%) translateY(-50%);
  opacity: 0.3;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
audo-embed Block
------------------------------------------------------------------*/
.audo-embed {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  position: relative;
  background: #f0610f;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  padding: 4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
  max-width: auto;
}
.audo-embed__background {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-60%);
  width: 50rem;
  height: auto;
  z-index: 1;
}
.audo-embed__background img {
  width: 100%;
  height: auto;
  display: block;
}
.audo-embed__audio {
  width: 50%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .audo-embed__audio {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.audo-embed__copy {
  width: 50%;
  padding-right: 4rem;
  z-index: 2;
  position: relative;
}
.audo-embed__copy .text-center {
  text-align: left;
}
@media only screen and (max-width: 1023px) {
  .audo-embed__copy {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
CTA Block
------------------------------------------------------------------*/
.step {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  position: relative;
  background: #ffffff;
  padding: 4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
}
.step.orangeToPink {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.step.orangeToPink h2,
.step.orangeToPink p,
.step.orangeToPink .h5,
.step.orangeToPink li,
.step.orangeToPink * {
  color: #ffffff !important;
  -webkit-text-fill-color: #fff;
}
.step.redToOrange {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ed4136 2%, #fc6d33 100%);
}
.step.redToOrange h2,
.step.redToOrange p,
.step.redToOrange .h5,
.step.redToOrange li,
.step.redToOrange * {
  color: #ffffff !important;
  -webkit-text-fill-color: #fff;
}
.step.purpleToPurple {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #944ff0 0%, #4d45d6 100%);
}
.step.purpleToPurple h2,
.step.purpleToPurple p,
.step.purpleToPurple .h5,
.step.purpleToPurple li,
.step.purpleToPurple * {
  color: #ffffff !important;
  -webkit-text-fill-color: #fff;
}
.step.purpleToPink {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #7e4fa8 0%, #c56eae 100%);
}
.step.purpleToPink h2,
.step.purpleToPink p,
.step.purpleToPink .h5,
.step.purpleToPink li,
.step.purpleToPink * {
  color: #ffffff !important;
  -webkit-text-fill-color: #fff;
}
.step.pinkToOrange {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #b0285a 0%, #ef6113 100%);
}
.step.pinkToOrange h2,
.step.pinkToOrange p,
.step.pinkToOrange .h5,
.step.pinkToOrange li,
.step.pinkToOrange * {
  color: #ffffff !important;
  -webkit-text-fill-color: #fff;
}
@media only screen and (max-width: 967px) {
  .step.hasIcon .step__image {
    margin-top: 8rem;
  }
}
.step.right {
  flex-direction: row-reverse;
}
.step.right .step__copy {
  padding-right: 4rem;
  padding-left: 0;
}
@media only screen and (max-width: 539px) {
  .step.right .step__copy {
    padding-right: 0;
  }
}
.step__image {
  width: 50%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .step__image {
    width: 100%;
    margin-bottom: 4rem;
  }
}
.step__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
}
.step__copy {
  width: 50%;
  padding-left: 4rem;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .step__copy {
    width: 100%;
    padding-left: 0;
  }
}
@media only screen and (min-width: 968px) {
  .step__copy {
    position: relative;
  }
}
.step__copy__icon {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 967px) {
  .step__copy__icon {
    position: absolute;
    top: 2rem;
  }
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Carousel Block
------------------------------------------------------------------*/
.carousel {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
}
.carousel {
  position: relative;
  max-width: auto;
  background: #ffffff;
  padding: 4rem;
  overflow: hidden;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.carousel--event {
  padding-top: 0;
  padding-bottom: 0;
  width: calc(100% - 4rem) !important;
}
.carousel--event .carousel--event__copy {
  background: transparent;
  padding: 2rem;
  padding-top: 0;
}
@media only screen and (max-width: 1023px) {
  .carousel--event .carousel__actions {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: auto;
  }
  .carousel--event .carousel--event__item {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 3rem !important;
  }
}
.carousel--event .carousel__next {
  margin-right: 0 !important;
}
@media only screen and (min-width: 1024px) {
  .carousel--alt-arrows[data-count="1"] .carousel__actions, .carousel--alt-arrows[data-count="2"] .carousel__actions, .carousel--alt-arrows[data-count="3"] .carousel__actions {
    display: none !important;
  }
}
.carousel__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.carousel .all-blogs {
  width: 100%;
  margin-top: 0.4rem;
  font-size: 1.6rem;
  margin-right: 1.1rem;
}
@media only screen and (min-width: 1024px) {
  .carousel--3 .carousel__actions, .carousel--2 .carousel__actions, .carousel--1 .carousel__actions {
    display: none !important;
  }
  .carousel--3 .carousel__item, .carousel--2 .carousel__item, .carousel--1 .carousel__item {
    cursor: pointer;
  }
}
@media only screen and (max-width: 639px) {
  .carousel {
    padding: 2rem;
    width: 100%;
  }
}
.carousel * {
  user-select: none;
}
.carousel .carousel__slides,
.carousel .carousel__heading {
  transform: translateX(10%);
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.carousel.inview .carousel__slides,
.carousel.inview .carousel__heading {
  transform: translateX(0);
}
.carousel__heading {
  border-bottom: 2px solid #000000;
  padding: 0 0 2rem;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 1023px) {
  .carousel__heading__inner {
    margin-right: 12rem;
  }
}
@media only screen and (max-width: 767px) {
  .carousel__heading__inner {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .carousel__heading .carousel__actions {
    position: absolute;
    right: 0;
    width: 12rem;
    text-align: right;
    top: -2rem;
  }
}
.carousel__filters {
  font-size: 2rem;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 767px) {
  .carousel__filters {
    font-size: 1.6rem;
  }
}
.carousel__slides {
  width: calc(100% + 8rem);
  position: relative;
}
.carousel__slides::-webkit-scrollbar {
  display: none;
}
.carousel__item {
  width: 30%;
  position: relative;
  margin-bottom: 1rem;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.carousel__item.hidden {
  display: none !important;
  width: 0px !important;
  overflow: hidden !important;
}
@media only screen and (max-width: 1023px) {
  .carousel__item {
    width: 40%;
  }
}
@media only screen and (max-width: 639px) {
  .carousel__item {
    width: 90%;
  }
}
.carousel__favourite {
  position: absolute;
  top: 0;
  right: 2rem;
  z-index: 3;
  width: 4rem;
  height: 4rem;
  border-radius: 0 1.5rem 0 1.5rem;
  background: #f0610f;
}
.carousel__favourite svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
  pointer-events: none;
}
.carousel__favourite.favourited svg path {
  fill: #ffffff;
}
.carousel__copy {
  background: #ededf6;
  border-radius: 1.5rem 1.5rem 0 0;
  padding: 2rem 2rem 5rem;
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
}
.carousel__copy--linked {
  padding: 2rem 2rem 8rem;
}
.carousel__copy--linked .carousel__copy__arrow {
  position: absolute;
  bottom: 3rem;
}
.carousel__copy:hover .carousel__copy__arrow img {
  transform: translateX(3px);
}
.carousel__copy .tag {
  width: fit-content;
}
.carousel__copy h5 {
  margin: 2rem 0;
}
.carousel__copy__arrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}
.carousel__copy__arrow img {
  transition: all 0.75s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.carousel__date {
  margin-top: auto;
  margin-bottom: 0;
}
.carousel__length {
  width: 100%;
  display: block;
}
.carousel__image {
  border-radius: 1.5rem;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
  aspect-ratio: 380/280;
  margin-top: -1.5rem;
  z-index: 2;
}
.carousel__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.carousel__actions {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.carousel__actions p {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .carousel__actions--absolute {
    justify-content: flex-end;
    width: 100%;
    position: relative;
  }
  .carousel__actions--absolute button:last-of-type {
    margin-right: 0;
  }
}
.carousel__prev, .carousel__next {
  border: 0;
  appearance: none;
  background: #ededf6;
  border-radius: 0.8rem;
  margin-right: 1rem;
  cursor: pointer;
  padding: 0.3rem;
}
.carousel__prev img, .carousel__next img {
  display: block;
}
.carousel__prev:last-of-type, .carousel__next:last-of-type {
  margin-right: 2rem;
}
.carousel__prev:disabled, .carousel__next:disabled {
  display: none;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Accordion Element
------------------------------------------------------------------*/
.accordion {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  position: relative;
  background: #ffffff;
  padding: 4rem;
}
@media only screen and (max-width: 767px) {
  .accordion--split {
    padding: 2rem;
  }
}
.accordion--split .accordion__wrap {
  display: flex;
  flex-wrap: wrap;
}
.accordion--split .accordion__title {
  width: 100%;
}
.accordion--split .accordion__wrap__right,
.accordion--split .accordion__wrap__left {
  width: 50%;
}
@media only screen and (max-width: 1023px) {
  .accordion--split .accordion__wrap__right,
  .accordion--split .accordion__wrap__left {
    width: 100%;
  }
}
.accordion--split .accordion__wrap__left {
  padding-right: 4rem;
}
@media only screen and (max-width: 1023px) {
  .accordion--split .accordion__wrap__left {
    padding-right: 0;
  }
}
.accordion--split .accordion__wrap__right {
  padding-left: 4rem;
}
@media only screen and (max-width: 1023px) {
  .accordion--split .accordion__wrap__right {
    padding-left: 0;
    margin-top: 2rem;
  }
}
.accordion.white {
  background: #ffffff;
}
.accordion.transparent {
  background: transparent;
}
.accordion.orangeToPink {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.accordion.orangeToPink h2,
.accordion.orangeToPink p,
.accordion.orangeToPink .h5,
.accordion.orangeToPink li,
.accordion.orangeToPink * {
  color: #ffffff !important;
  -webkit-text-fill-color: #fff;
}
.accordion.redToOrange {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ed4136 2%, #fc6d33 100%);
}
.accordion.redToOrange h2,
.accordion.redToOrange p,
.accordion.redToOrange .h5,
.accordion.redToOrange li,
.accordion.redToOrange * {
  color: #ffffff !important;
  -webkit-text-fill-color: #fff;
}
.accordion.purpleToPurple {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #944ff0 0%, #4d45d6 100%);
}
.accordion.purpleToPurple h2,
.accordion.purpleToPurple p,
.accordion.purpleToPurple .h5,
.accordion.purpleToPurple li,
.accordion.purpleToPurple * {
  color: #ffffff !important;
  -webkit-text-fill-color: #fff;
}
.accordion.purpleToPink {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #7e4fa8 0%, #c56eae 100%);
}
.accordion.purpleToPink h2,
.accordion.purpleToPink p,
.accordion.purpleToPink .h5,
.accordion.purpleToPink li,
.accordion.purpleToPink * {
  color: #ffffff !important;
  -webkit-text-fill-color: #fff;
}
.accordion.pinkToOrange {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #b0285a 0%, #ef6113 100%);
}
.accordion.pinkToOrange h2,
.accordion.pinkToOrange p,
.accordion.pinkToOrange .h5,
.accordion.pinkToOrange li,
.accordion.pinkToOrange * {
  color: #ffffff !important;
  -webkit-text-fill-color: #fff;
}
.accordion__title {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .accordion__title h2 {
    font-size: 3.2rem !important;
  }
}
.accordion__subtitle {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.accordion__subtitle h4 {
  width: calc(100% - 6rem);
}
@media only screen and (max-width: 767px) {
  .accordion__subtitle img {
    width: 3.6rem;
    height: 3.6rem;
  }
}
.accordion__subtitle img {
  margin-right: 1rem;
}
.accordion__item {
  border-top: 1px solid #ededf6;
  border-bottom: 1px solid #ededf6;
  margin-bottom: -1px;
}
.accordion__item.active .accordion__trigger span {
  transform: rotate(-90deg) !important;
}
.accordion__item:not(.active) .accordion__content {
  display: none;
}
.accordion__trigger {
  position: relative;
  cursor: pointer;
  user-select: none;
  padding: 2rem 3rem 2rem 0;
  appearance: none;
  border: 0;
  width: 100%;
  background: transparent;
  text-align: left;
  outline-offset: 10px;
}
.accordion__trigger span {
  position: absolute;
  right: -1rem;
  top: 1.2rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.accordion__trigger p {
  color: #000000;
  -webkit-text-fill-color: #000000;
}
.accordion__content {
  transition: height 0.35s ease-in-out;
  overflow: hidden;
}
.accordion__inner {
  padding: 1rem 0 2rem;
}
.accordion__constraint {
  padding-right: 20%;
}
@media only screen and (max-width: 967px) {
  .accordion__constraint {
    padding-right: 0;
  }
}
.accordion__constraint a {
  color: #f0610f;
}
.accordion__constraint a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}

/*------------------------------------------------------------------
Accordion Link
------------------------------------------------------------------*/
.accordion-links {
  position: relative;
  width: calc(100% - 4rem);
  margin: 0 auto 8rem;
  border-radius: 1.5rem;
  max-width: 1540px;
}
.accordion-links__copy {
  margin-bottom: 2rem;
  text-align: center;
}
.accordion-links__links {
  margin-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .accordion-links__links {
    justify-content: flex-start;
    width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .accordion-links__links {
    gap: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .accordion-links__links h5 {
    width: 100%;
  }
}
.accordion-links__links a {
  display: flex;
  padding-right: 2rem;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .accordion-links__links a {
    justify-content: space-between;
  }
}
.accordion-links__links a img {
  position: relative;
  top: 4px;
  margin-left: 1rem;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
CTA Block
------------------------------------------------------------------*/
.feature {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  position: relative;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 50%);
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  max-width: auto;
  padding: 0 !important;
}
.feature.orangeToPink {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.feature.redToOrange {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ed4136 2%, #fc6d33 100%);
}
.feature.purpleToPurple {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #944ff0 0%, #4d45d6 100%);
}
.feature.purpleToPink {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #7e4fa8 0%, #c56eae 100%);
}
.feature.pinkToOrange {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #b0285a 0%, #ef6113 100%);
}
.feature.remove-image-manipulation .feature__image img {
  object-fit: contain !important;
}
.feature.Left {
  flex-direction: row-reverse;
}
.feature__image {
  width: 50%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .feature__image {
    width: 100%;
  }
}
.feature__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 1.5rem;
}
@media only screen and (max-width: 1023px) {
  .feature__image img {
    position: relative;
  }
}
.feature__copy {
  width: 50%;
  padding: 4rem 8rem;
  z-index: 2;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 50rem;
}
@media only screen and (max-width: 1023px) {
  .feature__copy {
    width: 100%;
    padding: 4rem 2rem;
    min-height: auto;
  }
}
.feature__constraint {
  max-width: 50rem;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Grid block
------------------------------------------------------------------*/
.grid {
  position: relative;
  width: 100%;
  margin: 2rem auto 2rem;
  padding: 2rem;
  max-width: 1580px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
}
.grid--variant {
  justify-content: center;
}
.grid--variant > h2 {
  width: 100%;
  margin-bottom: 2rem;
}
.grid--variant .grid__heading {
  margin-bottom: 0;
}
.grid--variant .grid__item {
  width: calc(25% - 1.5rem);
  align-content: flex-start;
}
.grid--variant .grid__item:first-of-type {
  margin-left: 0;
}
.grid--variant .grid__item:last-of-type {
  margin-right: 0;
}
.grid--variant .grid__item.orangeToPink {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.grid--variant .grid__item.redToOrange {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ed4136 2%, #fc6d33 100%);
}
.grid--variant .grid__item.purpleToPurple {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #944ff0 0%, #4d45d6 100%);
}
.grid--variant .grid__item.purpleToPink {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #7e4fa8 0%, #c56eae 100%);
}
.grid--variant .grid__item.pinkToOrange {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #b0285a 0%, #ef6113 100%);
}
.grid.grid--variant--wider .grid__item {
  width: 100%;
}
@media only screen and (min-width: 968px) {
  .grid.grid--variant--wider .grid__item {
    width: auto;
    flex: 1;
  }
}
@media only screen and (max-width: 967px) {
  .grid.grid--variant--wider .grid__item {
    margin: 0 auto 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .grid {
    margin-bottom: 4rem;
  }
}
.grid__background {
  position: absolute;
}
.grid__item {
  width: calc(50% - 1rem);
  border-radius: 1.5rem;
  display: block;
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
  padding: 4rem 4rem 9rem;
  align-content: center;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translateY(4rem);
  transition: opacity 666ms ease, transform 666ms ease;
}
.grid__item:nth-child(1) {
  transition-delay: 66ms;
}
.grid__item:nth-child(2) {
  transition-delay: 132ms;
}
.grid__item:nth-child(3) {
  transition-delay: 198ms;
}
.grid__item:nth-child(4) {
  transition-delay: 264ms;
}
.grid__item:nth-child(5) {
  transition-delay: 330ms;
}
.grid__item:nth-child(6) {
  transition-delay: 396ms;
}
.grid__item.inview {
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (max-width: 1279px) {
  .grid__item {
    width: calc(50% - 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .grid__item {
    width: 100%;
  }
}
.grid__item--orange {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.grid__item--orange .grid__background {
  width: 50%;
  height: auto;
  left: 50%;
  top: 10%;
}
.grid__item--purple {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
}
.grid__item--purple .grid__background {
  width: 70%;
  height: auto;
  left: 50%;
  top: -40%;
}
.grid__item--purple-flat {
  background: #410e84;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(45deg, #ff0540 0%, #f0610f 60%);
}
.grid__item--small {
  width: calc(25% - 1.5rem);
}
@media only screen and (max-width: 1023px) {
  .grid__item--small {
    width: calc(50% - 1rem);
  }
}
@media only screen and (max-width: 1023px) {
  .grid__item--small.grid__item--image {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .grid__item--small {
    width: 100%;
  }
}
.grid__item--image {
  background: #000000;
  align-content: flex-start;
}
.grid__item--image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.15;
  border-radius: 1.5rem;
}
.grid__item--image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.5rem;
}
.grid__item--image h2 {
  position: relative;
  z-index: 2;
}
.grid__item--split {
  align-content: initial;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .grid__item--split .grid__copy {
    padding-top: 0;
  }
}
.grid__item h2 {
  width: 100%;
}
.grid__copy {
  width: 50%;
  padding: 4rem 4rem 8rem 4rem;
}
@media only screen and (max-width: 1279px) {
  .grid__copy {
    width: 100%;
    order: 2;
  }
}
.grid__copy .arrow-link {
  color: #c6500c !important;
}
.grid__constraint {
  max-width: 38rem;
  position: relative;
  z-index: 2;
}
.grid__image {
  width: 50%;
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
}
@media only screen and (max-width: 1279px) {
  .grid__image {
    width: 100%;
    position: relative;
  }
  .grid__image:after {
    content: "";
    position: relative;
    display: block;
    padding-bottom: 52.6315789474%;
  }
  .grid__image {
    order: 1;
    margin-bottom: 4rem;
  }
}
.grid__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.grid__text {
  z-index: 5;
}
.grid__text h6 {
  font-weight: 400;
}
.grid__link {
  position: absolute !important;
  bottom: 4rem;
  z-index: 2;
  font-size: 1.8rem;
  font-weight: bold;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Grid block
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Tools grid
------------------------------------------------------------------*/
.split-block + .icons {
  margin-top: 8rem;
}

.icons {
  position: relative;
  width: 100%;
  margin: 4rem auto 8rem;
  padding: 0 2rem;
  max-width: 1540px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.icons__intro {
  width: 100%;
}
.icons__intro__constraint {
  max-width: 82rem;
  margin: 0 auto;
}
.icons__intro h6 {
  margin: 0 auto;
  max-width: 82rem;
}
.icons--alt .icons__item {
  background: transparent;
  text-align: center;
  width: 25%;
  padding-top: 0 !important;
}
@media only screen and (max-width: 1023px) {
  .icons--alt .icons__item {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .icons--alt .icons__item {
    width: 100%;
  }
}
.icons--alt .icons__item > span {
  border: 0;
  width: 24rem;
  max-width: 100%;
  aspect-ratio: 1;
}
.icons--alt .icons__item > span img {
  filter: brightness(1);
}
@media only screen and (max-width: 967px) {
  .icons--4 {
    flex-direction: row !important;
    justify-content: center;
  }
}
.icons--4 .icons__item {
  width: 25%;
}
.icons--4 .icons__item h5 {
  font-size: 2.4rem;
  max-width: 27rem;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1023px) {
  .icons--4 .icons__item {
    width: calc(50% - 1rem) !important;
  }
}
@media only screen and (max-width: 767px) {
  .icons--4 .icons__item {
    width: 100% !important;
  }
}
.icons--buffer .icons__item, .icons--drawdown .icons__item {
  background: transparent;
  text-align: center;
}
.icons--buffer .icons__item > span, .icons--drawdown .icons__item > span {
  border: 0;
  padding: 2rem;
}
@media only screen and (max-width: 767px) {
  .icons--buffer .icons__item > span, .icons--drawdown .icons__item > span {
    padding: 0;
  }
}
.icons--buffer .icons__item > span img, .icons--drawdown .icons__item > span img {
  filter: brightness(1);
}
.icons h1,
.icons h2,
.icons h3 {
  width: 100%;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 967px) {
  .icons {
    flex-direction: row;
    gap: 2rem;
  }
}
.icons__item {
  width: calc(33.3333% - 2rem);
  border-radius: 1.5rem;
  padding: 2rem 4rem 6rem;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  opacity: 0;
  transform: translateY(4rem);
  transition: opacity 666ms ease, transform 666ms ease;
}
@media only screen and (max-width: 967px) {
  .icons__item {
    padding: 3rem 1rem;
    width: calc(33.333% - 2rem) !important;
  }
}
@media only screen and (max-width: 767px) {
  .icons__item {
    padding: 0rem 3rem 1rem;
    width: 100% !important;
  }
}
.icons__item:nth-child(1) {
  transition-delay: 66ms;
}
.icons__item:nth-child(2) {
  transition-delay: 132ms;
}
.icons__item:nth-child(3) {
  transition-delay: 198ms;
}
.icons__item:nth-child(4) {
  transition-delay: 264ms;
}
.icons__item:nth-child(5) {
  transition-delay: 330ms;
}
.icons__item:nth-child(6) {
  transition-delay: 396ms;
}
.icons__item:nth-child(7) {
  transition-delay: 462ms;
}
.icons__item:nth-child(8) {
  transition-delay: 528ms;
}
.icons__item:nth-child(9) {
  transition-delay: 594ms;
}
.icons__item:nth-child(10) {
  transition-delay: 660ms;
}
.icons__item:nth-child(11) {
  transition-delay: 726ms;
}
.icons__item:nth-child(12) {
  transition-delay: 792ms;
}
.icons__item.inview {
  opacity: 1;
  transform: translateY(0);
}
.icons__item p {
  margin-left: auto;
  margin-right: auto;
  max-width: 36rem;
}
.icons__item > span {
  width: 15rem;
  height: 15rem;
  border: 2px solid #ffffff;
  margin-right: 1.5rem;
  display: inline-block;
  border-radius: 0.8rem;
  margin-bottom: 2rem;
  padding: 2rem;
}
@media only screen and (max-width: 967px) {
  .icons__item > span {
    width: 10rem;
    height: 10rem;
  }
}
.icons__item > span img {
  filter: brightness(1000);
}
@media only screen and (max-width: 967px) {
  .icons__item {
    width: 100%;
  }
  .icons__item .button {
    font-size: 1.4rem;
  }
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Grid block
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Tools grid 
------------------------------------------------------------------*/
.feature-tiles {
  position: relative;
  width: 100%;
  margin: 4rem auto 8rem;
  padding: 0 2rem;
  max-width: 1540px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.feature-tiles__intro {
  width: 100%;
}
.feature-tiles__intro__constraint {
  max-width: 80rem;
  margin: 0 0 4rem 0;
}
@media only screen and (max-width: 967px) {
  .feature-tiles__intro__constraint {
    margin-bottom: -1rem;
  }
}
.feature-tiles h1,
.feature-tiles h2,
.feature-tiles h3 {
  width: 100%;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 967px) {
  .feature-tiles {
    flex-direction: column;
    gap: 2rem;
  }
}
.feature-tiles__item {
  width: calc(33.3333% - 2rem);
  border-radius: 1.5rem;
  padding: 3rem 4rem 1rem;
  background: #ffffff;
  opacity: 0;
  transform: translateY(4rem);
  transition: opacity 666ms ease, transform 666ms ease;
}
@media only screen and (max-width: 967px) {
  .feature-tiles__item {
    padding: 3rem;
  }
}
.feature-tiles__item:nth-child(1) {
  transition-delay: 66ms;
}
.feature-tiles__item:nth-child(2) {
  transition-delay: 132ms;
}
.feature-tiles__item:nth-child(3) {
  transition-delay: 198ms;
}
.feature-tiles__item:nth-child(4) {
  transition-delay: 264ms;
}
.feature-tiles__item:nth-child(5) {
  transition-delay: 330ms;
}
.feature-tiles__item:nth-child(6) {
  transition-delay: 396ms;
}
.feature-tiles__item:nth-child(7) {
  transition-delay: 462ms;
}
.feature-tiles__item:nth-child(8) {
  transition-delay: 528ms;
}
.feature-tiles__item:nth-child(9) {
  transition-delay: 594ms;
}
.feature-tiles__item:nth-child(10) {
  transition-delay: 660ms;
}
.feature-tiles__item:nth-child(11) {
  transition-delay: 726ms;
}
.feature-tiles__item:nth-child(12) {
  transition-delay: 792ms;
}
.feature-tiles__item.inview {
  opacity: 1;
  transform: translateY(0);
}
.feature-tiles__item > span {
  width: 10rem;
  height: 10rem;
  margin-right: 1.5rem;
  display: inline-block;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 967px) {
  .feature-tiles__item > span {
    width: 10rem;
    height: 10rem;
  }
}
@media only screen and (max-width: 967px) {
  .feature-tiles__item {
    width: 100%;
  }
  .feature-tiles__item .button {
    font-size: 1.4rem;
  }
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Tools grid
------------------------------------------------------------------*/
.numbered-step {
  position: relative;
  width: 100%;
  margin: 4rem auto 8rem;
  padding: 0 2rem;
  max-width: 1540px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.numbered-step__content {
  width: 50%;
  padding: 3rem 0;
}
@media only screen and (max-width: 1023px) {
  .numbered-step__content {
    width: 100%;
  }
}
.numbered-step__constraint {
  max-width: 60rem;
  padding-right: 6rem;
}
@media only screen and (max-width: 1023px) {
  .numbered-step__constraint {
    max-width: 100%;
  }
}
.numbered-step__steps {
  width: 50%;
}
@media only screen and (max-width: 1023px) {
  .numbered-step__steps {
    width: 100%;
  }
}
.numbered-step__step {
  padding: 3rem 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #c8c8da;
}
.numbered-step__step:first-of-type {
  border-top: 1px solid #c8c8da;
}
.numbered-step__number {
  width: 10rem;
}
.numbered-step__number span {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(-90deg, #ff0540 0%, #f0610f 35%, #f0610f 80%, #f79e5c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 5rem;
  line-height: 1;
  font-weight: 600;
}
.numbered-step__text {
  width: calc(100% - 10rem);
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Grid block
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Tools grid
------------------------------------------------------------------*/
.features-and-image-carousel {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff;
  padding: 2rem;
}
.features-and-image-carousel__features {
  width: 50%;
  position: relative;
  padding: 4rem 2rem;
}
@media only screen and (max-width: 1023px) {
  .features-and-image-carousel__features {
    width: 100%;
  }
}
.features-and-image-carousel__feature {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #ededf6;
  padding: 2rem 1rem;
  align-items: center;
  align-content: center;
}
.features-and-image-carousel__feature__image {
  width: 6rem;
}
.features-and-image-carousel__feature__image img {
  width: 4rem;
  height: 4rem;
  display: block;
}
.features-and-image-carousel__feature__content {
  width: calc(100% - 8rem);
  padding-left: 2rem;
}
.features-and-image-carousel__prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  z-index: 2;
  background: rgba(255, 255, 255, 0.8);
  border: 0;
  border-radius: 0.8rem;
  cursor: pointer;
}
.features-and-image-carousel__next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  z-index: 2;
  background: rgba(255, 255, 255, 0.8);
  border: 0;
  border-radius: 0.8rem;
  cursor: pointer;
}
.features-and-image-carousel__slide {
  position: relative;
  border-radius: 0.8rem;
  overflow: hidden;
}
.features-and-image-carousel__carousel {
  position: relative;
  width: calc(50% - 8rem);
  margin-left: 8rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}
@media only screen and (max-width: 1023px) {
  .features-and-image-carousel__carousel {
    width: 100%;
    margin-left: 0;
  }
}
.features-and-image-carousel__carousel img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 60rem;
  margin: 0 auto;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
signup Block
------------------------------------------------------------------*/
.signup-block {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  display: flex;
  align-items: stretch;
  background: #ffffff;
  position: relative;
  width: 100%;
  width: calc(100% - 4rem);
  margin: 4rem auto;
  border-radius: 1.5rem;
  max-width: 100%;
}
@media only screen and (max-width: 967px) {
  .signup-block {
    flex-direction: column-reverse;
  }
}
.signup-block__background {
  position: absolute;
  left: 40%;
  width: 90%;
  top: 15%;
  height: auto;
  z-index: 1;
}
.signup-block__content {
  width: 50%;
  padding: 8rem;
  border-radius: 1.5rem;
  position: relative;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .signup-block__content {
    padding: 4rem;
  }
}
@media only screen and (max-width: 967px) {
  .signup-block__content {
    width: 100%;
  }
}
@media only screen and (max-width: 539px) {
  .signup-block__content .square {
    flex-direction: column;
  }
}
.signup-block__content__constraint {
  z-index: 2;
  position: relative;
  max-width: 50rem;
}
.signup-block__right {
  width: 50%;
  position: relative;
  border-radius: 1.5rem;
}
@media only screen and (max-width: 967px) {
  .signup-block__right {
    width: 100%;
  }
}
.signup-block__form {
  width: 100%;
  padding: 4rem 8rem;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Banner
------------------------------------------------------------------*/
.tile {
  position: relative;
  max-width: 1540px;
  width: calc(100% - 4rem);
  margin: 0rem auto;
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .tile {
    width: calc(100% - 4rem);
  }
}
.tile__intro :last-child {
  margin-bottom: 0;
}
.tile--3 .tile__item {
  width: calc(33.33333333% - 2rem);
}
@media only screen and (max-width: 967px) {
  .tile--3 .tile__item {
    width: 100%;
  }
}
.tile__grid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1rem -1rem 0;
  min-width: 100%;
}
@media only screen and (max-width: 767px) {
  .tile__grid {
    margin: 0 -1rem 2rem;
  }
}
.tile__item {
  position: relative;
  background: white;
  width: calc(25% - 2rem);
  margin: 1rem 1rem 0 1rem;
  display: block;
  overflow: hidden;
  border-radius: 1.5rem;
}
.tile__item.loading:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 9999;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.9;
}
.tile__item.loading .loader {
  display: block;
  width: 5rem;
  height: 5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999;
}
.tile__item:hover .tile__thumbnail {
  height: 18rem;
}
.tile__item:hover .tile__summary__paragraph {
  opacity: 1;
  transform: translateY(0);
  margin-top: 0rem;
}
@media only screen and (max-width: 639px) {
  .tile__item .tile__thumbnail {
    height: 18rem;
  }
  .tile__item .tile__summary__paragraph {
    opacity: 1;
    transform: translateY(0);
    margin-top: 0rem;
  }
}
@media only screen and (max-width: 1023px) {
  .tile__item {
    width: calc(50% - 2rem);
  }
}
@media only screen and (max-width: 639px) {
  .tile__item {
    width: calc(100% - 2rem);
  }
}
.tile__item.orangeToPink .tile__summary {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.tile__item.redToOrange .tile__summary {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ed4136 2%, #fc6d33 100%);
}
.tile__item.purpleToPurple .tile__summary {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #944ff0 0%, #4d45d6 100%);
}
.tile__item.purpleToPink .tile__summary {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #7e4fa8 0%, #c56eae 100%);
}
.tile__item.pinkToOrange .tile__summary {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #b0285a 0%, #ef6113 100%);
}
.tile__thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 1.5rem;
  height: 32rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tile__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.tile__summary {
  padding: 2rem 2rem 5rem;
  border-radius: 1.5rem;
  z-index: 4;
  position: relative;
  background: #000;
  margin-top: -4rem;
}
.tile__summary p {
  font-size: 1.6rem;
}
.tile__summary__link {
  position: absolute;
  bottom: 1rem;
  left: 2rem;
}
.tile__summary__paragraph {
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
  transform: translateY(100%);
  height: 14rem;
  margin-top: -14rem;
}
@media only screen and (max-width: 767px) {
  .tile__summary__paragraph {
    height: auto;
    margin-top: 0;
    opacity: 1;
    transform: translateY(0);
  }
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Get Sorted Block
------------------------------------------------------------------*/
.get-sorted {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  overflow: hidden;
  background: #ffffff;
  display: flex;
  padding: 0 !important;
}
@media only screen and (max-width: 1023px) {
  .get-sorted {
    flex-direction: column;
  }
}
.get-sorted__left, .get-sorted__right {
  flex: 1;
  padding: 8rem 8rem 4rem;
}
@media only screen and (max-width: 1023px) {
  .get-sorted__left, .get-sorted__right {
    padding: 4rem;
  }
}
.get-sorted__left {
  border-radius: 1.5rem;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
.get-sorted__left__background {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(10%, -60%);
  width: 50rem;
  height: auto;
  z-index: 1;
}
.get-sorted__left__background img {
  width: 100%;
  height: auto;
  display: block;
}
.get-sorted__left__heading, .get-sorted__left__content {
  position: relative;
  z-index: 2;
}
.get-sorted__right__link {
  margin: 4rem 0 0;
}
.get-sorted__checklist__item-container {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  user-select: none;
  cursor: pointer;
  margin-left: 0.7rem;
  position: relative;
}
.get-sorted__checklist__item-container .progressableTask {
  font-size: 2rem;
  font-weight: 600;
  color: #f0610f;
  margin: 0;
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.get-sorted__checklist__item-container .doughnut {
  width: 3rem;
}
.get-sorted__checklist__item-container .loader {
  left: 0.3rem;
  top: 0.3rem;
  right: auto;
}
.get-sorted__checklist__item-container.loading .progressableTask {
  opacity: 0;
}
.get-sorted__checklist__item {
  display: block;
  position: relative;
  margin: 1rem;
  z-index: 2;
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.get-sorted__checklist__item.loading input[type=checkbox] + label::after, .get-sorted__checklist__item.loading input[type=checkbox] + label::before {
  opacity: 0 !important;
}
.get-sorted__checklist__item .loader {
  margin: 0;
}
.get-sorted__checklist__item:first-child {
  margin-top: 0;
}
.get-sorted__checklist__item:last-child {
  margin-bottom: 0;
}
.get-sorted__checklist__item input[type=checkbox] + label {
  padding-left: 4rem;
  display: inline-block;
  line-height: 1.1;
}
.get-sorted__checklist__item input[type=checkbox] + label::after, .get-sorted__checklist__item input[type=checkbox] + label::before {
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.get-sorted__checklist__item input[type=checkbox] + label::before {
  border-radius: 4px;
  border: 2px solid #f0610f;
  width: 2.5rem;
  height: 2.5rem;
}
.get-sorted__checklist__item input[type=checkbox] + label::after {
  height: 13px;
  width: 6px;
  left: 10px;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
.quote {
  --_text-colour: #f0610f;
  --_background-colour-1: #fff;
  --_background-colour-2: #fff;
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
}
.quote {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .quote--reversed .quote__wrap {
    flex-direction: row-reverse;
  }
}
.quote__wrap {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 2rem 4rem;
  width: 100%;
  border-radius: 1.5rem;
  color: var(--_text-colour);
  overflow: hidden;
  padding: 2rem;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, var(--_background-colour-1) 0%, var(--_background-colour-2) 100%);
}
@media only screen and (min-width: 1024px) {
  .quote__wrap {
    padding: 5rem;
  }
}
.quote__wrap.text-white {
  --_text-colour: #ffffff;
}
.quote__wrap.text-black {
  --_text-colour: #000000;
}
.quote__wrap.text-orange {
  --_text-colour: #f0610f;
}
.quote__wrap.background-white {
  background: linear-gradient(90deg, var(--_background-colour-1) 0%, var(--_background-colour-2) 100%);
}
.quote__wrap.background-orangeToPink {
  --_background-colour-1: #f0610f;
  --_background-colour-2: #d46397;
}
.quote__wrap.background-redToOrange {
  --_background-colour-1: #ed4136;
  --_background-colour-2: #fc6d33;
}
.quote__wrap.background-purpleToPurple {
  --_background-colour-1: #944ff0;
  --_background-colour-2: #4d45d6;
}
.quote__wrap.background-purpleToPink {
  --_background-colour-1: #7e4fa8;
  --_background-colour-2: #c56eae;
}
.quote__wrap.background-pinkToOrange {
  --_background-colour-1: #b0285a;
  --_background-colour-2: #ef6113;
}
.quote__media img {
  width: 9rem;
  height: 9rem;
  object-fit: cover;
  border-radius: 0.8rem;
}
.quote__content {
  flex: 1;
  min-width: min(100%, 20ch);
}
.quote__text {
  font-family: "henrietta-regular", "henrietta-fallback" !important;
}
.quote__author {
  font-weight: bold;
  font-size: 1.8rem;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Split Block
------------------------------------------------------------------*/
.split-block {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  display: flex;
  align-items: stretch;
  background: #ffffff;
  position: relative;
  padding: 0 !important;
}
@media only screen and (max-width: 967px) {
  .split-block {
    flex-direction: column-reverse;
  }
}
.split-block__content {
  width: 50%;
  padding: 8rem;
}
@media only screen and (max-width: 1023px) {
  .split-block__content {
    padding: 4rem;
  }
}
@media only screen and (max-width: 967px) {
  .split-block__content {
    width: 100%;
  }
}
@media only screen and (max-width: 539px) {
  .split-block__content .square {
    flex-direction: column;
  }
}
.split-block__left__icons {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  align-content: center;
  margin-top: 3rem;
}
.split-block__left__icon img {
  height: 5rem;
  width: auto;
  padding-right: 3rem;
}
@media screen and (max-width: 768px) {
  .split-block__left__icon img {
    height: 4rem;
  }
}
.split-block__right {
  width: 50%;
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
}
@media only screen and (max-width: 967px) {
  .split-block__right {
    width: 100%;
  }
}
.split-block__image {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  width: 100%;
}
@media only screen and (max-width: 967px) {
  .split-block__image {
    position: static;
    transform: none;
  }
}
.split-block__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 1.5rem;
}

.DecumulationIntroPage .choices__list--dropdown .choices__placeholder,
.DecumulationIntroPage .choices__item--disabled {
  display: none;
}
@media only screen and (max-width: 767px) {
  .DecumulationIntroPage .split-block {
    flex-direction: column;
  }
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
CTA Block
------------------------------------------------------------------*/
.blog .articles {
  width: 100%;
}

.articles {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  position: relative;
  display: flex;
  max-width: 1340px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.articles__copy {
  width: 100%;
  margin-bottom: 3rem;
}
.articles__loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  pointer-events: none;
}
.articles__loader .loader {
  display: block;
  top: 50%;
  margin-top: -4rem;
  border-width: 3px;
  width: 8rem;
  height: 8rem;
}
.articles__loader:after {
  position: absolute;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ededf6;
  opacity: 0.9;
}
.articles.busy .articles__loader {
  opacity: 1 !important;
  visibility: visible !important;
}
.articles .tag {
  margin-top: -1rem;
  margin-bottom: 3rem;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Text link block
------------------------------------------------------------------*/
.text-link {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  display: flex;
  align-items: center;
  max-width: 1340px;
  background: #ffffff;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .text-link {
    flex-direction: column-reverse;
  }
}
.text-link__copy {
  padding: 8rem;
  width: 50%;
}
@media only screen and (max-width: 1023px) {
  .text-link__copy {
    padding: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .text-link__copy {
    width: 100%;
  }
}
.text-link__image {
  width: 50%;
  padding: 3rem;
}
.text-link__image img {
  border-radius: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .text-link__image {
    width: 100%;
  }
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Card
------------------------------------------------------------------*/
.card {
  position: relative;
  width: calc(33.33333333% - 1rem);
  background: #ffffff;
  border-radius: 1.5rem;
  margin-bottom: 2rem;
  will-change: box-shadow;
  transition: box-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 967px) {
  .card {
    width: calc(50% - 1rem);
  }
}
@media only screen and (max-width: 539px) {
  .card {
    width: calc(100% - 1rem);
  }
}
.card h5 {
  will-change: color;
  transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.card:hover {
  box-shadow: 0px 0.9px 0.9px rgba(0, 0, 0, 0.028), 0px 2.5px 2.5px rgba(0, 0, 0, 0.04), 0px 6px 6px rgba(0, 0, 0, 0.052), 0px 20px 20px rgba(0, 0, 0, 0.08);
}
.card:hover h5 {
  color: #f0610f;
}
.card:hover .arrow-link-alt:after {
  opacity: 1;
  transform: translateX(0.2rem);
}
.card__copy {
  padding: 3rem 3rem 6rem;
  position: relative;
  z-index: 2;
  background: #ffffff;
  border-radius: 1.5rem;
}
.card__link {
  position: absolute;
  bottom: 1rem;
  left: 3rem;
}
.card__link .arrow-link-alt:after {
  opacity: 1;
}
.card__image {
  border-radius: 0 0 1.5rem 1.5rem;
  position: relative;
  overflow: hidden;
  aspect-ratio: 440/240;
  margin-top: -2rem;
  z-index: 1;
}
.card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
CTA Block
------------------------------------------------------------------*/
.parallax {
  position: relative;
  width: calc(100% - 4rem);
  margin: 4rem auto;
  display: flex;
  flex-wrap: wrap;
  max-width: 1340px;
}
.parallax.gap {
  justify-content: space-between;
}
.parallax.gap .parallax__item {
  width: calc(50% - 1rem);
}
@media only screen and (max-width: 767px) {
  .parallax.gap .parallax__item {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.parallax__item {
  width: 50%;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 12rem 6rem;
  position: relative;
  overflow: hidden;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.parallax__item.orangeToPink {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.parallax__item.redToOrange {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ed4136 2%, #fc6d33 100%);
}
.parallax__item.purpleToPurple {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #944ff0 0%, #4d45d6 100%);
}
.parallax__item.purpleToPink {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #7e4fa8 0%, #c56eae 100%);
}
.parallax__item.pinkToOrange {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #b0285a 0%, #ef6113 100%);
}
@media only screen and (max-width: 639px) {
  .parallax__item {
    padding: 4rem 2rem;
  }
}
.parallax__item .text-center {
  text-align: left !important;
}
.parallax__item .colour--orange {
  color: #ffffff !important;
}
.parallax__item--orange {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  opacity: 0;
  transform: translateY(-2rem);
  will-change: opacity, transform;
  transition: opacity 666ms ease, transform 666ms ease;
}
.parallax__item--orange .parallax__background {
  width: 60%;
  right: 0;
  top: 50%;
  transform: translateX(-50%);
}
.parallax__item--purple {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
  opacity: 0;
  transform: translateY(2rem);
  will-change: opacity, transform;
  transition: opacity 666ms ease, transform 666ms ease;
}
.parallax__item--purple .parallax__background {
  width: 40%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .parallax__item {
    width: 100%;
  }
}
.parallax__background {
  position: absolute;
}
.parallax__copy {
  position: relative;
  z-index: 2;
}
.parallax.inview .parallax__item--orange,
.parallax.inview .parallax__item--purple {
  opacity: 1;
  transform: translateY(0);
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Text link block
------------------------------------------------------------------*/
.text-slider {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  display: flex;
  align-items: center;
  max-width: 1340px;
  background: #ffffff;
}
@media only screen and (max-width: 967px) {
  .text-slider {
    flex-direction: column-reverse;
  }
}
.text-slider [data-action=stop] {
  display: none;
}
.text-slider__copy {
  padding: 8rem;
  width: 40%;
}
@media only screen and (max-width: 1023px) {
  .text-slider__copy {
    padding: 0 4rem 4rem;
    width: 100%;
  }
}
.text-slider__link {
  margin-top: 2rem;
}
.text-slider__image {
  width: 60%;
  padding: 3rem 8rem;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .text-slider__image {
    width: 100%;
  }
}
@media only screen and (max-width: 967px) {
  .text-slider__image {
    padding: 8rem 3rem 3rem;
  }
}
.text-slider__slide {
  display: none;
}
.text-slider__slide:first-of-type {
  display: block;
}
.text-slider__slide img {
  border-radius: 1.5rem;
  width: 100%;
  height: auto;
}
.text-slider__prev, .text-slider__next {
  border: 0;
  appearance: none;
  background: #ededf6;
  border-radius: 0.8rem;
  margin-right: 1rem;
  cursor: pointer;
  padding: 0.3rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
@media only screen and (max-width: 967px) {
  .text-slider__prev, .text-slider__next {
    transform: translateY(0);
    top: 1.5rem;
  }
}
.text-slider__prev img, .text-slider__next img {
  display: block;
}
.text-slider__prev {
  left: 1.5rem;
}
@media only screen and (max-width: 967px) {
  .text-slider__prev {
    left: auto;
    right: 8.5rem;
  }
}
.text-slider__next {
  right: 0.5rem;
}
@media only screen and (max-width: 967px) {
  .text-slider__next {
    left: auto;
    right: 2rem;
  }
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Testimonials Block
------------------------------------------------------------------*/
.testimonial {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  color: #ffffff;
  overflow: hidden;
  position: relative;
  padding: 4rem;
}
.testimonial__content {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  max-width: 75%;
}
@media only screen and (max-width: 767px) {
  .testimonial__content {
    max-width: 100%;
  }
}
.testimonial__content * {
  line-height: 1.6;
}
.testimonial__content__image {
  display: block;
  margin: 0 auto 2rem;
}
.testimonial__background {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
}
.testimonial__background img {
  width: 100%;
  height: auto;
  display: block;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Video block
------------------------------------------------------------------*/
.video-block {
  position: relative;
  width: calc(100% - 4rem);
  margin: 4rem auto;
  max-width: 768px;
}
.video-block__player {
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  border-radius: 1.5rem;
}
.video-block__player iframe {
  width: 100%;
  height: 100%;
}
.video-block__thumbnail {
  position: relative;
}
.video-block__thumbnail:after {
  content: "";
  position: relative;
  display: block;
  padding-bottom: 56.25%;
}
.video-block__thumbnail {
  position: relative;
  overflow: hidden;
  display: block;
}
.video-block__thumbnail.playing ~ .video-block__player {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}
.video-block__thumbnail:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../scripts/53876415dd1449c724f0.svg);
  background-size: cover;
  width: 90px;
  height: 90px;
  z-index: 333;
}
.video-block__thumbnail:hover:after {
  opacity: 1;
}
.video-block__thumbnail img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  object-fit: cover;
  border-radius: 1.5rem;
}
.video-block__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Widget Block
------------------------------------------------------------------*/
.widget-block {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
  padding: 8rem 4rem 8rem 8rem;
  display: flex;
  gap: 8rem;
}
@media only screen and (max-width: 767px) {
  .widget-block {
    flex-direction: column;
    padding: 8rem 2rem;
  }
}
.widget-block__left {
  flex: 6.5;
  color: #ffffff;
}
.widget-block__right {
  flex: 3.5;
  padding: 7rem 6rem 7rem 4rem;
  background: #ffffff;
  border-radius: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .widget-block__right {
    padding: 4rem 2rem;
  }
}
.widget-block .widget-buttons__title {
  margin-bottom: 5.5rem;
}
.widget-block .widget-buttons__answers {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.widget-block .widget-buttons__answers__item {
  font-size: 1.8rem;
  font-weight: 300;
}
.widget-block .widget-result {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.widget-block .widget-result p {
  font-size: 2.4rem;
  margin-bottom: 2.4rem;
}
.widget-block .widget-result__reset {
  font-weight: 700;
  color: #944ff0;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Split Block
------------------------------------------------------------------*/
.split-text-block {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  display: flex;
  align-items: stretch;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 967px) {
  .split-text-block {
    flex-direction: column-reverse;
  }
}
.split-text-block__content {
  padding: 8rem;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .split-text-block__content {
    padding: 4rem;
  }
}
.split-text-block__left {
  width: calc(60% + 3rem);
  margin-right: -3rem;
  position: relative;
  border-radius: 1.5rem;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.split-text-block__left a:hover {
  text-decoration: underline !important;
}
@media only screen and (max-width: 967px) {
  .split-text-block__left {
    width: 100%;
    order: 2;
  }
}
.split-text-block__left .split-text-block__background {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
  left: 30%;
  width: 80% !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
.split-text-block__left .split-text-block__background img {
  max-width: 10000% !important;
}
.split-text-block__left h1,
.split-text-block__left h2,
.split-text-block__left h3,
.split-text-block__left h4,
.split-text-block__left h5,
.split-text-block__left h6,
.split-text-block__left p {
  position: relative;
  z-index: 2;
}
.split-text-block__right {
  width: 40%;
  position: relative;
  border-radius: 1.5rem;
  background: #001845;
  background: #18255a;
}
.split-text-block__right a:hover {
  text-decoration: underline !important;
}
@media only screen and (max-width: 967px) {
  .split-text-block__right {
    width: 100%;
    order: 1;
  }
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Promo Block
------------------------------------------------------------------*/
.promo {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  display: flex;
  align-items: stretch;
  background: #ffffff;
  position: relative;
  padding: 0;
}
@media only screen and (max-width: 967px) {
  .promo {
    flex-direction: column-reverse;
  }
}
.promo__copy {
  width: 50%;
  padding: 8rem;
}
@media only screen and (max-width: 1023px) {
  .promo__copy {
    padding: 4rem;
  }
}
@media only screen and (max-width: 967px) {
  .promo__copy {
    width: 100%;
    padding: 4rem 2rem;
  }
}
.promo__copy span {
  width: 5rem;
  height: 5rem;
  margin-right: 1rem;
  padding: 0.5rem 0.5rem 0.5rem 0;
}
.promo__copy span img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.promo__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  padding-left: 5.5rem;
  min-height: 4rem;
}
.promo__item span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.promo__item:first-of-type {
  margin-top: 2rem;
}
.promo__item svg {
  width: 3rem;
  height: auto;
  margin-right: 1rem;
}
.promo__image {
  width: 50%;
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
}
@media only screen and (max-width: 967px) {
  .promo__image {
    width: 100%;
  }
}
.promo__image__slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.promo__image__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.promo__image__slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Link Slider Block
------------------------------------------------------------------*/
.link-slider.carousel {
  background-color: transparent;
}
.link-slider.carousel .carousel__copy {
  background-color: #ffffff;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
}
.link-slider.carousel .carousel__copy .arrow-link {
  margin-top: auto;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Tabbed Content Block
------------------------------------------------------------------*/
.tabbed-content {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
}
.tabbed-content__wrapper {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .tabbed-content__wrapper {
    flex-direction: column;
  }
}
.tabbed-content__left, .tabbed-content__right {
  width: calc(50% - 2rem);
  padding: 4rem;
}
@media only screen and (max-width: 767px) {
  .tabbed-content__left, .tabbed-content__right {
    width: 100%;
    padding: 2rem;
  }
}
.tabbed-content__tab {
  display: flex;
  align-items: center;
  gap: 2rem;
  border-bottom: 1px solid #8b8b8b;
  padding: 2rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tabbed-content__tab:first-child {
  border-top: 1px solid #8b8b8b;
}
.tabbed-content__tab__title {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 2.4rem;
  margin-bottom: 0;
}
.tabbed-content__tab__title::after {
  content: "";
  position: relative;
  display: inline-block;
  background-image: url(../scripts/bc7877cffc4e183f0c25.svg);
  background-size: cover;
  width: 18px;
  height: 15px;
  margin-left: 1rem;
  top: 2px;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
  left: -2rem;
}
.tabbed-content__tab.active {
  color: #f0610f;
  position: relative;
}
.tabbed-content__tab.active .tabbed-content__tab__title::after {
  left: 0;
  opacity: 1;
}
.tabbed-content__tab__icon svg {
  width: 5rem;
  height: 5rem;
}
.tabbed-content__tab-content {
  display: none;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  padding: 8rem;
  border-radius: 1.5rem;
  color: #ffffff;
}
.tabbed-content__tab-content a {
  color: #ffffff !important;
  text-decoration: underline !important;
}
@media only screen and (max-width: 1023px) {
  .tabbed-content__tab-content {
    padding: 4rem;
  }
}
.tabbed-content__tab-content.active {
  display: block;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Related Content Block
------------------------------------------------------------------*/
.related {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  max-width: 1140px;
}
.related__items {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.related__item {
  display: flex;
  background: #ffffff;
  border-radius: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .related__item {
    flex-direction: column;
  }
}
.related__item .tag {
  font-size: 1.8rem;
}
.related__item__content {
  padding: 4rem;
}
.related__item__content p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .related__item__content {
    padding: 2rem;
  }
}
.related__item__image {
  width: 40rem;
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
}
.related__item__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .related__item__image {
    width: 100%;
  }
  .related__item__image img {
    position: static;
  }
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Grid block
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Tools grid
------------------------------------------------------------------*/
.support-bar {
  position: relative;
  width: calc(100% - 4rem);
  margin: 4rem auto 8rem;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #225e8d 0%, #6da5d2 100%);
  overflow: hidden;
  padding: 10rem 4rem 8rem;
  justify-content: center;
  margin-top: -5rem;
}
.support-bar__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.support-bar__background img {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 45%;
  height: auto;
  min-width: 50rem;
}
.support-bar__copy {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 36rem);
  position: relative;
  max-width: 106rem;
  align-items: center;
}
@media only screen and (max-width: 967px) {
  .support-bar__copy {
    width: 100%;
    justify-content: center;
  }
  .support-bar__copy h3 {
    text-align: center;
  }
}
.support-bar__copy h3 {
  width: calc(100% - 12rem);
}
@media only screen and (max-width: 767px) {
  .support-bar__copy h3 {
    width: 100%;
    margin-top: 2rem;
  }
}
.support-bar__copy > span {
  width: 10rem;
  height: 10rem;
  margin-right: 1rem;
  border: 2px solid #f0610f;
  margin-right: 1.5rem;
  display: inline-block;
  border-radius: 0.8rem;
}
.support-bar__copy > span img {
  display: block;
}
.support-bar__actions {
  width: 36rem;
  position: relative;
  padding-left: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.support-bar__actions--sign-in {
  font-weight: bold;
}
.support-bar__actions .button {
  font-size: 2rem;
  padding: 2rem 6rem;
}
@media only screen and (max-width: 967px) {
  .support-bar__actions {
    width: 100%;
    margin-top: 2rem;
    padding-left: 0;
  }
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Grid block
------------------------------------------------------------------*/
/*------------------------------------------------------------------
check-in
------------------------------------------------------------------*/
.check-in {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  position: relative;
  width: calc(100% - 4rem);
  margin: 4rem auto 8rem;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  overflow: hidden;
  padding: 6rem 4rem 4rem;
  justify-content: center;
}
.check-in__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.check-in__background img {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 25%;
  height: auto;
  min-width: 30rem;
}
.check-in__copy {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 46rem);
  position: relative;
  max-width: 106rem;
  align-items: center;
}
@media only screen and (max-width: 967px) {
  .check-in__copy {
    width: 100%;
    justify-content: center;
  }
  .check-in__copy h3 {
    text-align: center;
  }
}
.check-in__copy h3 {
  width: calc(100% - 12rem);
}
@media only screen and (max-width: 767px) {
  .check-in__copy h3 {
    width: 100%;
    margin-top: 2rem;
  }
}
.check-in__copy p {
  max-width: 80rem;
}
.check-in__copy > span {
  width: 10rem;
  height: 10rem;
  margin-right: 1rem;
  border: 2px solid #f0610f;
  margin-right: 1.5rem;
  display: inline-block;
  border-radius: 0.8rem;
}
.check-in__copy > span img {
  display: block;
}
.check-in__actions {
  width: 46rem;
  position: relative;
  padding-left: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.check-in__actions--sign-in {
  font-weight: bold;
}
@media only screen and (max-width: 967px) {
  .check-in__actions {
    width: 100%;
    margin-top: 2rem;
    padding-left: 0;
  }
}
.check-in__actions__email {
  background: white;
  border-radius: 0.8rem;
  padding: 1.6rem 2rem 1.6rem 4.4rem;
  position: relative;
  font-size: 1.6rem;
  cursor: pointer;
  display: inline-block;
}
.check-in__actions__email:before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border: 2px solid #f0610f;
  border-radius: 0.6rem;
  vertical-align: middle;
  margin-right: 1rem;
  position: absolute;
  top: 1.9rem;
  left: 1.4rem;
}

.text-block + .quote {
  margin-top: -4rem !important;
}

.quote + .text-block {
  margin-top: -4rem !important;
}

.icons + .numbered-step {
  margin-top: -6rem;
}

.accordion + .sign-up-money-month {
  margin-top: 4rem;
}

.accordion + .articles {
  margin-top: 6rem;
}

.features-and-image-carousel + .feature-tiles {
  margin-top: 6rem;
}

.icons + .numbered-step {
  margin-top: 6rem;
}

body:has(.sticky-anchor-menu-block--purple) #in-partnership-with,
body:has(.sticky-anchor-menu-block--purple) [id*=Quick] {
  scroll-margin-top: 250px;
}
@media screen and (max-width: 768px) {
  body:has(.sticky-anchor-menu-block--purple) #in-partnership-with,
  body:has(.sticky-anchor-menu-block--purple) [id*=Quick] {
    scroll-margin-top: 120px;
  }
}

/*------------------------------------------------------------------
Third party plugins
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Tingle v0.8.4
------------------------------------------------------------------*/
.choices {
  position: relative;
  overflow: hidden;
}

.choices[data-type*=select-multiple] .choices__inner {
  padding-top: 0.814rem !important;
}

.choices__list--dropdown {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-track {
  background-color: #ededf6;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar {
  width: 2px;
  background-color: #ededf6;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
  background-color: #f0610f;
  border: 0;
}

.choices__list--dropdown .choices__item {
  font-size: 1.6rem;
  padding: 0.55rem 1.5rem 0.6rem !important;
}

.choices:focus {
  outline: 0;
}

.choices:last-child {
  margin-bottom: 0;
}

.choices.is-open {
  overflow: visible;
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}

.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

.choices [hidden] {
  display: none !important;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}

.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}

.choices[data-type*=select-one] .choices__button {
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
  opacity: 1;
}

.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 2px #00bcd4;
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
  display: none;
}

.choices[data-type*=select-multiple] > .choices__inner,
.choices[data-type*=select-one] > .choices__inner > .choices__list {
  background-image: url("data:image/svg+xml; utf8, <svg width=\"16\" height=\"9\" viewBox=\"0 0 16 9\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.839 5.96L13.936.108a.399.399 0 01.553.007l1.07 1.047a.38.38 0 01.008.542L8.122 8.851a.365.365 0 01-.283.105.387.387 0 01-.284-.105L.111 1.704a.38.38 0 01.007-.542L1.188.115a.399.399 0 01.554-.007L7.839 5.96z\" fill=\"%23333\" fill-rule=\"evenodd\"/></svg>");
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) 50%;
}

.multiInput--inactive .choices[data-type*=select-multiple] > .choices__inner,
.multiInput--inactive .choices[data-type*=select-one] > .choices__inner > .choices__list {
  background-image: none !important;
  opacity: 1;
}

.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333;
  margin-top: -7.5px;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  background-size: 8px 8px;
  width: 8px;
  height: 8px;
  line-height: 0;
  border-radius: 0;
  margin: 0 -0.3rem 0 0.3rem;
  background-image: url(../scripts/2fa82ae1538dafbd64f1.svg);
  top: 0.5px;
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: white;
  overflow: hidden;
  font-size: 1.6rem;
  margin: 0;
  position: relative;
  display: inline-block;
  padding: 1rem 0rem 0.8rem 1.5rem !important;
  width: 100%;
  line-height: 1.5;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c8c8da;
  border-radius: 0.8rem;
  transition: all 0.3s;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
}

.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #b7b7b7;
}

.choices__list {
  margin: 0;
  list-style: none;
}

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

.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}

.choices__item--choice.is-selected {
  background-color: #f0610f !important;
  color: #fff;
}

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  background-color: #f0610f;
  border: 1px solid #ffffff;
  padding: 0.2rem 1rem;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaa;
  border: 1px solid #919191;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #c8c8da;
  top: 100%;
  margin-top: -1px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
  border-radius: 0.8rem;
  margin-top: 0.5rem;
}

.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
  visibility: visible;
}

.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.8rem;
}

.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  position: relative;
}

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable::after,
  .choices__list[aria-expanded] .choices__item--selectable::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.choices__button:focus,
.choices__input:focus {
  outline: 0;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  background: transparent;
  font-size: 1.6rem;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-weight: 500;
}

.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
  display: none;
}

.choices__input::-ms-clear,
.choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Toastify
------------------------------------------------------------------*/
#body .swal2-confirm {
  background: #f0610f !important;
  border-radius: 10000rem;
  font-size: 1.4rem;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
}

#body .swal2-cancel {
  border-radius: 10000rem;
  font-size: 1.4rem;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  background: #ffffff !important;
  outline: 2px solid #f0610f;
  color: #f0610f !important;
}

#body .swal2-popup {
  border-radius: 0.8rem !important;
  overflow: hidden !important;
  border-top: 0 !important;
}

.toastify {
  overflow-y: auto !important;
  top: auto !important;
  bottom: 0 !important;
  right: 0 !important;
  left: auto !important;
  transform: none !important;
  height: auto !important;
}
.toastify .swal2-popup {
  border-radius: 0.8rem !important;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%) !important;
}
.toastify .swal2-title {
  font-size: 1.6rem !important;
  color: #ffffff;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
}
.toastify .swal2-timer-progress-bar {
  background: #f0610f;
}

body div:where(.swal2-container) .swal2-html-container,
body div:where(.swal2-container) .swal2-html-container .swal2-actions {
  font-size: 1.6rem;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  color: #000000;
}

body .swal2-modal {
  border-radius: 1.5rem;
}
body div:where(.swal2-container) .swal2-title,
body div:where(.swal2-container) {
  color: #000000;
}

body div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  background: #f0610f;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  border-radius: 10000rem;
  font-size: 1.4rem;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  color: #000000;
}
body div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
  box-shadow: none;
}

body .swal2-container {
  z-index: 9999999;
}

#body .swal2-popup--save-time {
  overflow: visible !important;
}
#body .swal2-popup--save-time::before {
  content: "";
  pointer-events: none;
  cursor: pointer;
  position: absolute;
  display: block;
  background-image: url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\"><path fill=\"%23FFF\" fill-rule=\"nonzero\" d=\"M24 0a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8V8a8 8 0 0 1 8-8h16Zm0 2H8a6 6 0 0 0-6 6v16a6 6 0 0 0 6 6h16a6 6 0 0 0 6-6V8a6 6 0 0 0-6-6ZM10.707 9.293l5.614 5.613 5.614-5.613a1 1 0 0 1 1.414 1.415l-5.613 5.613 5.613 5.614a1 1 0 0 1-1.414 1.414l-5.614-5.613-5.614 5.614a1 1 0 1 1-1.414-1.415l5.613-5.614-5.613-5.614a1 1 0 0 1 1.414-1.414Z\"/></svg>") !important;
  width: 3.2rem;
  height: 3.2rem;
  right: 0;
  top: -4.2rem;
}

/*------------------------------------------------------------------
Tiny slider
------------------------------------------------------------------*/
.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div,
.tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: 2333.3333333333%;
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: 1.4285714286%;
  height: 10px;
  float: left;
}

/*------------------------------------------------------------------
Sections
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Banner
------------------------------------------------------------------*/
.GuideCategoryPage .banner__copy,
.GetSortedStepPage .banner__copy {
  min-height: 41rem;
}

.banner {
  position: relative;
  max-width: 1540px;
  width: calc(100% - 4rem);
  margin: 4rem auto;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .banner {
    width: calc(100% - 2rem);
    margin: 1rem auto 4rem;
  }
}
.banner__action {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0;
  margin-top: -11rem;
  position: relative;
  z-index: 4;
}
.banner__action::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #ededf6;
  border-radius: 100%;
  width: 6.6rem;
  height: 6.6rem;
  margin: -3.5rem 0 0 -1.5rem;
  z-index: 3;
  animation: bobbingAnimation 2s infinite;
}
.banner__action img {
  width: 10rem;
  height: 10rem;
  position: relative;
  z-index: 5;
}
.banner__action a {
  text-align: center;
  animation: bobbingAnimation 2s infinite;
  position: relative;
  z-index: 5;
  margin-left: 3.4rem;
}
.banner--drawdown .banner__copy {
  border-radius: 1.5rem;
  overflow: hidden;
  position: relative;
  margin-left: 0;
  margin-right: -2rem;
}
.banner__mouse {
  position: relative;
  pointer-events: none;
  z-index: 999;
  display: flex;
  flex-wrap: wrap;
  max-width: 1540px;
  margin: 0 auto;
  width: 100%;
  justify-content: center;
  margin-top: -5rem;
  transform: translateY(-50%);
  margin-bottom: -20rem;
}
@media only screen and (max-width: 767px) {
  .banner__mouse {
    display: none;
  }
}
.banner__mouse img {
  width: 30%;
  transform: translateX(-20%);
}
.banner__loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  pointer-events: none;
}
.banner__loader .loader {
  display: block;
  top: 50%;
  margin-top: -4rem;
  border-width: 3px;
  width: 8rem;
  height: 8rem;
}
.banner__loader:after {
  position: absolute;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
  opacity: 0.9;
}
.banner.Left {
  flex-direction: row-reverse;
}
.banner--sort {
  margin: -8rem auto 2rem;
  max-width: 100%;
}
.banner--sort:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 20rem;
  background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.8;
}
.banner--sort .banner__copy {
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  margin: 0;
  padding: 20rem 6rem 14rem;
}
@media only screen and (max-width: 767px) {
  .banner--sort .banner__copy {
    padding: 20rem 4rem 14rem;
  }
}
.banner--sort .banner__copy h1 {
  margin-top: 4rem;
  margin-bottom: 4rem;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
}
.banner--sort .banner__copy .banner__constraint {
  max-width: 100%;
}
.banner--sort .banner__copy .banner__constraint legend {
  position: absolute;
  left: -1000rem;
}
.banner--sort .banner__content__hidden {
  display: none;
}
.banner--sort .banner__content__hidden.active {
  display: block;
}
.banner--sort .button {
  font-family: "henrietta-regular", "henrietta-fallback";
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
  padding: 1rem 4rem 1rem;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ff0540 0%, #f0610f 100%);
  font-size: 2rem;
  box-shadow: none !important;
  transition: all 0;
}
.banner--sort .button:hover {
  background: #ffffff !important;
  color: #c6500c !important;
}
@media only screen and (max-width: 767px) {
  .banner--sort .button {
    width: 100%;
  }
}
.banner__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.banner__title img {
  margin-right: 2rem;
}
.banner__time {
  display: flex;
  flex-wrap: wrap;
}
.banner__time img {
  margin-right: 1rem;
}
.banner__background-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.banner__background-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.banner__image {
  width: calc(50% + 2rem);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  z-index: 1;
  margin-left: -2rem;
}
@media only screen and (max-width: 1023px) {
  .banner__image {
    width: calc(40% + 2rem);
  }
}
@media only screen and (max-width: 767px) {
  .banner__image {
    width: 100%;
    margin-left: 0;
  }
}
.banner__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 0 1.5rem 1.5rem 0;
}
@media only screen and (max-width: 1023px) {
  .banner__image img {
    position: relative;
    border-radius: 1.5rem;
  }
}
.banner__copy {
  width: calc(50% + 2rem);
  padding: 4rem 8rem;
  z-index: 4;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 40rem;
  border-radius: 0 1.5rem 1.5rem 0;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  margin-left: -2rem;
}
@media only screen and (max-width: 1023px) {
  .banner__copy {
    width: calc(60% + 2rem);
  }
}
@media only screen and (max-width: 767px) {
  .banner__copy {
    width: 100%;
    padding: 4rem;
    margin-left: 0;
    border-radius: 1.5rem;
    min-height: 24rem;
  }
}
.banner__background {
  position: absolute;
  left: 40%;
  width: 80%;
  top: -25%;
  height: auto;
  z-index: 1;
}
.banner__constraint {
  max-width: 50rem;
  position: relative;
  z-index: 2;
}
.banner.purple .banner__copy {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #944ff0 0%, #4d45d6 100%);
}
.banner.purple .banner__background {
  left: 10%;
  width: 100%;
  top: -35%;
}
.banner.pink .banner__copy {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #944ff0 0%, #f52e57 100%);
}
.banner.pink .banner__background {
  left: 5%;
  width: 100%;
  top: -16%;
}
.banner.orange-dark .banner__copy {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #fc6d33 0%, #f42d13 100%);
}
.banner.orange-dark .banner__background {
  left: 30%;
  width: 80% !important;
  top: 50%;
  transform: translateY(-50%);
}
.banner.orange-dark .banner__background img {
  max-width: 10000% !important;
}
.banner.red .banner__copy {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #f0610f 0%, #ff0540 100%);
}
.banner.red .banner__background {
  left: 5%;
  width: 100%;
  top: -2%;
}
.banner.orange-light .banner__copy {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #f79e5c 0%, #f0610f 100%);
}
.banner.orange-light .banner__background {
  left: 8%;
  width: 100%;
  top: -35%;
}

.overflow-wrapper {
  position: relative;
  overflow: hidden;
  margin: -8rem auto 2rem;
}
@media screen and (max-width: 768px) {
  .overflow-wrapper {
    margin-bottom: -2rem;
  }
}
.overflow-wrapper .banner-minimal {
  margin-top: 0;
}
.overflow-wrapper .tag {
  pointer-events: none;
}

.banner-minimal {
  position: relative;
  width: calc(100% - 4rem);
  margin: -8rem auto 2rem;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 63%, #7a2380 100%);
}
.banner-minimal__scroll {
  position: absolute;
  margin: 0 auto;
  bottom: 3rem;
  display: inline-block;
  left: 50%;
  margin-left: -15px;
  animation: bobbingAnimation 2s infinite;
}
.banner-minimal .banner-minimal__copy--flex {
  display: flex;
  flex-wrap: wrap;
}
.banner-minimal__content {
  width: 50%;
}
@media only screen and (max-width: 1439px) {
  .banner-minimal__content {
    width: 60%;
  }
}
@media only screen and (max-width: 967px) {
  .banner-minimal__content {
    width: 100%;
  }
}
.banner-minimal__image {
  width: 50%;
  height: 100%;
}
@media only screen and (max-width: 1439px) {
  .banner-minimal__image {
    width: 40%;
  }
}
@media only screen and (max-width: 1279px) {
  .banner-minimal__image {
    transform: translateY(10%);
  }
}
@media only screen and (max-width: 967px) {
  .banner-minimal__image {
    display: none;
  }
}
.banner-minimal__image img {
  max-width: none;
  width: 120%;
  height: auto;
  display: block;
  margin-bottom: -15rem;
  margin-left: 5%;
}
@media only screen and (max-width: 1439px) {
  .banner-minimal__image img {
    margin-left: -5%;
  }
}
.banner-minimal__app-store-links {
  margin-top: 4rem;
}
@media only screen and (max-width: 767px) {
  .banner-minimal__app-store-links {
    padding-bottom: 4rem;
  }
}
.banner-minimal__app-store-links a {
  display: inline-block;
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .banner-minimal__app-store-links a {
    margin-right: 0;
    width: calc(50% - 0.2rem);
    display: inline-block;
    max-width: 17rem;
  }
  .banner-minimal__app-store-links a svg,
  .banner-minimal__app-store-links a img {
    width: 100%;
    display: block;
    height: auto;
  }
}
.banner-minimal .tag {
  color: #ffffff;
  border-color: transparent;
  font-size: 1.6rem;
  background: rgba(255, 255, 255, 0.2);
  font-weight: 500;
}
.banner-minimal--image {
  margin-bottom: 6rem;
}
@media only screen and (max-width: 767px) {
  .banner-minimal--image {
    margin-bottom: 2rem;
  }
}
.banner-minimal--alt {
  overflow: visible;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ff0540 0%, #f0610f 35%, #f0610f 80%, #f79e5c 100%);
}
@media only screen and (max-width: 1439px) {
  .banner-minimal--alt .banner-minimal__toggles {
    min-width: 27rem;
    padding: 0.5rem 0;
  }
  .banner-minimal--alt .banner-minimal__toggles p {
    bottom: calc(100% + 0.1rem);
    position: absolute;
    color: #ffffff;
    left: 2rem;
  }
  .banner-minimal--alt .banner-minimal__toggle {
    margin: 0 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .banner-minimal--alt .banner-minimal__toggles p {
    left: 1.1rem;
  }
}
@media only screen and (max-width: 479px) {
  .banner-minimal--alt .banner-minimal__toggles {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .banner-minimal--alt .banner-minimal__toggle {
    margin: 0 0.1rem;
  }
}
.banner-minimal--alt .banner-minimal__background {
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  width: 60%;
  top: 0;
  transform: none;
  border-radius: 1.5rem;
}
.banner-minimal--alt .banner-minimal__background img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(15%);
}
.banner-minimal__toggles {
  background: #ffffff;
  border-radius: 100rem;
  padding: 0.5rem 0.5rem 0.5rem 3rem;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  width: fit-content;
  align-items: center;
  margin-bottom: 2rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .banner-minimal__toggles {
    padding: 0.5rem 0;
  }
}
@media only screen and (max-width: 479px) {
  .banner-minimal__toggles {
    margin-top: 2rem;
  }
}
.banner-minimal__toggles p {
  color: #000000;
  margin: 0 1rem 0 0;
  font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
  .banner-minimal__toggles p {
    bottom: calc(100% + 0.1rem);
    position: absolute;
    color: #ffffff;
    left: 2rem;
  }
}
.banner-minimal__toggle {
  padding: 1rem 2.5rem !important;
  border-radius: 100rem;
  border: 1px solid #ffffff;
  margin-left: 1rem;
  color: #f0610f;
  font-family: "henrietta-regular", "henrietta-fallback";
  font-weight: normal;
  font-style: normal;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 767px) {
  .banner-minimal__toggle {
    margin: 0 0.5rem;
  }
}
@media only screen and (max-width: 539px) {
  .banner-minimal__toggle {
    font-size: 1.4rem;
    padding: 0.2rem 0.6rem !important;
  }
}
.banner-minimal__toggle:hover {
  border: 1px solid #f0610f;
}
.banner-minimal__toggle--active {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ff0540 0%, #f0610f 35%, #f0610f 80%, #f79e5c 100%);
  color: #ffffff;
  border: 0 !important;
  padding: 0.6rem 2rem;
}
.banner-minimal__background {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-38%);
  pointer-events: none;
}
.banner-minimal__copy {
  padding: 16rem 2rem 6rem;
  position: relative;
  max-width: 1340px;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 479px) {
  .banner-minimal__copy {
    padding: 8rem 2rem 4rem;
  }
}

/*------------------------------------------------------------------
Events Banner
------------------------------------------------------------------*/
.banner--events {
  position: relative;
  width: calc(100% - 4rem);
  margin: -12rem auto 2rem;
  border-radius: 1.5rem;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(270deg, #f0610f 0%, #ff0540 100%);
  display: flex;
  gap: 4rem;
  padding: 12rem 12rem 7rem;
}
@media only screen and (max-width: 1279px) {
  .banner--events {
    padding: 12rem 4rem 4rem;
  }
}
@media only screen and (max-width: 1023px) {
  .banner--events {
    padding: 8rem 4rem 4rem;
    flex-direction: column;
  }
}
.banner--events__background-constraint {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
}
.banner--events__background {
  z-index: 1;
  pointer-events: none;
}
.banner--events__filters, .banner--events__content {
  flex: 1;
  z-index: 50;
}
.banner--events__content__copy {
  max-width: 90%;
}
.banner--events__content__title {
  color: #ffffff;
}
.banner--events__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  align-content: flex-end;
}
@media only screen and (max-width: 639px) {
  .banner--events__filters {
    flex-direction: column;
  }
}
.banner--events__filter-item {
  min-width: 200px;
  width: calc(50% - 1.25rem);
}
@media only screen and (max-width: 639px) {
  .banner--events__filter-item {
    width: 100%;
  }
}
.banner--events__filter-item .choices__inner {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 2rem;
  line-height: 1.5;
  border-radius: 8rem;
  padding: 1rem 1.5rem !important;
}
@media only screen and (max-width: 767px) {
  .banner--events__filter-item .choices__inner {
    font-size: 2rem;
  }
}
.banner--events__filter-item .choices[data-type*=select-one] > .choices__inner > .choices__list {
  padding-right: 6rem;
  background-image: url("data:image/svg+xml; utf8, <svg width=\"16\" height=\"9\" viewBox=\"0 0 16 9\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.839 5.96L13.936.108a.399.399 0 01.553.007l1.07 1.047a.38.38 0 01.008.542L8.122 8.851a.365.365 0 01-.283.105.387.387 0 01-.284-.105L.111 1.704a.38.38 0 01.007-.542L1.188.115a.399.399 0 01.554-.007L7.839 5.96z\" fill=\"%23f0610f\" fill-rule=\"evenodd\"/></svg>");
}

.banner-dashboard {
  position: relative;
  width: calc(100% - 4rem);
  margin: -8rem auto 6em;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 63%, #7a2380 100%);
  justify-content: center;
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .banner-dashboard {
    flex-direction: column;
    padding: 8rem 4rem 4rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 639px) {
  .banner-dashboard {
    flex-direction: column;
    padding: 8rem 4rem 1rem;
  }
}
.banner-dashboard__background {
  position: absolute;
  right: 0;
  bottom: 0%;
  top: 0;
  overflow: hidden;
  border-radius: 1.5rem;
}
.banner-dashboard__image {
  width: 30rem;
  background: #ffffff;
  border-radius: 1.5rem;
  z-index: 3;
  overflow: hidden;
  position: relative;
  margin-bottom: -4rem;
  box-shadow: 0px 0.9px 0.9px rgba(0, 0, 0, 0.028), 0px 2.5px 2.5px rgba(0, 0, 0, 0.04), 0px 6px 6px rgba(0, 0, 0, 0.052), 0px 20px 20px rgba(0, 0, 0, 0.08);
  padding: 4rem;
}
@media only screen and (max-width: 767px) {
  .banner-dashboard__image {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    padding: 2rem;
  }
  .banner-dashboard__image #ProfileUploadForm_ProfileUploadForm,
  .banner-dashboard__image p {
    flex: 1;
  }
}
.banner-dashboard__image .edit-profile-image img {
  border-radius: 10000rem;
}
.banner-dashboard__image .button {
  display: none !important;
}
.banner-dashboard__image #ProfileUploadForm_ProfileUploadForm_Image_Holder {
  position: absolute;
  left: -100rem;
}
.banner-dashboard__copy {
  padding: 22rem 2rem 6rem 6rem;
  position: relative;
  z-index: 3;
  max-width: 1340px;
  width: calc(100% - 40rem);
  max-width: 84rem;
}
@media only screen and (max-width: 767px) {
  .banner-dashboard__copy {
    width: 100%;
    padding: 0;
    margin-top: 2rem;
  }
}
.banner-dashboard__constraint {
  position: relative;
  max-width: 84rem;
  z-index: 2;
}

.MoneyWellbeingPage .banner--sort .banner__copy {
  padding: 12rem 6rem 8rem;
}

.busy .banner__loader {
  opacity: 1;
  visibility: visible;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Banner
------------------------------------------------------------------*/
.excuse-banner {
  position: relative;
  width: calc(100% - 4rem);
  margin: -8rem auto 4rem;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ff0540 0%, #f0610f 35%, #f0610f 80%, #f79e5c 100%);
  padding-top: 8rem;
  padding-left: 2rem;
  padding-right: 2rem;
  min-height: 70rem;
  padding-top: 10rem;
  perspective: 1000px;
}
@media only screen and (min-width: 1920px) {
  .excuse-banner {
    min-height: 80rem;
  }
}
.excuse-banner__scroll {
  position: absolute;
  left: 50%;
  bottom: -0.5rem;
  z-index: 1022;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 333ms ease-in-out;
}
.excuse-banner__scroll.visible {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 967px) {
  .excuse-banner__scroll {
    display: none;
  }
}
.excuse-banner__scroll img {
  width: 4rem;
  height: 4rem;
  filter: invert(0) brightness(100);
  animation: bobbingAnimation 2s infinite;
}
@keyframes bobbingAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-1rem);
  }
  100% {
    transform: translateY(0);
  }
}
.excuse-banner__logo {
  position: absolute;
  bottom: 6rem;
  z-index: 6000;
  right: 4rem;
}
@media only screen and (max-width: 767px) {
  .excuse-banner__logo img {
    width: 18rem;
  }
}
.excuse-banner__intro {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  width: 100%;
  transition: all 1000ms ease-in-out;
}
.excuse-banner__intro h1 {
  transition: all 333ms ease-in-out;
}
.excuse-banner__pause {
  position: relative;
}
.excuse-banner__pause:after {
  content: "";
  position: relative;
  display: block;
  padding-bottom: 112.5%;
}
.excuse-banner__pause {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 26rem;
  transform-origin: 50% 50%;
}
.excuse-banner__pause .pause-line-1,
.excuse-banner__pause .pause-line-2 {
  position: absolute;
  width: auto;
  background: #36102b;
  width: 46%;
  height: 100%;
  transform-origin: 50% 50%;
  border-radius: 1rem;
}
.excuse-banner__pause .pause-line-1 {
  left: 0;
}
.excuse-banner__pause .pause-line-2 {
  right: 0;
}
.excuse-banner__content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  align-content: center;
  opacity: 0;
  transform: scale(0) translate(0, 10%);
  transition-delay: 600ms;
  transition: all 800ms ease-in-out;
  z-index: 3;
}
.excuse-banner__content h1 {
  width: 100%;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 1023px) {
  .excuse-banner__content h1 {
    font-size: 3rem !important;
  }
}
.excuse-banner__content__constraint {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  text-align: center;
  height: 7.2rem;
}
@media only screen and (max-width: 767px) {
  .excuse-banner__content__constraint {
    height: 3.6rem;
  }
}
.excuse-banner__content__constraint__inner {
  width: 100%;
  position: relative;
}
.excuse-banner__content__constraint__inner__item {
  width: 100%;
  display: block;
  text-align: center;
  font-style: italic;
}
.excuse-banner__image {
  width: 20%;
  position: relative;
}
.excuse-banner__image:after {
  content: "";
  position: relative;
  display: block;
  padding-bottom: 100%;
}
.excuse-banner__image {
  bottom: 3%;
  left: 3%;
  position: absolute;
  display: none;
  transition: all 400ms ease-in-out;
  z-index: 1;
  border-radius: 1.5rem;
  overflow: hidden;
}
.excuse-banner__image.visible {
  display: block;
}
.excuse-banner__image__shape {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 1.5rem;
}
.excuse-banner__image__shape img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: none;
  border-radius: 1.5rem;
  width: 130%;
  height: 130%;
  animation: ken-burns-1 30000ms ease-in-out infinite;
}
.excuse-banner__excuse {
  position: relative;
  margin: -4rem auto 2rem;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 10rem;
  right: 2rem;
  left: 2rem;
  bottom: -1rem;
}
.excuse-banner__excuse.visible {
  visibility: visible;
  opacity: 1;
  transform: none;
}
.excuse-banner__excuse.visible .excuse-banner__excuse__excuse-text {
  align-items: center;
  align-content: center;
  max-width: 100rem;
  margin: 0 auto;
}
.excuse-banner__excuse.visible .excuse-banner__excuse__excuse-text > img {
  margin-bottom: 2rem;
}
.excuse-banner__excuse.visible .excuse-banner__excuse__excuse-copy {
  display: block;
  height: auto;
  align-self: center;
}
.excuse-banner__excuse__content {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  border-radius: 1.5rem;
  width: 100%;
  margin-bottom: 2rem;
  position: relative;
  min-height: 40rem;
}
.excuse-banner__excuse__excuse-number {
  position: absolute;
  top: 4rem;
  left: 4rem;
  border: 2px solid white;
  padding: 1rem 3rem;
  border-radius: 10000rem;
  color: white;
}
@media only screen and (max-width: 639px) {
  .excuse-banner__excuse__excuse-number {
    left: 0;
    top: 2rem;
  }
  .excuse-banner__excuse__excuse-number h5 {
    font-size: 1.6rem !important;
  }
}
.excuse-banner__excuse__excuse-background-mobile, .excuse-banner__excuse__excuse-background {
  position: absolute;
  top: 4rem;
  right: 0rem;
  bottom: 4rem;
  left: 0rem;
  border-radius: 1.5rem;
  clip-path: url(#mask-excuse-1);
  background: #000;
}
@media only screen and (min-width: 540px) {
  .excuse-banner__excuse__excuse-background-mobile, .excuse-banner__excuse__excuse-background {
    clip-path: url(#mask-excuse-2);
  }
}
@media only screen and (min-width: 768px) {
  .excuse-banner__excuse__excuse-background-mobile, .excuse-banner__excuse__excuse-background {
    clip-path: url(#mask-excuse-3);
  }
}
@media only screen and (min-width: 1024px) {
  .excuse-banner__excuse__excuse-background-mobile, .excuse-banner__excuse__excuse-background {
    clip-path: url(#mask-excuse-4);
  }
}
.excuse-banner__excuse__excuse-background-mobile img, .excuse-banner__excuse__excuse-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 1.5rem;
}
.excuse-banner__excuse__excuse-background-mobile {
  display: none;
}
@media only screen and (max-width: 639px) {
  .excuse-banner__excuse__excuse-background-mobile {
    display: block !important;
  }
}
.excuse-banner__excuse__excuse-text {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 4rem;
  padding: 2rem 4rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .excuse-banner__excuse__excuse-text {
    padding: 4rem 0;
  }
}
@media only screen and (max-width: 639px) {
  .excuse-banner__excuse__excuse-text {
    padding: 2rem 0;
    margin: 4rem 2rem;
  }
}
.excuse-banner__excuse__excuse-symbol {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 8rem;
  margin-bottom: 2rem;
  width: 100%;
  width: 8rem;
  height: 8rem;
}
@media only screen and (max-width: 639px) {
  .excuse-banner__excuse__excuse-symbol {
    width: 4rem;
    height: 4rem;
  }
}
.excuse-banner__excuse__excuse-symbol img {
  width: 100%;
  height: 100%;
}
.excuse-banner__excuse__excuse-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .excuse-banner__excuse__excuse-copy {
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 639px) {
  .excuse-banner__excuse__excuse-copy {
    margin-bottom: 2rem;
  }
  .excuse-banner__excuse__excuse-copy .button {
    font-size: 1.6rem !important;
  }
}
@media only screen and (max-width: 1023px) {
  .excuse-banner__excuse__excuse-copy h1,
  .excuse-banner__excuse__excuse-copy h2 {
    font-size: 3rem !important;
  }
}
.excuse-banner__excuse__share {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  bottom: 0.2rem;
  width: 100%;
  align-content: center;
  align-items: center;
  position: absolute;
}
.excuse-banner__excuse__share img {
  filter: invert(0) brightness(100);
}
.excuse-banner__excuse__share a {
  margin-left: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}
.excuse-banner__excuse__share p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
  margin-left: 1rem;
}
@media only screen and (max-width: 767px) {
  .excuse-banner__excuse__share p:first-of-type {
    order: 3;
    margin-left: -1rem;
  }
  .excuse-banner__excuse__share p:first-of-type a {
    font-size: 0 !important;
  }
}
.excuse-banner__excuse__share p:last-of-type {
  margin-left: 3rem;
}

/*------------------------------------------------------------------
Excuse Generator
------------------------------------------------------------------*/
.excuse-modal-open {
  position: relative;
  overflow: hidden;
  max-height: 100vhh;
}
.excuse-modal-open .excuse-banner-excuse {
  opacity: 1;
  visibility: visible;
}

.excuse-banner-excuse {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999999;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  overflow: auto;
}
.excuse-banner-excuse__constraint {
  position: relative;
  max-width: 1140px;
  width: calc(100% - 4rem);
  margin: 4rem auto;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
}
.excuse-banner-excuse__close {
  background: transparent;
  border: none;
  width: 100%;
  text-align: right;
  margin-bottom: 2rem;
  cursor: pointer;
}
.excuse-banner-excuse__content {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  border-radius: 1.5rem;
  width: 100%;
  margin-bottom: 2rem;
  position: relative;
  min-height: 70rem;
}
.excuse-banner-excuse__excuse-number {
  position: absolute;
  top: 4rem;
  left: 4rem;
  border: 2px solid white;
  padding: 1rem 3rem;
  border-radius: 10000rem;
  color: white;
}
.excuse-banner-excuse__excuse-background-mobile, .excuse-banner-excuse__excuse-background {
  position: absolute;
  top: 4rem;
  right: 4rem;
  bottom: 4rem;
  left: 4rem;
  background: #000;
  border-radius: 1.5rem;
  clip-path: url(#mask-excuse-1);
}
@media only screen and (min-width: 640px) {
  .excuse-banner-excuse__excuse-background-mobile, .excuse-banner-excuse__excuse-background {
    clip-path: url(#mask-excuse-2);
  }
}
@media only screen and (min-width: 768px) {
  .excuse-banner-excuse__excuse-background-mobile, .excuse-banner-excuse__excuse-background {
    clip-path: url(#mask-excuse-3);
  }
}
@media only screen and (min-width: 1024px) {
  .excuse-banner-excuse__excuse-background-mobile, .excuse-banner-excuse__excuse-background {
    clip-path: url(#mask-excuse-4);
  }
}
.excuse-banner-excuse__excuse-background-mobile img, .excuse-banner-excuse__excuse-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 1.5rem;
}
.excuse-banner-excuse__excuse-background-mobile {
  display: none;
}
@media only screen and (max-width: 639px) {
  .excuse-banner-excuse__excuse-background-mobile {
    display: block !important;
  }
}
.excuse-banner-excuse__excuse-text {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 4rem;
  padding: 8rem 4rem;
}
@media only screen and (max-width: 639px) {
  .excuse-banner-excuse__excuse-text {
    margin: 4rem 2rem;
  }
}
.excuse-banner-excuse__excuse-symbol {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 8rem;
  margin-bottom: 2rem;
  width: 100%;
  width: 8rem;
  height: 8rem;
}
.excuse-banner-excuse__excuse-symbol img {
  width: 100%;
  height: 100%;
}
.excuse-banner-excuse__excuse-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  width: 100%;
}
@media only screen and (max-width: 639px) {
  .excuse-banner-excuse__excuse-copy .button {
    font-size: 1.6rem !important;
  }
}
@media only screen and (max-width: 1023px) {
  .excuse-banner-excuse__excuse-copy h1,
  .excuse-banner-excuse__excuse-copy h2 {
    font-size: 3rem !important;
  }
}
.excuse-banner-excuse__share {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: 2rem;
  width: 100%;
  align-content: center;
  align-items: center;
}
.excuse-banner-excuse__share a {
  margin-left: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}
.excuse-banner-excuse__share p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
  margin-left: 1rem;
}
.excuse-banner-excuse__share p:last-of-type {
  margin-left: 3rem;
}

.excuse-banner__excuse--main {
  z-index: 100;
  top: 9.9rem;
  right: 1.9rem;
  left: 1.9rem;
}
.excuse-banner__excuse--main .excuse-banner__excuse__excuse-background-mobile,
.excuse-banner__excuse--main .excuse-banner__excuse__excuse-background {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(-90deg, #ff0540 0%, #f0610f 35%, #f0610f 80%, #f79e5c 100%);
}
.excuse-banner__excuse--main .excuse-banner__excuse__excuse-number {
  display: none;
}

.excuse-banner__excuse {
  opacity: 0;
  transform: rotateX(-10deg) scale(0.9);
}

.start-animation-loop .excuse-banner__excuse {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: rotateX(0deg) scale(1);
  transition: all 333ms ease-in-out;
}
.start-animation-loop .excuse-banner__pause,
.start-animation-loop .excuse-banner__intro,
.start-animation-loop .excuse-banner__content,
.start-animation-loop .excuse-banner__logo,
.start-animation-loop .excuse-banner__excuse__share {
  display: none;
}

.excuse-banner__excuse--1 {
  transition-delay: 0ms !important;
  z-index: 101;
}

.excuse-banner__excuse--2 {
  transition-delay: 300ms !important;
  z-index: 102;
}

.excuse-banner__excuse--3 {
  transition-delay: 600ms !important;
  z-index: 103;
}

.excuse-banner__excuse--4 {
  transition-delay: 900ms !important;
  z-index: 104;
}

.excuse-banner__excuse--5 {
  transition-delay: 1200ms !important;
  z-index: 105;
}

.excuse-banner__excuse--6 {
  transition-delay: 1500ms !important;
  z-index: 106;
}

.excuse-banner__excuse--7 {
  transition-delay: 1800ms !important;
  z-index: 107;
}

.excuse-banner__excuse--8 {
  transition-delay: 2100ms !important;
  z-index: 108;
}

.end-animation-loop .excuse-banner__excuse {
  display: block;
  visibility: visible;
  opacity: 1;
}
.end-animation-loop .excuse-banner__logo {
  display: flex;
}

.excuse-visible .excuse-banner__excuse__excuse-background {
  background: #000;
}
.excuse-visible .excuse-banner__excuse__share {
  display: flex;
}
.excuse-visible .excuse-banner__excuse__excuse-number {
  display: block;
}

.excuse-banner__excuse__excuse-copy {
  transition: all 333ms ease-in-out;
}

.animate-out .excuse-banner__excuse__excuse-copy {
  transition: all 0ms ease-in-out;
  visibility: hidden;
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  #block-generate-excuse-button,
  #modal-generate-excuse-button,
  #banner-generate-excuse-button {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.4rem !important;
  }
}
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Breadcrumbs
------------------------------------------------------------------*/
.SortedBlogPost .breadcrumbs__social {
  display: flex !important;
}

.breadcrumbs {
  position: relative;
  width: calc(100% - 4rem);
  margin: 4rem auto;
  border-radius: 1.5rem;
  display: flex;
  max-width: 1340px;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 2rem;
}
.breadcrumbs li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.6rem;
}
.breadcrumbs a {
  display: inline-block;
}
.breadcrumbs + .money-wellbeing {
  margin-top: -1rem;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs + .money-wellbeing {
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumbs {
    margin-left: 0;
    margin-bottom: 0;
    width: 100%;
    display: none;
  }
}
.breadcrumbs img {
  display: block;
}
.breadcrumbs__home {
  width: 3rem;
  height: 3rem;
  border: 1.5px solid #f0610f;
  border-radius: 0.8rem;
  margin-right: 0.6rem;
}
.breadcrumbs__home:hover {
  background: #f0610f;
}
.breadcrumbs__home:hover img {
  filter: invert(1) brightness(100);
}
.breadcrumbs__link:hover {
  color: #f0610f;
}
.breadcrumbs__divider {
  margin: 0 0.8rem;
  display: flex;
  gap: 0.8rem;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs__divider:not(:first-of-type) {
    margin: 0 0.8rem 0 4.3rem;
  }
}
.breadcrumbs__social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 0 auto;
  display: none;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs__social {
    width: 100%;
    margin: 3rem 0 0;
  }
}
.breadcrumbs__social a {
  width: 3rem;
  height: 3rem;
  border: 1.5px solid #000000;
  border-radius: 0.8rem;
  margin-left: 1rem;
}
.breadcrumbs__social a:hover {
  background: #000000;
}
.breadcrumbs__social a:hover img {
  filter: invert(1) brightness(100);
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Styles
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Buttons
------------------------------------------------------------------*/
.mfa-verify-select-method__method a,
.mfa-verify-select-method__back,
.driver-popover-prev-btn,
.driver-popover-next-btn,
.btn,
.swal2-styled,
.button,
#SortedLoginForm_LoginForm_Tab .action:not(#SortedLoginForm_LoginForm_action_logout),
button[type=submit],
input[type=submit]:not(#SortedLoginForm_LoginForm_action_logout) {
  text-align: center;
  background: #f0610f;
  padding: 1.5rem 4rem;
  display: inline-block;
  margin-bottom: 0.5rem;
  text-decoration: none !important;
  color: white !important;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  border: 0;
  font-size: 1.6rem;
  cursor: pointer;
  border-radius: 10000rem;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  margin-right: 0.5rem;
  user-select: none;
}
.mfa-verify-select-method__method a:hover,
.mfa-verify-select-method__back:hover,
.driver-popover-prev-btn:hover,
.driver-popover-next-btn:hover,
.btn:hover,
.swal2-styled:hover,
.button:hover,
#SortedLoginForm_LoginForm_Tab .action:hover:not(#SortedLoginForm_LoginForm_action_logout),
button[type=submit]:hover,
input[type=submit]:hover:not(#SortedLoginForm_LoginForm_action_logout) {
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
}
.mfa-verify-select-method__method a:active,
.mfa-verify-select-method__back:active,
.driver-popover-prev-btn:active,
.driver-popover-next-btn:active,
.btn:active,
.swal2-styled:active,
.button:active,
#SortedLoginForm_LoginForm_Tab .action:active:not(#SortedLoginForm_LoginForm_action_logout),
button[type=submit]:active,
input[type=submit]:active:not(#SortedLoginForm_LoginForm_action_logout) {
  transform: translateY(1px);
}
.mfa-verify-select-method__method a--primary-accessible,
.mfa-verify-select-method__back--primary-accessible,
.driver-popover-prev-btn--primary-accessible,
.driver-popover-next-btn--primary-accessible,
.btn--primary-accessible,
.swal2-styled--primary-accessible,
.button--primary-accessible {
  color: #242424 !important;
}
.mfa-verify-select-method__method a--full,
.mfa-verify-select-method__back--full,
.driver-popover-prev-btn--full,
.driver-popover-next-btn--full,
.btn--full,
.swal2-styled--full,
.button--full {
  width: 100%;
}
.mfa-verify-select-method__method a--gradient,
.mfa-verify-select-method__back--gradient,
.driver-popover-prev-btn--gradient,
.driver-popover-next-btn--gradient,
.btn--gradient,
.swal2-styled--gradient,
.button--gradient {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ed4136 2%, #fc6d33 100%);
}
.mfa-verify-select-method__method a.btn-secondary, .mfa-verify-select-method__method a--secondary,
.mfa-verify-select-method__back.btn-secondary,
.mfa-verify-select-method__back--secondary,
.driver-popover-prev-btn.btn-secondary,
.driver-popover-prev-btn--secondary,
.driver-popover-next-btn.btn-secondary,
.driver-popover-next-btn--secondary,
.btn.btn-secondary,
.btn--secondary,
.swal2-styled.btn-secondary,
.swal2-styled--secondary,
.button.btn-secondary,
#SortedLoginForm_LoginForm_Tab .btn-secondary.action:not(#SortedLoginForm_LoginForm_action_logout),
button.btn-secondary[type=submit],
input.btn-secondary[type=submit]:not(#SortedLoginForm_LoginForm_action_logout),
.button--secondary {
  background: transparent;
  background: #001845;
}
.mfa-verify-select-method__method a.btn-secondary:hover, .mfa-verify-select-method__method a--secondary:hover,
.mfa-verify-select-method__back.btn-secondary:hover,
.mfa-verify-select-method__back--secondary:hover,
.driver-popover-prev-btn.btn-secondary:hover,
.driver-popover-prev-btn--secondary:hover,
.driver-popover-next-btn.btn-secondary:hover,
.driver-popover-next-btn--secondary:hover,
.btn.btn-secondary:hover,
.btn--secondary:hover,
.swal2-styled.btn-secondary:hover,
.swal2-styled--secondary:hover,
.button.btn-secondary:hover,
#SortedLoginForm_LoginForm_Tab .btn-secondary.action:hover:not(#SortedLoginForm_LoginForm_action_logout),
button.btn-secondary[type=submit]:hover,
input.btn-secondary[type=submit]:hover:not(#SortedLoginForm_LoginForm_action_logout),
.button--secondary:hover {
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.3);
}
.mfa-verify-select-method__method a--white,
.mfa-verify-select-method__back--white,
.driver-popover-prev-btn--white,
.driver-popover-next-btn--white,
.btn--white,
.swal2-styled--white,
.button--white {
  color: #f0610f !important;
  background: white;
}
.mfa-verify-select-method__method a--white:hover,
.mfa-verify-select-method__back--white:hover,
.driver-popover-prev-btn--white:hover,
.driver-popover-next-btn--white:hover,
.btn--white:hover,
.swal2-styled--white:hover,
.button--white:hover {
  background: #410e84 !important;
  color: white !important;
  box-shadow: none;
}
.mfa-verify-select-method__method a--white.arrowed,
.mfa-verify-select-method__back--white.arrowed,
.driver-popover-prev-btn--white.arrowed,
.driver-popover-next-btn--white.arrowed,
.btn--white.arrowed,
.swal2-styled--white.arrowed,
.button--white.arrowed {
  position: relative;
}
.mfa-verify-select-method__method a--white.arrowed:after,
.mfa-verify-select-method__back--white.arrowed:after,
.driver-popover-prev-btn--white.arrowed:after,
.driver-popover-next-btn--white.arrowed:after,
.btn--white.arrowed:after,
.swal2-styled--white.arrowed:after,
.button--white.arrowed:after {
  background-image: url(../scripts/bc7877cffc4e183f0c25.svg) !important;
}
.mfa-verify-select-method__method a--white.arrowed:hover:after,
.mfa-verify-select-method__back--white.arrowed:hover:after,
.driver-popover-prev-btn--white.arrowed:hover:after,
.driver-popover-next-btn--white.arrowed:hover:after,
.btn--white.arrowed:hover:after,
.swal2-styled--white.arrowed:hover:after,
.button--white.arrowed:hover:after {
  background-image: url(../scripts/8126cb141c9cedce97b7.svg) !important;
}
.mfa-verify-select-method__method a--white--hover,
.mfa-verify-select-method__back--white--hover,
.driver-popover-prev-btn--white--hover,
.driver-popover-next-btn--white--hover,
.btn--white--hover,
.swal2-styled--white--hover,
.button--white--hover {
  border: 2px solid white;
}
.mfa-verify-select-method__method a--white--hover:hover,
.mfa-verify-select-method__back--white--hover:hover,
.driver-popover-prev-btn--white--hover:hover,
.driver-popover-next-btn--white--hover:hover,
.btn--white--hover:hover,
.swal2-styled--white--hover:hover,
.button--white--hover:hover {
  color: white !important;
  border: 2px solid white;
  background: transparent !important;
}
.mfa-verify-select-method__method a--outline,
.mfa-verify-select-method__back--outline,
.driver-popover-prev-btn--outline,
.driver-popover-next-btn--outline,
.btn--outline,
.swal2-styled--outline,
.button--outline {
  padding: 0.8rem 4rem;
  background: transparent;
  border: 2px solid #f0610f;
  color: #f0610f !important;
}
.mfa-verify-select-method__method a--outline:hover,
.mfa-verify-select-method__back--outline:hover,
.driver-popover-prev-btn--outline:hover,
.driver-popover-next-btn--outline:hover,
.btn--outline:hover,
.swal2-styled--outline:hover,
.button--outline:hover {
  background: #f0610f !important;
  color: white !important;
  box-shadow: none;
}
.mfa-verify-select-method__method a--outline-secondary,
.mfa-verify-select-method__back--outline-secondary,
.driver-popover-prev-btn--outline-secondary,
.driver-popover-next-btn--outline-secondary,
.btn--outline-secondary,
.swal2-styled--outline-secondary,
.button--outline-secondary {
  padding: 1.3rem 4rem;
  background: transparent;
  border: 2px solid #001845;
  color: #001845 !important;
}
.mfa-verify-select-method__method a--outline-secondary:hover,
.mfa-verify-select-method__back--outline-secondary:hover,
.driver-popover-prev-btn--outline-secondary:hover,
.driver-popover-next-btn--outline-secondary:hover,
.btn--outline-secondary:hover,
.swal2-styled--outline-secondary:hover,
.button--outline-secondary:hover {
  background: #001845 !important;
  color: white !important;
  box-shadow: none;
}
.mfa-verify-select-method__method a--outline-white,
.mfa-verify-select-method__back--outline-white,
.driver-popover-prev-btn--outline-white,
.driver-popover-next-btn--outline-white,
.btn--outline-white,
.swal2-styled--outline-white,
.button--outline-white {
  padding: 0.8rem 2rem;
  background: transparent;
  border: 2px solid #ffffff;
  color: #ffffff !important;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 2rem;
}
.mfa-verify-select-method__method a--outline-white:hover,
.mfa-verify-select-method__back--outline-white:hover,
.driver-popover-prev-btn--outline-white:hover,
.driver-popover-next-btn--outline-white:hover,
.btn--outline-white:hover,
.swal2-styled--outline-white:hover,
.button--outline-white:hover {
  color: #f0610f !important;
  background: white !important;
  box-shadow: none;
}
.mfa-verify-select-method__method a--large,
.mfa-verify-select-method__back--large,
.driver-popover-prev-btn--large,
.driver-popover-next-btn--large,
.btn--large,
.swal2-styled--large,
.button--large {
  border-radius: 0.8rem;
  line-height: 1.8;
  padding: 1.5rem 5.5rem !important;
  font-family: "henrietta-regular", "henrietta-fallback";
  font-weight: normal;
  font-style: normal;
}
.mfa-verify-select-method__method a.arrowed,
.mfa-verify-select-method__back.arrowed,
.driver-popover-prev-btn.arrowed,
.driver-popover-next-btn.arrowed,
.btn.arrowed,
.swal2-styled.arrowed,
.button.arrowed,
#SortedLoginForm_LoginForm_Tab .arrowed.action:not(#SortedLoginForm_LoginForm_action_logout),
button.arrowed[type=submit],
input.arrowed[type=submit]:not(#SortedLoginForm_LoginForm_action_logout) {
  position: relative;
}
.mfa-verify-select-method__method a.arrowed:after,
.mfa-verify-select-method__back.arrowed:after,
.driver-popover-prev-btn.arrowed:after,
.driver-popover-next-btn.arrowed:after,
.btn.arrowed:after,
.swal2-styled.arrowed:after,
.button.arrowed:after,
#SortedLoginForm_LoginForm_Tab .arrowed.action:not(#SortedLoginForm_LoginForm_action_logout):after,
button.arrowed[type=submit]:after,
input.arrowed[type=submit]:not(#SortedLoginForm_LoginForm_action_logout):after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem;
  position: relative;
  top: -1px;
  width: 18px;
  height: 15px;
  background-image: url(../scripts/8126cb141c9cedce97b7.svg);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mfa-verify-select-method__method a.arrowed:hover:after,
.mfa-verify-select-method__back.arrowed:hover:after,
.driver-popover-prev-btn.arrowed:hover:after,
.driver-popover-next-btn.arrowed:hover:after,
.btn.arrowed:hover:after,
.swal2-styled.arrowed:hover:after,
.button.arrowed:hover:after,
#SortedLoginForm_LoginForm_Tab .arrowed.action:hover:not(#SortedLoginForm_LoginForm_action_logout):after,
button.arrowed[type=submit]:hover:after,
input.arrowed[type=submit]:hover:not(#SortedLoginForm_LoginForm_action_logout):after {
  transform: translateX(5px);
  background-image: url(../scripts/bc7877cffc4e183f0c25.svg);
}
.mfa-verify-select-method__method a > img,
.mfa-verify-select-method__back > img,
.driver-popover-prev-btn > img,
.driver-popover-next-btn > img,
.btn > img,
.swal2-styled > img,
.button > img,
#SortedLoginForm_LoginForm_Tab .action:not(#SortedLoginForm_LoginForm_action_logout) > img,
button[type=submit] > img,
input[type=submit]:not(#SortedLoginForm_LoginForm_action_logout) > img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3rem;
  position: relative;
  top: -2px;
}
.mfa-verify-select-method__method a.outbound-white:after,
.mfa-verify-select-method__back.outbound-white:after,
.driver-popover-prev-btn.outbound-white:after,
.driver-popover-next-btn.outbound-white:after,
.btn.outbound-white:after,
.swal2-styled.outbound-white:after,
.button.outbound-white:after,
#SortedLoginForm_LoginForm_Tab .outbound-white.action:not(#SortedLoginForm_LoginForm_action_logout):after,
button.outbound-white[type=submit]:after,
input.outbound-white[type=submit]:not(#SortedLoginForm_LoginForm_action_logout):after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3rem;
  position: relative;
  top: -2px;
  width: 14px;
  height: 14px;
  background-image: url(../scripts/eed3caaa13b6619cd48e.svg);
  background-size: cover;
}
.mfa-verify-select-method__method a.outbound:after,
.mfa-verify-select-method__back.outbound:after,
.driver-popover-prev-btn.outbound:after,
.driver-popover-next-btn.outbound:after,
.btn.outbound:after,
.swal2-styled.outbound:after,
.button.outbound:after,
#SortedLoginForm_LoginForm_Tab .outbound.action:not(#SortedLoginForm_LoginForm_action_logout):after,
button.outbound[type=submit]:after,
input.outbound[type=submit]:not(#SortedLoginForm_LoginForm_action_logout):after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3rem;
  position: relative;
  top: -2px;
  width: 14px;
  height: 14px;
  background-image: url(../scripts/eed3caaa13b6619cd48e.svg);
  background-size: cover;
}

#SortedLoginForm_LoginForm_Tab .action:not(#SortedLoginForm_LoginForm_action_logout),
button[type=submit],
input[type=submit]:not(#SortedLoginForm_LoginForm_action_logout) {
  margin-top: 2rem;
}

#SortedLoginForm_LoginForm_action_logout {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  border: none;
  background: transparent;
  font-size: 1.6rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
#SortedLoginForm_LoginForm_action_logout:hover, #SortedLoginForm_LoginForm_action_logout:active, #SortedLoginForm_LoginForm_action_logout:focus {
  color: #f0610f;
  cursor: pointer;
}

.MemberLoginPage #ForgotPassword a,
.arrow-link {
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.MemberLoginPage #ForgotPassword a:after,
.arrow-link:after {
  content: "";
  position: relative;
  display: inline-block;
  background-image: url(../scripts/8126cb141c9cedce97b7.svg);
  background-size: cover;
  width: 18px;
  height: 15px;
  margin-left: 1rem;
  top: 2px;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.MemberLoginPage #ForgotPassword a:hover:after,
.arrow-link:hover:after {
  transform: translateX(0.2rem);
}

.arrow-link--small:after {
  top: 1px;
  width: 13.5px;
  height: 11.25px;
  margin-left: 0.5rem;
}

.MemberLoginPage #ForgotPassword a:after,
.colour--orange.arrow-link:after,
.colour--orange .arrow-link:after {
  background-image: url(../scripts/bc7877cffc4e183f0c25.svg);
}

.arrow-link-reverse {
  position: relative;
  cursor: pointer;
}
.arrow-link-reverse:before {
  content: "";
  position: relative;
  display: inline-block;
  background-image: url(../scripts/3aab3fd02b2afec98b3a.svg);
  background-size: cover;
  width: 18px;
  height: 15px;
  margin-right: 1rem;
  top: 2px;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.arrow-link-reverse:hover:before {
  transform: translateX(-0.2rem);
}

.colour--orange.arrow-link-reverse:before,
.colour--orange .arrow-link-reverse:before {
  background-image: url(../scripts/8936ea311afade7b33f3.svg);
}

.colour--black.arrow-link-reverse:before,
.colour--black .arrow-link-reverse:before {
  background-image: url(../scripts/d10206eec3bcca1a58d4.svg);
}

.colour--black.arrow-link:after,
.colour--black .arrow-link:after {
  background-image: url(../scripts/e1f654ce833bac09669f.svg);
}

.colour--orange .chevron-link:after {
  background-image: url(../scripts/5cd544a702d2c10b47ad.svg);
}

.arrow-link-alt-white,
.arrow-link-alt {
  position: relative;
  display: inline-block;
  font-weight: 500;
  font-size: 1.6rem;
}
.arrow-link-alt-white:after,
.arrow-link-alt:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url(../scripts/bc7877cffc4e183f0c25.svg);
  background-size: cover;
  width: 14px;
  height: 12px;
  margin-left: 0.5rem;
  top: 50%;
  margin-top: -0.5rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}
.arrow-link-alt-white:hover:after,
.arrow-link-alt:hover:after {
  opacity: 1;
  transform: translateX(0.2rem);
}

.arrow-link-alt-white:after {
  background-image: url(../scripts/8126cb141c9cedce97b7.svg);
}

a.underlined {
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}

a.no-underline {
  text-decoration: none !important;
}

.chevron-link {
  position: relative;
  display: inline-block;
  padding-right: 1.4em;
  text-decoration: none;
  color: inherit;
}
.chevron-link:hover:after, .chevron-link:focus:after {
  opacity: 1;
  transform: translateY(-50%) rotate(45deg);
}
.chevron-link:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: inherit;
  width: 0.6em;
  height: 0.6em;
  border-top: 0.2rem solid currentColor;
  border-right: 0.2rem solid currentColor;
  color: inherit;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateY(-50%) rotate(45deg);
}

.button--with-loader {
  position: relative;
}

html #body #SortedLoginForm_LoginForm_Tab .button--with-loader.loading,
html #body .button--with-loader.loading {
  --size: 18px;
  --stroke-width: calc(var(--size) / 8);
  --accent-opacity: 0.15;
  --animation-timing-function: linear;
  --animation-duration: 1s;
  color: transparent !important;
  pointer-events: none;
}
html #body #SortedLoginForm_LoginForm_Tab .button--with-loader.loading:before, html #body #SortedLoginForm_LoginForm_Tab .button--with-loader.loading:after,
html #body .button--with-loader.loading:before,
html #body .button--with-loader.loading:after {
  content: "";
  position: absolute;
  inset: 0;
  border-width: var(--stroke-width);
  border-style: solid;
  border-radius: 50%;
  width: var(--size);
  height: var(--size);
  transform: rotate(0deg);
  animation: var(--animation-timing-function) var(--animation-duration) infinite circle-spin-2-animation;
  left: 50%;
  top: 50%;
  margin-left: calc(var(--size) / -2);
  margin-top: calc(var(--size) / -2);
}
html #body #SortedLoginForm_LoginForm_Tab .button--with-loader.loading:before,
html #body .button--with-loader.loading:before {
  border-color: white white white transparent;
  opacity: var(--accent-opacity);
}
html #body #SortedLoginForm_LoginForm_Tab .button--with-loader.loading:after,
html #body .button--with-loader.loading:after {
  border-color: transparent transparent transparent white;
}
@keyframes circle-spin-2-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.button--with-loader.loaded {
  color: transparent !important;
  position: relative;
  pointer-events: none;
}
.button--with-loader.loaded::after {
  position: absolute;
  top: 50%;
  right: 0%;
  display: block;
  color: white;
  content: "Saved";
  text-align: center;
  width: 100%;
  transform: translateY(-50%);
}

.budget__expenses__list__prioritise.loading p {
  color: transparent !important;
}
.budget__expenses__list__prioritise.loading img {
  opacity: 0 !important;
}
.budget__expenses__list__prioritise.loading:before, .budget__expenses__list__prioritise.loading:after {
  margin-top: calc(var(--size) / -1.1);
}

.budget__expenses__list__prioritise.loaded p {
  color: transparent !important;
}
.budget__expenses__list__prioritise.loaded img {
  opacity: 0 !important;
}
.budget__expenses__list__prioritise.loaded:after {
  content: "Reorgansied";
  font-weight: 500;
  font-size: 1.4rem;
  transform: translateY(-85%);
}

.js-goal-share-add.loaded:after {
  content: "Added";
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Footer
------------------------------------------------------------------*/
.Toast\\Tools\\Pages\\BudgetingToolPage .sign-up,
.Toast\\Tools\\Pages\\BudgetingToolPage .money-month-footer,
.Toast\\Tools\\Pages\\BudgetingToolPage .footer,
.Toast\\Tools\\Pages\\GoalPlannerPage .sign-up,
.Toast\\Tools\\Pages\\GoalPlannerPage .money-month-footer,
.Toast\\Tools\\Pages\\GoalPlannerPage .footer {
  display: none !important;
}

#body .footer {
  width: calc(100% - 4rem);
  margin: 4rem auto;
  background: #222222;
  border-radius: 1.5rem;
  padding: 4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (max-width: 1023px) {
  #body .footer {
    padding: 2rem;
  }
}
#body .footer__search {
  width: 100%;
  position: relative;
  margin-bottom: 3rem;
}
#body .footer__search label {
  position: absolute;
  left: -10000rem;
  color: #ffffff !important;
}
#body .footer__search input[type=text] {
  background: #f0610f;
  border: 0;
  border-radius: 1.5rem;
  color: #ffffff;
  font-size: 4rem;
  width: 100%;
  display: block;
  outline: 0;
  padding: 1.5rem 2.5rem !important;
}
#body .footer__search input[type=text]::-webkit-input-placeholder {
  color: white;
  opacity: 1;
}
#body .footer__search input[type=text]:-moz-placeholder {
  color: white;
  opacity: 1;
}
#body .footer__search input[type=text]::-moz-placeholder {
  color: white;
  opacity: 1;
}
#body .footer__search input[type=text]:-ms-input-placeholder {
  color: white;
  opacity: 1;
}
@media only screen and (max-width: 539px) {
  #body .footer__search input[type=text] {
    font-size: 1.6rem;
  }
}
#body .footer__search input[type=text]:focus {
  outline-offset: 2px;
  outline: 2px solid #d46397;
}
#body .footer__search button {
  position: absolute;
  right: 1rem;
  top: -1.8rem;
  bottom: 0;
  width: 8rem;
  cursor: pointer;
  border: 0;
  background: transparent;
  border-radius: 1.5rem;
  padding: 0;
  margin: 0;
}
#body .footer__search button:focus {
  outline-offset: 2px;
  outline: 2px solid #d46397;
}
#body .footer__search button:hover {
  box-shadow: none;
}
#body .footer__search button span {
  width: 47px;
  margin: 0 auto;
  height: 37px;
  display: block;
  font-size: 0;
  background-image: url(../scripts/237eb78c4272ae5ee007.svg);
  background-size: cover;
  font-size: 1.6rem;
  color: #f0610f;
}
@media only screen and (max-width: 539px) {
  #body .footer__search button span {
    width: 24px;
    height: 19px;
  }
}
#body .footer__parents {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1023px) {
  #body .footer__parents {
    width: 100%;
    margin-bottom: 2rem;
  }
}
#body .footer__parents a {
  width: 50%;
  display: block;
}
@media only screen and (max-width: 479px) {
  #body .footer__parents a {
    width: 100%;
    margin-top: 2rem;
  }
}
#body .footer__copyright {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1023px) {
  #body .footer__copyright {
    justify-content: flex-start;
  }
}
#body .footer__copyright p {
  margin: 0;
  margin-right: 1rem;
}
#body .footer__copyright img {
  display: block;
}
#body .footer__logo {
  width: 15rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 539px) {
  #body .footer__logo {
    width: 100%;
  }
}
#body .footer__social {
  width: calc(100% - 15rem);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 539px) {
  #body .footer__social {
    width: 100%;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 539px) {
  #body .footer__social p {
    width: 100%;
  }
}
#body .footer__social a {
  margin-left: 1rem;
  border-radius: 0.8rem;
}
#body .footer__social a img {
  display: block;
}
#body .footer__social a:focus {
  outline-offset: 2px;
  outline: 2px solid #d46397;
}
@media only screen and (max-width: 539px) {
  #body .footer__social a {
    margin: 0.5rem 1rem 1rem 0;
  }
}
#body .footer__columns {
  width: 100%;
  border-top: 1px solid #8b8b8b;
  border-bottom: 1px solid #8b8b8b;
  padding: 1rem 0 3rem;
  margin: 1rem auto 4rem;
  display: flex;
  flex-wrap: wrap;
}
#body .footer__column {
  width: 20%;
  padding-right: 2rem;
}
@media only screen and (max-width: 1299px) {
  #body .footer__column {
    width: 25%;
  }
}
@media only screen and (max-width: 1023px) {
  #body .footer__column {
    width: 50%;
    padding-right: 0rem;
  }
}
@media only screen and (max-width: 539px) {
  #body .footer__column {
    width: 100%;
  }
}
#body .footer__column h6 {
  margin-top: 2rem;
  line-height: 1.8;
}
#body .footer__column a {
  display: block;
  line-height: 1.8;
}

.pre-footer {
  width: calc(100% - 4rem);
  margin: 4rem auto -6rem;
  background: #393939;
  border-radius: 1.5rem 1.5rem 0 0;
  padding: 4rem 4rem 8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (max-width: 1023px) {
  .pre-footer {
    padding: 2rem 2rem 6rem;
  }
}
.pre-footer__wrap {
  display: flex;
  flex-wrap: wrap;
}
.pre-footer__copy {
  margin-top: auto;
  margin-bottom: 0;
}
.pre-footer__left {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  padding-right: 4rem;
}
@media only screen and (max-width: 1279px) {
  .pre-footer__left {
    width: 100%;
    padding-right: 0;
  }
}
.pre-footer__right {
  width: 50%;
  padding-left: 4rem;
}
@media only screen and (max-width: 1279px) {
  .pre-footer__right {
    width: 100%;
    padding-left: 0;
    margin-top: 4rem;
  }
}
.pre-footer__partners {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 479px) {
  .pre-footer__partners {
    justify-content: center;
  }
}
.pre-footer__partners p {
  margin-right: 2rem;
  margin-bottom: 0;
}
@media only screen and (min-width: 1280px) {
  .pre-footer__partners p {
    margin-right: auto;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .pre-footer__partners p {
    width: 100%;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 479px) {
  .pre-footer__partners p {
    text-align: center;
    margin-top: 1rem;
  }
}
.pre-footer__partners a {
  display: inline-block;
  margin: 0 1rem;
}
@media only screen and (max-width: 767px) {
  .pre-footer__partners a {
    margin: 0 1rem 0 0;
  }
}
@media only screen and (max-width: 479px) {
  .pre-footer__partners a {
    margin: 0 0 3rem 0;
    width: 100%;
    text-align: center;
  }
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Styles
------------------------------------------------------------------*/
.skip-links {
  z-index: 9999999;
  position: fixed;
  top: 0;
  left: 0;
}
.skip-links__item {
  position: absolute;
  z-index: 9999999;
  top: 0;
  left: 0;
  z-index: 999;
  padding: 1rem 2rem;
  width: max-content;
  border: 0;
  border-bottom-right-radius: 3px;
  background: white;
  text-decoration: none;
  opacity: 0;
  transform: translateY(-100%);
  color: #f0610f;
  transition: transform 100ms ease-out, background 100ms linear;
}
.skip-links__item:hover {
  text-decoration: underline;
}
.skip-links__item:focus {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.header {
  width: calc(100% - 4rem);
  position: absolute;
  position: fixed;
  top: 2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999999;
  height: 10rem;
  display: block;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 1023px) {
  .header {
    height: 7rem;
  }
}
@media only screen and (max-width: 639px) {
  .header {
    width: calc(100% - 20px);
  }
}
.header.minimal {
  background: transparent !important;
  box-shadow: none !important;
}
.header.minimal .header__burger span {
  background: #f0610f !important;
}
.header.minimal .header__background,
.header.minimal .header__action--search,
.header.minimal .header__menu {
  display: none;
}
.header.minimal .header__logo {
  filter: invert(0) brightness(1) !important;
}
.header.minimal a.header__action--button {
  background: transparent !important;
  color: #f0610f !important;
  border: 1px solid #f0610f !important;
}
.header.minimal a.header__action--button:hover {
  background: #f0610f !important;
  color: #ffffff !important;
}
.header__background {
  position: absolute;
  right: 12%;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 767px) {
  .header__background {
    overflow: hidden;
    left: 0;
    right: 0;
    border-radius: 1.5rem;
  }
}
.header__background img {
  display: block;
  height: 10rem;
  width: auto;
}
@media only screen and (max-width: 1023px) {
  .header__background img {
    height: 7rem;
  }
}
@media only screen and (max-width: 767px) {
  .header__background img {
    height: 7rem;
    width: auto;
    max-width: none;
  }
}
.header.inverse {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ff0540 0%, #f0610f 35%, #f0610f 80%, #f79e5c 100%);
}
.header.inverse .header__action--button {
  background: #ffffff !important;
  color: #f0610f !important;
}
.header.inverse .header__burger span {
  background: #ffffff;
}
.header.inverse .header__logo {
  filter: invert(1) brightness(100);
}
.header.inverse .header__background {
  opacity: 1;
}
.header.inverse .header__action,
.header.inverse .header__menu a,
.header.inverse .header__menu button {
  color: #ffffff;
}
.header.inverse .header__action.section, .header.inverse .header__action.current,
.header.inverse .header__menu a.section,
.header.inverse .header__menu a.current,
.header.inverse .header__menu button.section,
.header.inverse .header__menu button.current {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.8rem;
}
.header.inverse .header__action img,
.header.inverse .header__menu a img,
.header.inverse .header__menu button img {
  filter: none;
}
.header.inverse .header__action--button {
  background: #ffffff !important;
  color: #f0610f !important;
}
.header.nav-up {
  transform: translateY(-2rem);
  opacity: 0;
  pointer-events: none;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ff0540 0%, #f0610f 35%, #f0610f 80%, #f79e5c 100%);
}
.header.nav-up:after {
  opacity: 1;
}
.header.nav-up ~ .migration-banner {
  transform: translateY(-2rem);
  opacity: 0;
  pointer-events: none;
}
.header.static, .header.nav-down {
  position: fixed;
  transform: translateY(0);
  opacity: 1;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ff0540 0%, #f0610f 35%, #f0610f 80%, #f79e5c 100%);
  box-shadow: -1px 4px 74px -16px rgba(0, 0, 0, 0.15);
}
.header.static ~ .migration-banner, .header.nav-down ~ .migration-banner {
  transform: translateY(0);
  opacity: 1;
}
.header.static .header-nav__item__link, .header.nav-down .header-nav__item__link {
  -webkit-text-fill-color: transparent !important;
}
.header.static {
  position: absolute;
}
.header__push {
  height: 10rem;
}
.header__logo {
  margin: 0 3rem;
}
@media only screen and (max-width: 767px) {
  .header__logo {
    width: 80px;
    height: auto;
    margin: 0 20px;
  }
}
@media only screen and (max-width: 539px) {
  .header__logo {
    margin-right: -10px;
    width: 70px;
  }
}
.header__logo a {
  display: block;
}
.header__menu {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1023px) {
  .header__menu.inactive {
    opacity: 0 !important;
  }
}
@media only screen and (max-width: 1023px) {
  .header__menu {
    display: none;
  }
  .header__menu button,
  .header__menu a {
    font-size: 2rem;
  }
}
.header__menu button {
  border: 0;
  background: transparent;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  cursor: pointer;
}
.header__menu button,
.header__menu a {
  line-height: 1.5;
  display: block;
  padding: 1.5rem 1.8rem;
  font-size: 1.8rem;
}
@media only screen and (max-width: 1099px) {
  .header__menu button,
  .header__menu a {
    padding: 1.5rem 1.2rem;
  }
}
.header__menu button.section, .header__menu button.current,
.header__menu a.section,
.header__menu a.current {
  color: #f0610f;
}
.header__actions {
  margin: 0 30px 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
@media only screen and (max-width: 1023px) {
  .header__actions {
    margin: 0 10px 0 auto;
    align-items: center;
  }
}
@media only screen and (max-width: 479px) {
  .header__actions {
    margin: 0 0 0 auto;
    height: 55.5px;
  }
}
.header__action {
  display: block;
  padding: 15px 10px;
  position: relative;
  perspective: 300px;
}
@media only screen and (max-width: 1279px) {
  .header__action--search span {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .header__action {
    font-size: 14px;
    padding: 1.5rem 4px;
  }
}
.header__action:hover .header__list {
  opacity: 1 !important;
  transform: translateX(-50%) rotateX(0deg) !important;
  visibility: visible;
}
.header__action img {
  position: relative;
  top: 0.4rem;
  margin-left: 0.5rem;
  filter: invert(1) brightness(0);
}
.header__action--button {
  padding: 15px 35px;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ff0540 0%, #f0610f 100%);
  border-radius: 0.8rem;
  margin: 0 1rem 0 2rem;
}
@media only screen and (max-width: 767px) {
  .header__action--button {
    padding: 1rem 3rem;
  }
}
@media only screen and (max-width: 479px) {
  .header__action--button {
    padding: 10px 19px;
    margin: 0 0 0 4px;
  }
}
.header__burger {
  display: none;
  position: relative;
  z-index: 3;
  padding: 1.5rem 0 1.5rem 10px;
  padding: 0;
  margin-right: 10px;
  cursor: pointer;
  border: 0;
  background: transparent;
}
.header__burger:focus {
  outline-offset: 8px;
  border-radius: 0.3rem;
}
@media only screen and (max-width: 1023px) {
  .header__burger {
    display: block;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .header__burger {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .header__burger {
    padding: 1.5rem 0;
    margin-left: 8px;
  }
}
.header__burger:hover span:nth-of-type(1) {
  transform: translate(0rem, -0.1rem);
}
.header__burger:hover span:nth-of-type(3) {
  transform: translate(0rem, 0.1rem);
}
.header__burger span {
  display: block;
  width: 30px;
  height: 3px;
  background: #000000;
  margin-bottom: 5px;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  border-radius: 10000rem;
}
.header__burger span:first-of-type {
  margin-top: 0.5rem;
}
@media only screen and (max-width: 479px) {
  .header__burger span {
    width: 22px;
  }
}
.header__list {
  position: absolute;
  top: 100%;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
  border-radius: 0.8rem;
  position: absolute;
  width: 100%;
  left: 50%;
  margin-top: 0.5rem;
  padding: 0.5rem 0;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.24);
  will-change: transform;
  transform: translateX(-50%) rotateX(-40deg);
  transform-origin: 50% 0%;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
  visibility: hidden;
}
.header__list a {
  font-size: 14px;
  display: block;
  padding: 0.5rem 2rem;
  color: white !important;
}
@media screen and (max-width: 768px) {
  .header__list a {
    text-align: center;
  }
}

/*------------------------------------------------------------------
Search
------------------------------------------------------------------*/
.search-busy .search-overlay {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}

.search-overlay {
  z-index: 99998898;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(237, 237, 246, 0.8);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.search-overlay .loader {
  display: block;
  top: 50%;
  margin-top: -4rem;
  border-width: 3px;
  width: 8rem;
  height: 8rem;
  border-top: 0.24rem solid rgba(255, 255, 255, 0.6);
  border-right: 0.24rem solid rgba(255, 255, 255, 0.6);
  border-bottom: 0.24rem solid rgba(255, 255, 255, 0.6);
}

.search {
  position: fixed;
  left: 2rem;
  right: 2rem;
  z-index: 99999;
  transform: translateY(-2rem);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 50%);
  border-radius: 0.8rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  top: 13rem;
}
@media only screen and (max-width: 1023px) {
  .search {
    top: 10rem;
  }
}
.search .field {
  margin: 0 !important;
}
.search .field .text {
  padding: 2rem 3rem !important;
  font-size: 3rem;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  background: transparent;
  border: 0;
  color: #ffffff;
  border: 0;
  outline: none;
  box-shadow: none !important;
}
.search .field .text::-webkit-input-placeholder {
  opacity: 0.5;
  color: #ffffff;
}
.search .field .text:-moz-placeholder {
  opacity: 0.5;
  color: #ffffff;
}
.search .field .text::-moz-placeholder {
  opacity: 0.5;
  color: #ffffff;
}
.search .field .text:-ms-input-placeholder {
  opacity: 0.5;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .search .field .text {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 479px) {
  .search .field .text {
    font-size: 14px;
    padding: 2rem 2rem !important;
  }
}
.search .action:not(#SortedLoginForm_LoginForm_action_logout),
.search .action {
  background-color: transparent;
  background-image: url(../scripts/e569b5fa23d2bca136b5.svg);
  background-size: contain;
  position: absolute;
  right: 2rem;
  top: 0;
  font-size: 0;
  padding: 0;
  width: 5rem;
  height: 5rem;
  border: 0;
  border-radius: 0;
}
@media only screen and (max-width: 767px) {
  .search .action:not(#SortedLoginForm_LoginForm_action_logout),
  .search .action {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.search .action:not(#SortedLoginForm_LoginForm_action_logout):hover, .search .action:not(#SortedLoginForm_LoginForm_action_logout):active, .search .action:not(#SortedLoginForm_LoginForm_action_logout):focus,
.search .action:hover,
.search .action:active,
.search .action:focus {
  box-shadow: none;
}

/*------------------------------------------------------------------
Mega menu
------------------------------------------------------------------*/
.js-dashboard-trigger.active,
.js-show-mega.active {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.8rem;
}

.js-dashboard-trigger:hover,
.js-show-mega:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  border-radius: 0.8rem !important;
}

.header.transparent:not(.inverse) .js-dashboard-trigger:hover,
.header.transparent:not(.inverse) .js-show-mega:hover {
  background: rgba(255, 255, 255, 0.15) !important;
}

.mega {
  position: fixed;
  top: 10rem;
  left: 2rem;
  right: 2rem;
  z-index: 99999;
  transform: translateY(-2rem);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mega .tag {
  font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
  .mega .tag {
    font-size: 14px;
  }
}
.mega.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.mega__menu {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  position: absolute;
  padding: 6rem 2rem 4rem;
  border-radius: 0 0 1.5rem 1.5rem;
  background: #ededf6;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  align-items: flex-start;
}
@media only screen and (max-width: 1023px) {
  .mega__menu {
    padding-top: 8rem;
    padding-bottom: 8rem;
    max-height: calc(100vh - 16rem);
    overflow: auto;
  }
  .mega__menu::-webkit-scrollbar-track {
    background-color: #ededf6;
  }
  .mega__menu::-webkit-scrollbar {
    width: 2px;
    background-color: #ededf6;
  }
  .mega__menu::-webkit-scrollbar-thumb {
    background-color: #f0610f;
    border: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .mega__menu[data-menu=blog] {
    padding-bottom: 4rem;
  }
}
.mega__menu--guides {
  padding: 0;
  align-items: initial;
}
.mega__menu .mega__article,
.mega__menu .mega__column,
.mega__menu .mega__tool,
.mega__menu .mega__number,
.mega__menu .mega__button {
  transform-style: preserve-3d;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateY(0.5rem);
  opacity: 0;
  visibility: hidden;
}
.mega__menu .mega__article:nth-of-type(1),
.mega__menu .mega__column:nth-of-type(1),
.mega__menu .mega__tool:nth-of-type(1),
.mega__menu .mega__number:nth-of-type(1),
.mega__menu .mega__button:nth-of-type(1) {
  transition-delay: 25ms;
}
.mega__menu .mega__article:nth-of-type(2),
.mega__menu .mega__column:nth-of-type(2),
.mega__menu .mega__tool:nth-of-type(2),
.mega__menu .mega__number:nth-of-type(2),
.mega__menu .mega__button:nth-of-type(2) {
  transition-delay: 50ms;
}
.mega__menu .mega__article:nth-of-type(3),
.mega__menu .mega__column:nth-of-type(3),
.mega__menu .mega__tool:nth-of-type(3),
.mega__menu .mega__number:nth-of-type(3),
.mega__menu .mega__button:nth-of-type(3) {
  transition-delay: 75ms;
}
.mega__menu .mega__article:nth-of-type(4),
.mega__menu .mega__column:nth-of-type(4),
.mega__menu .mega__tool:nth-of-type(4),
.mega__menu .mega__number:nth-of-type(4),
.mega__menu .mega__button:nth-of-type(4) {
  transition-delay: 100ms;
}
.mega__menu .mega__article:nth-of-type(5),
.mega__menu .mega__column:nth-of-type(5),
.mega__menu .mega__tool:nth-of-type(5),
.mega__menu .mega__number:nth-of-type(5),
.mega__menu .mega__button:nth-of-type(5) {
  transition-delay: 125ms;
}
.mega__menu .mega__article:nth-of-type(6),
.mega__menu .mega__column:nth-of-type(6),
.mega__menu .mega__tool:nth-of-type(6),
.mega__menu .mega__number:nth-of-type(6),
.mega__menu .mega__button:nth-of-type(6) {
  transition-delay: 150ms;
}
.mega__menu .mega__article:nth-of-type(7),
.mega__menu .mega__column:nth-of-type(7),
.mega__menu .mega__tool:nth-of-type(7),
.mega__menu .mega__number:nth-of-type(7),
.mega__menu .mega__button:nth-of-type(7) {
  transition-delay: 175ms;
}
.mega__menu .mega__article:nth-of-type(8),
.mega__menu .mega__column:nth-of-type(8),
.mega__menu .mega__tool:nth-of-type(8),
.mega__menu .mega__number:nth-of-type(8),
.mega__menu .mega__button:nth-of-type(8) {
  transition-delay: 200ms;
}
.mega__menu .mega__article:nth-of-type(9),
.mega__menu .mega__column:nth-of-type(9),
.mega__menu .mega__tool:nth-of-type(9),
.mega__menu .mega__number:nth-of-type(9),
.mega__menu .mega__button:nth-of-type(9) {
  transition-delay: 225ms;
}
.mega__menu .mega__article:nth-of-type(10),
.mega__menu .mega__column:nth-of-type(10),
.mega__menu .mega__tool:nth-of-type(10),
.mega__menu .mega__number:nth-of-type(10),
.mega__menu .mega__button:nth-of-type(10) {
  transition-delay: 250ms;
}
.mega__menu .mega__article:nth-of-type(11),
.mega__menu .mega__column:nth-of-type(11),
.mega__menu .mega__tool:nth-of-type(11),
.mega__menu .mega__number:nth-of-type(11),
.mega__menu .mega__button:nth-of-type(11) {
  transition-delay: 275ms;
}
.mega__menu .mega__article:nth-of-type(12),
.mega__menu .mega__column:nth-of-type(12),
.mega__menu .mega__tool:nth-of-type(12),
.mega__menu .mega__number:nth-of-type(12),
.mega__menu .mega__button:nth-of-type(12) {
  transition-delay: 300ms;
}
@media only screen and (min-width: 968px) {
  .mega__menu .mega__article .arrow-link-alt,
  .mega__menu .mega__article .arrow-link-alt-white,
  .mega__menu .mega__column .arrow-link-alt,
  .mega__menu .mega__column .arrow-link-alt-white,
  .mega__menu .mega__tool .arrow-link-alt,
  .mega__menu .mega__tool .arrow-link-alt-white,
  .mega__menu .mega__number .arrow-link-alt,
  .mega__menu .mega__number .arrow-link-alt-white,
  .mega__menu .mega__button .arrow-link-alt,
  .mega__menu .mega__button .arrow-link-alt-white {
    font-size: 2rem;
  }
}
.mega__menu .mega__article .arrow-link-alt:after,
.mega__menu .mega__article .arrow-link-alt-white:after,
.mega__menu .mega__column .arrow-link-alt:after,
.mega__menu .mega__column .arrow-link-alt-white:after,
.mega__menu .mega__tool .arrow-link-alt:after,
.mega__menu .mega__tool .arrow-link-alt-white:after,
.mega__menu .mega__number .arrow-link-alt:after,
.mega__menu .mega__number .arrow-link-alt-white:after,
.mega__menu .mega__button .arrow-link-alt:after,
.mega__menu .mega__button .arrow-link-alt-white:after {
  position: relative;
  display: none;
}
.mega__menu.active {
  opacity: 1;
  visibility: visible;
}
.mega__menu.active .mega__article,
.mega__menu.active .mega__column,
.mega__menu.active .mega__tool,
.mega__menu.active .mega__number,
.mega__menu.active .mega__button {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.mega__back {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .mega__back {
    position: absolute;
    display: block;
    top: 2rem;
    left: 2rem;
  }
  .mega__back a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .mega__back a img {
    margin-right: 1rem;
  }
}
.mega__all {
  position: absolute;
  bottom: 0;
  left: 2rem;
}
@media only screen and (max-width: 1023px) {
  .mega__all--blog {
    position: static;
  }
}
@media only screen and (max-width: 1023px) {
  .mega__all--guides {
    position: static;
    background: white;
    width: 100%;
    margin: 0;
    padding: 2rem;
    margin-top: -1rem;
  }
}
.mega__thumbnail {
  width: 34rem;
  border-radius: 1.5rem;
  margin-right: 1rem;
  margin-bottom: 2rem;
  position: relative;
}
.mega__thumbnail__copy {
  padding: 2rem 2rem 3rem;
  border-radius: 1.5rem;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.mega__thumbnail__image {
  position: relative;
}
.mega__thumbnail__image:after {
  content: "";
  position: relative;
  display: block;
  padding-bottom: 35.8974358974%;
}
.mega__thumbnail__image {
  margin: -2rem 0 2rem;
}
.mega__thumbnail__image img {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.5rem;
}
.mega__column {
  padding: 0 2rem;
}
.mega__column .arrow-link-alt.current {
  color: #f0610f;
}
@media only screen and (max-width: 1023px) {
  .mega__column {
    padding: 0;
  }
  .mega__column .arrow-link-alt:after {
    display: none;
  }
}
.mega__column a {
  padding: 0.4rem 0;
  display: block;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mega__column a:hover {
  color: #f0610f;
}
.mega__column--third {
  width: calc(33.33333% - 13rem);
}
.mega__column--quarter {
  width: calc(26% - 13rem);
}
@media only screen and (max-width: 1279px) {
  .mega__column--quarter {
    width: 33.33333%;
  }
}
@media only screen and (max-width: 967px) {
  .mega__column--quarter {
    width: 50%;
  }
}
.mega__numbers {
  width: calc(100% - 35rem);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 0 2rem;
}
@media only screen and (max-width: 1023px) {
  .mega__numbers {
    width: 100%;
    padding: 0;
  }
}
.mega__number {
  width: 50%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2rem;
  order: 9;
}
@media only screen and (max-width: 767px) {
  .mega__number {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .mega__number[data-id="1"] {
    order: 1;
  }
  .mega__number[data-id="4"] {
    order: 2;
  }
  .mega__number[data-id="2"] {
    order: 3;
  }
  .mega__number[data-id="5"] {
    order: 4;
  }
}
.mega__number span:first-of-type {
  width: 5rem;
  height: 5rem;
  border: 2px solid #f0610f;
  border-radius: 0.8rem;
  margin-right: 1.5rem;
  display: inline-block;
  color: #f0610f;
  text-align: center;
  line-height: 4.6rem;
  margin-bottom: 0;
}
.mega__number span:last-of-type {
  position: relative;
  line-height: 1.2;
  width: calc(100% - 7rem);
}
.mega__number:hover span:first-of-type {
  background: #f0610f;
  color: #ffffff;
}
.mega__number:hover .arrow-link-alt {
  color: #f0610f;
}
.mega__number:hover .arrow-link-alt:after {
  opacity: 1;
  transform: translateX(0.2rem);
}
.mega__buttons {
  width: calc(100% - 35rem);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 0 2rem;
}
@media only screen and (max-width: 1023px) {
  .mega__buttons {
    width: 100%;
    padding: 0;
  }
}
.mega__button {
  width: calc(25% - 1.5rem);
  margin-right: 1.5rem;
  border-radius: 0.8rem;
  background: #ffffff;
  padding: 3.5rem 2rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 1023px) {
  .mega__button {
    width: calc(50% - 2rem);
    margin-right: 2rem;
  }
}
.mega__button > b {
  position: absolute;
  border: 2px solid #f0610f;
  border-radius: 0.6rem;
  font-size: 1rem;
  position: absolute;
  padding: 0 0.3rem;
  top: 0;
  right: 0;
  color: white;
  background-color: #f0610f;
  right: -0.5rem;
  top: -1rem;
}
.mega__button:hover {
  color: #ffffff;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.mega__button:hover span:after {
  opacity: 1;
  transform: translateX(0.2rem);
}
.mega__button--orange {
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mega__button--orange.current, .mega__button--orange:hover {
  background: #f0610f;
  color: #ffffff;
}
.mega__tools {
  width: calc(100% - 35rem);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 0 2rem;
}
@media only screen and (max-width: 1023px) {
  .mega__tools {
    width: 100%;
    padding: 0rem;
  }
  .mega__tools .arrow-link-alt:after {
    display: none;
  }
}
.mega__tool {
  width: 16.66667%;
  margin-bottom: 2rem;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .mega__tool {
    width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .mega__tool {
    width: 33.33333%;
  }
}
.mega__tool span:first-of-type {
  width: 6rem;
  height: 6rem;
  border: 2px solid #f0610f;
  border-radius: 0.8rem;
  text-align: center;
  display: block;
  margin-bottom: 1rem;
  position: relative;
}
.mega__tool span:first-of-type > b {
  position: absolute;
  border: 2px solid #f0610f;
  border-radius: 0.6rem;
  font-size: 1rem;
  position: absolute;
  padding: 0 0.3rem;
  top: 0;
  right: 0;
  color: white;
  background-color: #f0610f;
  right: -1rem;
  top: -1rem;
}
@media only screen and (max-width: 639px) {
  .mega__tool span:first-of-type {
    border: 1px solid #f0610f;
  }
}
.mega__tool span:first-of-type img {
  position: relative;
  display: block;
  margin: 0 auto;
}
.mega__tool span:last-of-type {
  position: relative;
  width: 100%;
  display: block;
  max-width: 10rem;
  line-height: 1.3;
  text-wrap: balance;
}
@media only screen and (max-width: 767px) {
  .mega__tool span:last-of-type {
    max-width: 8rem;
  }
}
.mega__tool:hover span:first-of-type {
  background: #f0610f;
  color: #ffffff;
}
.mega__tool:hover span:first-of-type img {
  filter: invert(1) brightness(100);
}
.mega__tool:hover span:after {
  opacity: 1;
  transform: translateX(0.2rem);
}
@media only screen and (max-width: 479px) {
  .mega__tool:hover span:after {
    top: unset;
  }
}
@media only screen and (max-width: 479px) {
  .mega__tool {
    width: 50%;
    display: flex;
    gap: 1rem;
  }
  .mega__tool span {
    font-size: 14px;
  }
  .mega__tool span:first-of-type {
    flex-shrink: 0;
    width: 3.5rem;
    height: 3.5rem;
  }
}
.mega__articles {
  width: calc(100% - 35rem);
  width: 100%;
  padding-left: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  gap: 1rem;
}
@media only screen and (max-width: 1023px) {
  .mega__articles {
    width: 100%;
    padding-left: 0;
  }
}
.mega__articles__header {
  width: 100%;
}
.mega__article {
  width: calc(20% - 1rem);
  border-radius: 1.5rem;
  background: #ffffff;
  padding: 2rem 2rem 0;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
  padding-bottom: 13.5%;
}
@media only screen and (max-width: 1023px) {
  .mega__article {
    width: calc(33.3333% - 1rem);
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 967px) {
  .mega__article {
    width: calc(50% - 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .mega__article {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    padding: 0 !important;
    min-height: 16rem;
  }
  .mega__article:nth-of-type(n + 4) {
    display: none;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .mega__article {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .mega__article__content {
    padding: 2rem;
    grid-column: 1/3;
  }
  .mega__article__content .copy-3 b {
    font-size: 1.4rem !important;
  }
}
.mega__article__image {
  position: relative;
}
.mega__article__image:after {
  content: "";
  position: relative;
  display: block;
  padding-bottom: 66.295264624%;
}
.mega__article__image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 1023px) {
  .mega__article__image {
    position: relative;
  }
  .mega__article__image:after {
    content: "";
    position: relative;
    display: block;
    padding-bottom: 66.295264624%;
  }
}
@media only screen and (max-width: 767px) {
  .mega__article__image {
    grid-column: 3/-1;
    grid-row: 1/3;
    position: relative;
  }
  .mega__article__image:after {
    content: "";
    position: relative;
    display: block;
    padding-bottom: 100%;
  }
  .mega__article__image img {
    border-radius: 1.5rem;
  }
}
.mega__article__image img {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.5rem 1.5rem 0 0;
}
@media only screen and (max-width: 1023px) {
  .mega__article__image img {
    border-radius: 1.5rem;
  }
}
.mega__article:hover h6 {
  color: #f0610f;
}
.mega__article-link {
  width: calc(20% - 1rem);
  border-radius: 1.5rem;
  padding: 2rem 4rem 0;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mega__article-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  z-index: 1;
}
.mega__article-link:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
  z-index: 2;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mega__article-link--purple:before {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
}
.mega__article-link--purple:after {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.mega__article-link:hover:after {
  opacity: 1;
}
.mega__article-link__content {
  z-index: 3;
  position: relative;
  color: #ffffff;
  width: 100%;
}
.mega__article-link img {
  margin-left: 0.6rem;
}
@media only screen and (max-width: 1023px) {
  .mega__article-link {
    width: 100%;
  }
}
@media only screen and (max-width: 967px) {
  .mega__article-link {
    width: calc(50% - 1rem);
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.mega__guide-link:hover, .mega__guide-link:active, .mega__guide-link:focus {
  text-decoration: underline;
}
.mega__guide-link p {
  font-size: 1.8rem;
}
.mega__guides-mobile {
  display: none;
  padding: 7rem 0 2rem;
  width: 100%;
  background: #ffffff;
  border-radius: 0 0 1.5rem 1.5rem;
}
@media only screen and (max-width: 1023px) {
  .mega__guides-mobile {
    display: block;
  }
}
.mega__guides-mobile__subnav {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
  background-color: #ededf6;
  padding: 0 2rem;
}
.mega__guides-mobile__subnav.active {
  display: block;
}
.mega__guides-mobile .mega__guide .mega__guide__wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  width: 100%;
  padding-right: 2rem;
}
.mega__guides-mobile .mega__guide__toggle {
  margin-left: auto;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mega__guides-mobile .mega__guide__toggle img {
  transform: rotate(270deg);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mega__guides-mobile .mega__guide span {
  margin-left: 2rem;
}
.mega__guides-mobile .mega__guide.active a {
  color: #f0610f;
}
.mega__guides-mobile .mega__guide.active .mega__guide__toggle img {
  transform: rotate(90deg);
}
.mega__guides-mobile .mega__guide.active .mega__guides-mobile__subnav {
  max-height: 60rem;
  opacity: 1;
  margin-top: 2rem;
  padding: 2rem;
  overflow: auto;
}
.mega__guides-mobile .mega__guide.active .mega__guides-mobile__subnav .mega__guide-link p {
  color: #000000;
}
.mega__guides {
  width: 33.33333333%;
  background: #ffffff;
  padding: 5rem 2rem 5rem;
  border-radius: 0 0 0 1.5rem;
}
.mega__guides .arrow-link-alt:after,
.mega__guides .arrow-link-alt-white:after {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .mega__guides {
    border-radius: 1.5rem 0 0 0;
    width: 100%;
    display: none;
  }
}
.mega__divider {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .mega__divider {
    display: none;
  }
}
.mega__guide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1rem;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .mega__guide {
    display: inline-block;
    padding-right: 1rem;
  }
  .mega__guide span,
  .mega__guide p {
    vertical-align: middle;
  }
}
.mega__guide.active span, .mega__guide:hover span {
  background: #f0610f;
}
.mega__guide.active span img, .mega__guide:hover span img {
  filter: invert(1) brightness(100);
}
.mega__guide.active p, .mega__guide:hover p {
  color: #f0610f;
}
.mega__guide.active p:after, .mega__guide:hover p:after {
  opacity: 1;
  transform: translateX(0.2rem);
}
.mega__guide p {
  position: relative;
  font-size: 2rem;
}
.mega__guide span {
  width: 4rem;
  height: 4rem;
  border: 2px solid #f0610f;
  border-radius: 0.8rem;
  margin-right: 1.5rem;
  display: inline-block;
  color: #f0610f;
  text-align: center;
  line-height: 4.6rem;
}
@media only screen and (max-width: 639px) {
  .mega__guide span {
    border: 1px solid #f0610f;
  }
}
.mega__guide-items {
  width: 33.33333333%;
  padding: 10rem 2rem 3rem;
}
@media only screen and (max-width: 1023px) {
  .mega__guide-items {
    width: 50%;
    display: none;
  }
}
.mega__guide-item {
  display: none;
  max-height: 38rem;
  overflow: auto;
  padding: 3px;
}
.mega__guide-item::-webkit-scrollbar-track {
  background-color: #ededf6;
}
.mega__guide-item::-webkit-scrollbar {
  width: 2px;
  background-color: #ededf6;
}
.mega__guide-item::-webkit-scrollbar-thumb {
  background-color: #f0610f;
  border: 0;
}
.mega__guide-item.active {
  display: block;
}
.mega__videos {
  width: 33.33333333%;
  padding: 6rem 2rem 3rem;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  border-radius: 0 0 1.5rem 1.5rem;
}
.mega__videos a:hover, .mega__videos a:active, .mega__videos a:focus {
  text-decoration: underline;
}
@media only screen and (max-width: 1023px) {
  .mega__videos {
    width: 100%;
    display: none;
  }
}
.mega__videos .mega__thumbnail__copy {
  background: #ffffff;
}
.mega__videos .mega__thumbnail__image {
  position: relative;
}
.mega__videos .mega__thumbnail__image:after {
  content: "";
  position: relative;
  display: block;
  padding-bottom: 56.25%;
}
.mega__videos .mega__thumbnail__image {
  display: block;
}
.mega__videos .mega__thumbnail__image:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../scripts/53876415dd1449c724f0.svg);
  background-size: cover;
  width: 50px;
  height: 50px;
  z-index: 333;
}

.Toast\\MemberLoginPage .header .header__action--button,
.Toast\\MemberRegisterPage .header .header__action--button,
.SignUpCampaignPage .header .header__action--button,
.EditProfilePage .header .header__action--button,
.Toast\\MoneyWellbeingPage .header .header__action--button,
.search-pane-active .header .header__action--button,
.mobile-navigation-active .header .header__action--button,
.ToolBudgetCalculatorPage .header .header__action--button,
.NetWorthCalculator .header .header__action--button,
.Toast\\DashboardPage .header .header__action--button,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header .header__action--button,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header .header__action--button,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header .header__action--button,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header .header__action--button,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header .header__action--button,
.Toast\\Tools\\Pages\\PersonalityResultPage .header .header__action--button,
.Toast\\Tools\\Pages\\BudgetingToolPage .header .header__action--button,
.Toast\\Tools\\Pages\\GoalPlannerPage .header .header__action--button,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header .header__action--button,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header .header__action--button,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header .header__action--button,
.GlossaryPage .header .header__action--button,
.SortedBlogPost .header .header__action--button,
.BufferAppPage .header .header__action--button,
.BufferPage .header .header__action--button,
.Toast\\Page .header .header__action--button,
.Toast\\EventPage .header .header__action--button,
.MustReads .header .header__action--button,
.Toast\\MoneyWeekLandingPage .header .header__action--button,
.Toast\\SearchResultsPage .header .header__action--button,
.Toast\\EventHolderPage .header .header__action--button {
  background: #ffffff !important;
  color: #f0610f !important;
}
.Toast\\MemberLoginPage .header .header__logo,
.Toast\\MemberRegisterPage .header .header__logo,
.SignUpCampaignPage .header .header__logo,
.EditProfilePage .header .header__logo,
.Toast\\MoneyWellbeingPage .header .header__logo,
.search-pane-active .header .header__logo,
.mobile-navigation-active .header .header__logo,
.ToolBudgetCalculatorPage .header .header__logo,
.NetWorthCalculator .header .header__logo,
.Toast\\DashboardPage .header .header__logo,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header .header__logo,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header .header__logo,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header .header__logo,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header .header__logo,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header .header__logo,
.Toast\\Tools\\Pages\\PersonalityResultPage .header .header__logo,
.Toast\\Tools\\Pages\\BudgetingToolPage .header .header__logo,
.Toast\\Tools\\Pages\\GoalPlannerPage .header .header__logo,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header .header__logo,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header .header__logo,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header .header__logo,
.GlossaryPage .header .header__logo,
.SortedBlogPost .header .header__logo,
.BufferAppPage .header .header__logo,
.BufferPage .header .header__logo,
.Toast\\Page .header .header__logo,
.Toast\\EventPage .header .header__logo,
.MustReads .header .header__logo,
.Toast\\MoneyWeekLandingPage .header .header__logo,
.Toast\\SearchResultsPage .header .header__logo,
.Toast\\EventHolderPage .header .header__logo {
  filter: invert(1) brightness(100);
}
.Toast\\MemberLoginPage .header .header__burger span,
.Toast\\MemberRegisterPage .header .header__burger span,
.SignUpCampaignPage .header .header__burger span,
.EditProfilePage .header .header__burger span,
.Toast\\MoneyWellbeingPage .header .header__burger span,
.search-pane-active .header .header__burger span,
.mobile-navigation-active .header .header__burger span,
.ToolBudgetCalculatorPage .header .header__burger span,
.NetWorthCalculator .header .header__burger span,
.Toast\\DashboardPage .header .header__burger span,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header .header__burger span,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header .header__burger span,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header .header__burger span,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header .header__burger span,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header .header__burger span,
.Toast\\Tools\\Pages\\PersonalityResultPage .header .header__burger span,
.Toast\\Tools\\Pages\\BudgetingToolPage .header .header__burger span,
.Toast\\Tools\\Pages\\GoalPlannerPage .header .header__burger span,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header .header__burger span,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header .header__burger span,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header .header__burger span,
.GlossaryPage .header .header__burger span,
.SortedBlogPost .header .header__burger span,
.BufferAppPage .header .header__burger span,
.BufferPage .header .header__burger span,
.Toast\\Page .header .header__burger span,
.Toast\\EventPage .header .header__burger span,
.MustReads .header .header__burger span,
.Toast\\MoneyWeekLandingPage .header .header__burger span,
.Toast\\SearchResultsPage .header .header__burger span,
.Toast\\EventHolderPage .header .header__burger span {
  background: #ffffff;
}
.Toast\\MemberLoginPage .header .header__action,
.Toast\\MemberLoginPage .header .header__menu a,
.Toast\\MemberLoginPage .header .header__menu button,
.Toast\\MemberRegisterPage .header .header__action,
.Toast\\MemberRegisterPage .header .header__menu a,
.Toast\\MemberRegisterPage .header .header__menu button,
.SignUpCampaignPage .header .header__action,
.SignUpCampaignPage .header .header__menu a,
.SignUpCampaignPage .header .header__menu button,
.EditProfilePage .header .header__action,
.EditProfilePage .header .header__menu a,
.EditProfilePage .header .header__menu button,
.Toast\\MoneyWellbeingPage .header .header__action,
.Toast\\MoneyWellbeingPage .header .header__menu a,
.Toast\\MoneyWellbeingPage .header .header__menu button,
.search-pane-active .header .header__action,
.search-pane-active .header .header__menu a,
.search-pane-active .header .header__menu button,
.mobile-navigation-active .header .header__action,
.mobile-navigation-active .header .header__menu a,
.mobile-navigation-active .header .header__menu button,
.ToolBudgetCalculatorPage .header .header__action,
.ToolBudgetCalculatorPage .header .header__menu a,
.ToolBudgetCalculatorPage .header .header__menu button,
.NetWorthCalculator .header .header__action,
.NetWorthCalculator .header .header__menu a,
.NetWorthCalculator .header .header__menu button,
.Toast\\DashboardPage .header .header__action,
.Toast\\DashboardPage .header .header__menu a,
.Toast\\DashboardPage .header .header__menu button,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header .header__action,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header .header__menu a,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header .header__menu button,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header .header__action,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header .header__menu a,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header .header__menu button,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header .header__action,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header .header__menu a,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header .header__menu button,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header .header__action,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header .header__menu a,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header .header__menu button,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header .header__action,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header .header__menu a,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header .header__menu button,
.Toast\\Tools\\Pages\\PersonalityResultPage .header .header__action,
.Toast\\Tools\\Pages\\PersonalityResultPage .header .header__menu a,
.Toast\\Tools\\Pages\\PersonalityResultPage .header .header__menu button,
.Toast\\Tools\\Pages\\BudgetingToolPage .header .header__action,
.Toast\\Tools\\Pages\\BudgetingToolPage .header .header__menu a,
.Toast\\Tools\\Pages\\BudgetingToolPage .header .header__menu button,
.Toast\\Tools\\Pages\\GoalPlannerPage .header .header__action,
.Toast\\Tools\\Pages\\GoalPlannerPage .header .header__menu a,
.Toast\\Tools\\Pages\\GoalPlannerPage .header .header__menu button,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header .header__action,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header .header__menu a,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header .header__menu button,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header .header__action,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header .header__menu a,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header .header__menu button,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header .header__action,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header .header__menu a,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header .header__menu button,
.GlossaryPage .header .header__action,
.GlossaryPage .header .header__menu a,
.GlossaryPage .header .header__menu button,
.SortedBlogPost .header .header__action,
.SortedBlogPost .header .header__menu a,
.SortedBlogPost .header .header__menu button,
.BufferAppPage .header .header__action,
.BufferAppPage .header .header__menu a,
.BufferAppPage .header .header__menu button,
.BufferPage .header .header__action,
.BufferPage .header .header__menu a,
.BufferPage .header .header__menu button,
.Toast\\Page .header .header__action,
.Toast\\Page .header .header__menu a,
.Toast\\Page .header .header__menu button,
.Toast\\EventPage .header .header__action,
.Toast\\EventPage .header .header__menu a,
.Toast\\EventPage .header .header__menu button,
.MustReads .header .header__action,
.MustReads .header .header__menu a,
.MustReads .header .header__menu button,
.Toast\\MoneyWeekLandingPage .header .header__action,
.Toast\\MoneyWeekLandingPage .header .header__menu a,
.Toast\\MoneyWeekLandingPage .header .header__menu button,
.Toast\\SearchResultsPage .header .header__action,
.Toast\\SearchResultsPage .header .header__menu a,
.Toast\\SearchResultsPage .header .header__menu button,
.Toast\\EventHolderPage .header .header__action,
.Toast\\EventHolderPage .header .header__menu a,
.Toast\\EventHolderPage .header .header__menu button {
  color: #ffffff;
}
.Toast\\MemberLoginPage .header .header__action.section, .Toast\\MemberLoginPage .header .header__action.current,
.Toast\\MemberLoginPage .header .header__menu a.section,
.Toast\\MemberLoginPage .header .header__menu a.current,
.Toast\\MemberLoginPage .header .header__menu button.section,
.Toast\\MemberLoginPage .header .header__menu button.current,
.Toast\\MemberRegisterPage .header .header__action.section,
.Toast\\MemberRegisterPage .header .header__action.current,
.Toast\\MemberRegisterPage .header .header__menu a.section,
.Toast\\MemberRegisterPage .header .header__menu a.current,
.Toast\\MemberRegisterPage .header .header__menu button.section,
.Toast\\MemberRegisterPage .header .header__menu button.current,
.SignUpCampaignPage .header .header__action.section,
.SignUpCampaignPage .header .header__action.current,
.SignUpCampaignPage .header .header__menu a.section,
.SignUpCampaignPage .header .header__menu a.current,
.SignUpCampaignPage .header .header__menu button.section,
.SignUpCampaignPage .header .header__menu button.current,
.EditProfilePage .header .header__action.section,
.EditProfilePage .header .header__action.current,
.EditProfilePage .header .header__menu a.section,
.EditProfilePage .header .header__menu a.current,
.EditProfilePage .header .header__menu button.section,
.EditProfilePage .header .header__menu button.current,
.Toast\\MoneyWellbeingPage .header .header__action.section,
.Toast\\MoneyWellbeingPage .header .header__action.current,
.Toast\\MoneyWellbeingPage .header .header__menu a.section,
.Toast\\MoneyWellbeingPage .header .header__menu a.current,
.Toast\\MoneyWellbeingPage .header .header__menu button.section,
.Toast\\MoneyWellbeingPage .header .header__menu button.current,
.search-pane-active .header .header__action.section,
.search-pane-active .header .header__action.current,
.search-pane-active .header .header__menu a.section,
.search-pane-active .header .header__menu a.current,
.search-pane-active .header .header__menu button.section,
.search-pane-active .header .header__menu button.current,
.mobile-navigation-active .header .header__action.section,
.mobile-navigation-active .header .header__action.current,
.mobile-navigation-active .header .header__menu a.section,
.mobile-navigation-active .header .header__menu a.current,
.mobile-navigation-active .header .header__menu button.section,
.mobile-navigation-active .header .header__menu button.current,
.ToolBudgetCalculatorPage .header .header__action.section,
.ToolBudgetCalculatorPage .header .header__action.current,
.ToolBudgetCalculatorPage .header .header__menu a.section,
.ToolBudgetCalculatorPage .header .header__menu a.current,
.ToolBudgetCalculatorPage .header .header__menu button.section,
.ToolBudgetCalculatorPage .header .header__menu button.current,
.NetWorthCalculator .header .header__action.section,
.NetWorthCalculator .header .header__action.current,
.NetWorthCalculator .header .header__menu a.section,
.NetWorthCalculator .header .header__menu a.current,
.NetWorthCalculator .header .header__menu button.section,
.NetWorthCalculator .header .header__menu button.current,
.Toast\\DashboardPage .header .header__action.section,
.Toast\\DashboardPage .header .header__action.current,
.Toast\\DashboardPage .header .header__menu a.section,
.Toast\\DashboardPage .header .header__menu a.current,
.Toast\\DashboardPage .header .header__menu button.section,
.Toast\\DashboardPage .header .header__menu button.current,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header .header__action.section,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header .header__action.current,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header .header__menu a.section,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header .header__menu a.current,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header .header__menu button.section,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header .header__menu button.current,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header .header__action.section,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header .header__action.current,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header .header__menu a.section,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header .header__menu a.current,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header .header__menu button.section,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header .header__menu button.current,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header .header__action.section,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header .header__action.current,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header .header__menu a.section,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header .header__menu a.current,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header .header__menu button.section,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header .header__menu button.current,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header .header__action.section,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header .header__action.current,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header .header__menu a.section,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header .header__menu a.current,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header .header__menu button.section,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header .header__menu button.current,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header .header__action.section,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header .header__action.current,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header .header__menu a.section,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header .header__menu a.current,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header .header__menu button.section,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header .header__menu button.current,
.Toast\\Tools\\Pages\\PersonalityResultPage .header .header__action.section,
.Toast\\Tools\\Pages\\PersonalityResultPage .header .header__action.current,
.Toast\\Tools\\Pages\\PersonalityResultPage .header .header__menu a.section,
.Toast\\Tools\\Pages\\PersonalityResultPage .header .header__menu a.current,
.Toast\\Tools\\Pages\\PersonalityResultPage .header .header__menu button.section,
.Toast\\Tools\\Pages\\PersonalityResultPage .header .header__menu button.current,
.Toast\\Tools\\Pages\\BudgetingToolPage .header .header__action.section,
.Toast\\Tools\\Pages\\BudgetingToolPage .header .header__action.current,
.Toast\\Tools\\Pages\\BudgetingToolPage .header .header__menu a.section,
.Toast\\Tools\\Pages\\BudgetingToolPage .header .header__menu a.current,
.Toast\\Tools\\Pages\\BudgetingToolPage .header .header__menu button.section,
.Toast\\Tools\\Pages\\BudgetingToolPage .header .header__menu button.current,
.Toast\\Tools\\Pages\\GoalPlannerPage .header .header__action.section,
.Toast\\Tools\\Pages\\GoalPlannerPage .header .header__action.current,
.Toast\\Tools\\Pages\\GoalPlannerPage .header .header__menu a.section,
.Toast\\Tools\\Pages\\GoalPlannerPage .header .header__menu a.current,
.Toast\\Tools\\Pages\\GoalPlannerPage .header .header__menu button.section,
.Toast\\Tools\\Pages\\GoalPlannerPage .header .header__menu button.current,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header .header__action.section,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header .header__action.current,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header .header__menu a.section,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header .header__menu a.current,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header .header__menu button.section,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header .header__menu button.current,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header .header__action.section,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header .header__action.current,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header .header__menu a.section,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header .header__menu a.current,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header .header__menu button.section,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header .header__menu button.current,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header .header__action.section,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header .header__action.current,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header .header__menu a.section,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header .header__menu a.current,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header .header__menu button.section,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header .header__menu button.current,
.GlossaryPage .header .header__action.section,
.GlossaryPage .header .header__action.current,
.GlossaryPage .header .header__menu a.section,
.GlossaryPage .header .header__menu a.current,
.GlossaryPage .header .header__menu button.section,
.GlossaryPage .header .header__menu button.current,
.SortedBlogPost .header .header__action.section,
.SortedBlogPost .header .header__action.current,
.SortedBlogPost .header .header__menu a.section,
.SortedBlogPost .header .header__menu a.current,
.SortedBlogPost .header .header__menu button.section,
.SortedBlogPost .header .header__menu button.current,
.BufferAppPage .header .header__action.section,
.BufferAppPage .header .header__action.current,
.BufferAppPage .header .header__menu a.section,
.BufferAppPage .header .header__menu a.current,
.BufferAppPage .header .header__menu button.section,
.BufferAppPage .header .header__menu button.current,
.BufferPage .header .header__action.section,
.BufferPage .header .header__action.current,
.BufferPage .header .header__menu a.section,
.BufferPage .header .header__menu a.current,
.BufferPage .header .header__menu button.section,
.BufferPage .header .header__menu button.current,
.Toast\\Page .header .header__action.section,
.Toast\\Page .header .header__action.current,
.Toast\\Page .header .header__menu a.section,
.Toast\\Page .header .header__menu a.current,
.Toast\\Page .header .header__menu button.section,
.Toast\\Page .header .header__menu button.current,
.Toast\\EventPage .header .header__action.section,
.Toast\\EventPage .header .header__action.current,
.Toast\\EventPage .header .header__menu a.section,
.Toast\\EventPage .header .header__menu a.current,
.Toast\\EventPage .header .header__menu button.section,
.Toast\\EventPage .header .header__menu button.current,
.MustReads .header .header__action.section,
.MustReads .header .header__action.current,
.MustReads .header .header__menu a.section,
.MustReads .header .header__menu a.current,
.MustReads .header .header__menu button.section,
.MustReads .header .header__menu button.current,
.Toast\\MoneyWeekLandingPage .header .header__action.section,
.Toast\\MoneyWeekLandingPage .header .header__action.current,
.Toast\\MoneyWeekLandingPage .header .header__menu a.section,
.Toast\\MoneyWeekLandingPage .header .header__menu a.current,
.Toast\\MoneyWeekLandingPage .header .header__menu button.section,
.Toast\\MoneyWeekLandingPage .header .header__menu button.current,
.Toast\\SearchResultsPage .header .header__action.section,
.Toast\\SearchResultsPage .header .header__action.current,
.Toast\\SearchResultsPage .header .header__menu a.section,
.Toast\\SearchResultsPage .header .header__menu a.current,
.Toast\\SearchResultsPage .header .header__menu button.section,
.Toast\\SearchResultsPage .header .header__menu button.current,
.Toast\\EventHolderPage .header .header__action.section,
.Toast\\EventHolderPage .header .header__action.current,
.Toast\\EventHolderPage .header .header__menu a.section,
.Toast\\EventHolderPage .header .header__menu a.current,
.Toast\\EventHolderPage .header .header__menu button.section,
.Toast\\EventHolderPage .header .header__menu button.current {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.8rem;
}
.Toast\\MemberLoginPage .header .header__action img,
.Toast\\MemberLoginPage .header .header__menu a img,
.Toast\\MemberLoginPage .header .header__menu button img,
.Toast\\MemberRegisterPage .header .header__action img,
.Toast\\MemberRegisterPage .header .header__menu a img,
.Toast\\MemberRegisterPage .header .header__menu button img,
.SignUpCampaignPage .header .header__action img,
.SignUpCampaignPage .header .header__menu a img,
.SignUpCampaignPage .header .header__menu button img,
.EditProfilePage .header .header__action img,
.EditProfilePage .header .header__menu a img,
.EditProfilePage .header .header__menu button img,
.Toast\\MoneyWellbeingPage .header .header__action img,
.Toast\\MoneyWellbeingPage .header .header__menu a img,
.Toast\\MoneyWellbeingPage .header .header__menu button img,
.search-pane-active .header .header__action img,
.search-pane-active .header .header__menu a img,
.search-pane-active .header .header__menu button img,
.mobile-navigation-active .header .header__action img,
.mobile-navigation-active .header .header__menu a img,
.mobile-navigation-active .header .header__menu button img,
.ToolBudgetCalculatorPage .header .header__action img,
.ToolBudgetCalculatorPage .header .header__menu a img,
.ToolBudgetCalculatorPage .header .header__menu button img,
.NetWorthCalculator .header .header__action img,
.NetWorthCalculator .header .header__menu a img,
.NetWorthCalculator .header .header__menu button img,
.Toast\\DashboardPage .header .header__action img,
.Toast\\DashboardPage .header .header__menu a img,
.Toast\\DashboardPage .header .header__menu button img,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header .header__action img,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header .header__menu a img,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header .header__menu button img,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header .header__action img,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header .header__menu a img,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header .header__menu button img,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header .header__action img,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header .header__menu a img,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header .header__menu button img,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header .header__action img,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header .header__menu a img,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header .header__menu button img,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header .header__action img,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header .header__menu a img,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header .header__menu button img,
.Toast\\Tools\\Pages\\PersonalityResultPage .header .header__action img,
.Toast\\Tools\\Pages\\PersonalityResultPage .header .header__menu a img,
.Toast\\Tools\\Pages\\PersonalityResultPage .header .header__menu button img,
.Toast\\Tools\\Pages\\BudgetingToolPage .header .header__action img,
.Toast\\Tools\\Pages\\BudgetingToolPage .header .header__menu a img,
.Toast\\Tools\\Pages\\BudgetingToolPage .header .header__menu button img,
.Toast\\Tools\\Pages\\GoalPlannerPage .header .header__action img,
.Toast\\Tools\\Pages\\GoalPlannerPage .header .header__menu a img,
.Toast\\Tools\\Pages\\GoalPlannerPage .header .header__menu button img,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header .header__action img,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header .header__menu a img,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header .header__menu button img,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header .header__action img,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header .header__menu a img,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header .header__menu button img,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header .header__action img,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header .header__menu a img,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header .header__menu button img,
.GlossaryPage .header .header__action img,
.GlossaryPage .header .header__menu a img,
.GlossaryPage .header .header__menu button img,
.SortedBlogPost .header .header__action img,
.SortedBlogPost .header .header__menu a img,
.SortedBlogPost .header .header__menu button img,
.BufferAppPage .header .header__action img,
.BufferAppPage .header .header__menu a img,
.BufferAppPage .header .header__menu button img,
.BufferPage .header .header__action img,
.BufferPage .header .header__menu a img,
.BufferPage .header .header__menu button img,
.Toast\\Page .header .header__action img,
.Toast\\Page .header .header__menu a img,
.Toast\\Page .header .header__menu button img,
.Toast\\EventPage .header .header__action img,
.Toast\\EventPage .header .header__menu a img,
.Toast\\EventPage .header .header__menu button img,
.MustReads .header .header__action img,
.MustReads .header .header__menu a img,
.MustReads .header .header__menu button img,
.Toast\\MoneyWeekLandingPage .header .header__action img,
.Toast\\MoneyWeekLandingPage .header .header__menu a img,
.Toast\\MoneyWeekLandingPage .header .header__menu button img,
.Toast\\SearchResultsPage .header .header__action img,
.Toast\\SearchResultsPage .header .header__menu a img,
.Toast\\SearchResultsPage .header .header__menu button img,
.Toast\\EventHolderPage .header .header__action img,
.Toast\\EventHolderPage .header .header__menu a img,
.Toast\\EventHolderPage .header .header__menu button img {
  filter: none;
}

#body .dark-text:not(.nav-down, .inverse) {
  background: transparent !important;
}
#body .dark-text:not(.nav-down, .inverse) .header__action--button {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ff0540 0%, #f0610f 100%) !important;
  color: #ffffff !important;
}
#body .dark-text:not(.nav-down, .inverse) .header__background {
  opacity: 0;
}
#body .dark-text:not(.nav-down, .inverse) .header__logo {
  filter: none;
}
#body .dark-text:not(.nav-down, .inverse) .header__burger span {
  background: black;
}
#body .dark-text:not(.nav-down, .inverse) .header__action,
#body .dark-text:not(.nav-down, .inverse) .header__menu a,
#body .dark-text:not(.nav-down, .inverse) .header__menu button {
  color: black;
}
#body .dark-text:not(.nav-down, .inverse) .header__action.section, #body .dark-text:not(.nav-down, .inverse) .header__action.current,
#body .dark-text:not(.nav-down, .inverse) .header__menu a.section,
#body .dark-text:not(.nav-down, .inverse) .header__menu a.current,
#body .dark-text:not(.nav-down, .inverse) .header__menu button.section,
#body .dark-text:not(.nav-down, .inverse) .header__menu button.current {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.8rem;
}
#body .dark-text:not(.nav-down, .inverse) .header__action img,
#body .dark-text:not(.nav-down, .inverse) .header__menu a img,
#body .dark-text:not(.nav-down, .inverse) .header__menu button img {
  filter: invert(1);
}

.Toast\\HomePage .header:not(.dark-text) .header__burger span {
  background: #ffffff;
}
.Toast\\HomePage .header:not(.dark-text) .header__logo {
  filter: invert(1) brightness(100);
}
.Toast\\HomePage .header:not(.dark-text) .header__action,
.Toast\\HomePage .header:not(.dark-text) .header__menu button,
.Toast\\HomePage .header:not(.dark-text) .header__menu a {
  color: #ffffff;
}
.Toast\\HomePage .header:not(.dark-text) .header__action img,
.Toast\\HomePage .header:not(.dark-text) .header__menu button img,
.Toast\\HomePage .header:not(.dark-text) .header__menu a img {
  filter: none;
}
.Toast\\HomePage .header:not(.dark-text) .header__action--button {
  background: #ffffff !important;
  color: #f0610f !important;
}

.Toast\\MemberLoginPage .header:not(.dark-text):not(.transparent),
.Toast\\MemberRegisterPage .header:not(.dark-text):not(.transparent),
.banner-layout-container .header:not(.dark-text):not(.transparent),
.banner-hidden .header:not(.dark-text):not(.transparent),
.SignUpCampaignPage .header:not(.dark-text):not(.transparent),
.search-pane-active .header:not(.dark-text):not(.transparent),
.mobile-navigation-active .header:not(.dark-text):not(.transparent),
.ToolBudgetCalculatorPage .header:not(.dark-text):not(.transparent),
.Toast\\Tools\\Pages\\DebtCalculatorPage .header:not(.dark-text):not(.transparent),
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header:not(.dark-text):not(.transparent),
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header:not(.dark-text):not(.transparent),
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header:not(.dark-text):not(.transparent),
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header:not(.dark-text):not(.transparent),
.Toast\\Tools\\Pages\\PersonalityResultPage .header:not(.dark-text):not(.transparent),
.Toast\\Tools\\Pages\\BudgetingToolPage .header:not(.dark-text):not(.transparent),
.Toast\\Tools\\Pages\\GoalPlannerPage .header:not(.dark-text):not(.transparent),
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header:not(.dark-text):not(.transparent),
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header:not(.dark-text):not(.transparent),
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header:not(.dark-text):not(.transparent),
.Toast\\EventPage .header:not(.dark-text):not(.transparent),
.Toast\\SearchResultsPage .header:not(.dark-text):not(.transparent),
.SortedBlogPost .header:not(.dark-text):not(.transparent) {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ff0540 0%, #f0610f 35%, #f0610f 80%, #f79e5c 100%);
}
.Toast\\MemberLoginPage .header:not(.dark-text):not(.transparent) .header__background,
.Toast\\MemberRegisterPage .header:not(.dark-text):not(.transparent) .header__background,
.banner-layout-container .header:not(.dark-text):not(.transparent) .header__background,
.banner-hidden .header:not(.dark-text):not(.transparent) .header__background,
.SignUpCampaignPage .header:not(.dark-text):not(.transparent) .header__background,
.search-pane-active .header:not(.dark-text):not(.transparent) .header__background,
.mobile-navigation-active .header:not(.dark-text):not(.transparent) .header__background,
.ToolBudgetCalculatorPage .header:not(.dark-text):not(.transparent) .header__background,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header:not(.dark-text):not(.transparent) .header__background,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header:not(.dark-text):not(.transparent) .header__background,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header:not(.dark-text):not(.transparent) .header__background,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header:not(.dark-text):not(.transparent) .header__background,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header:not(.dark-text):not(.transparent) .header__background,
.Toast\\Tools\\Pages\\PersonalityResultPage .header:not(.dark-text):not(.transparent) .header__background,
.Toast\\Tools\\Pages\\BudgetingToolPage .header:not(.dark-text):not(.transparent) .header__background,
.Toast\\Tools\\Pages\\GoalPlannerPage .header:not(.dark-text):not(.transparent) .header__background,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header:not(.dark-text):not(.transparent) .header__background,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header:not(.dark-text):not(.transparent) .header__background,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header:not(.dark-text):not(.transparent) .header__background,
.Toast\\EventPage .header:not(.dark-text):not(.transparent) .header__background,
.Toast\\SearchResultsPage .header:not(.dark-text):not(.transparent) .header__background,
.SortedBlogPost .header:not(.dark-text):not(.transparent) .header__background {
  opacity: 1;
}
.Toast\\MemberLoginPage .header:not(.dark-text):not(.transparent) .header__action--button,
.Toast\\MemberRegisterPage .header:not(.dark-text):not(.transparent) .header__action--button,
.banner-layout-container .header:not(.dark-text):not(.transparent) .header__action--button,
.banner-hidden .header:not(.dark-text):not(.transparent) .header__action--button,
.SignUpCampaignPage .header:not(.dark-text):not(.transparent) .header__action--button,
.search-pane-active .header:not(.dark-text):not(.transparent) .header__action--button,
.mobile-navigation-active .header:not(.dark-text):not(.transparent) .header__action--button,
.ToolBudgetCalculatorPage .header:not(.dark-text):not(.transparent) .header__action--button,
.Toast\\Tools\\Pages\\DebtCalculatorPage .header:not(.dark-text):not(.transparent) .header__action--button,
.Toast\\Tools\\Pages\\SavingsCalculatorPage .header:not(.dark-text):not(.transparent) .header__action--button,
.Toast\\Tools\\Pages\\DecumulationCalculatorPage .header:not(.dark-text):not(.transparent) .header__action--button,
.Toast\\Tools\\Pages\\KiwisaverCalculatorPage .header:not(.dark-text):not(.transparent) .header__action--button,
.Toast\\Tools\\Pages\\InvestorKickstarterPage .header:not(.dark-text):not(.transparent) .header__action--button,
.Toast\\Tools\\Pages\\PersonalityResultPage .header:not(.dark-text):not(.transparent) .header__action--button,
.Toast\\Tools\\Pages\\BudgetingToolPage .header:not(.dark-text):not(.transparent) .header__action--button,
.Toast\\Tools\\Pages\\GoalPlannerPage .header:not(.dark-text):not(.transparent) .header__action--button,
.Toast\\Tools\\Pages\\MortgageCalculatorPage .header:not(.dark-text):not(.transparent) .header__action--button,
.Toast\\Tools\\Pages\\KiwisaverFeesCalculatorPage .header:not(.dark-text):not(.transparent) .header__action--button,
.Toast\\Tools\\Pages\\RetirementCalculatorPage .header:not(.dark-text):not(.transparent) .header__action--button,
.Toast\\EventPage .header:not(.dark-text):not(.transparent) .header__action--button,
.Toast\\SearchResultsPage .header:not(.dark-text):not(.transparent) .header__action--button,
.SortedBlogPost .header:not(.dark-text):not(.transparent) .header__action--button {
  background: #ffffff !important;
  color: #f0610f !important;
}

#body.mobile-navigation-active {
  overflow: hidden;
  position: relative;
  height: 100vh;
}
#body.mobile-navigation-active .header__burger span:nth-of-type(1) {
  transform: rotate(45deg) translate(0.55rem, 0.55rem) !important;
}
#body.mobile-navigation-active .header__burger span:nth-of-type(2) {
  opacity: 0;
  transform: scaleX(0);
}
#body.mobile-navigation-active .header__burger span:nth-of-type(3) {
  transform: rotate(-45deg) translate(0.55rem, -0.55rem) !important;
}
#body.mobile-navigation-active .mega__menu,
#body.mobile-navigation-active .mega {
  pointer-events: none;
}
#body.mobile-navigation-active .mega__menu.active {
  pointer-events: all;
}
#body.mobile-navigation-active .mega.active {
  pointer-events: all;
  z-index: 99999999;
}
#body.mobile-navigation-active .mega.active .mega__menu {
  border-radius: 1.5rem !important;
}
#body.mobile-navigation-active .mega.active .mega__thumbnail {
  display: none;
}
#body.mobile-navigation-active .mega.active .mega__article,
#body.mobile-navigation-active .mega.active .mega__column,
#body.mobile-navigation-active .mega.active .mega__tool,
#body.mobile-navigation-active .mega.active .mega__number,
#body.mobile-navigation-active .mega.active .mega__button {
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#body.mobile-navigation-active .header__menu {
  display: block;
  position: absolute;
  background: #ededf6;
  border-radius: 1.5rem;
  left: 0;
  right: 0;
  top: calc(100% + 1rem);
  box-shadow: -1px 4px 74px -16px rgba(0, 0, 0, 0.15);
  padding: 2rem 1rem;
}
#body.mobile-navigation-active .header__menu button,
#body.mobile-navigation-active .header__menu a {
  color: black;
}

.search-pane-active .search {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.SignUpCampaignPage .header__actions,
.SignUpCampaignPage .header__menu {
  display: none;
}

.notification-message {
  position: fixed;
  top: 10rem;
  z-index: 9999;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 50%);
  margin: 0 auto;
  border-radius: 0 0 1.5rem 1.5rem;
  width: calc(100% - 4rem);
  left: 0;
  right: 0;
  padding: 3rem 2rem 1rem;
  transition: all 0.11s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0;
}
.notification-message__close {
  vertical-align: middle;
  display: inline-block;
  border-bottom: 1px solid white;
}
.notification-message__close img {
  vertical-align: middle;
  display: inline-block;
  margin-left: 0.3rem;
  margin-top: -0.3rem;
}
@media only screen and (max-width: 1023px) {
  .notification-message {
    top: 7rem;
  }
}
@media only screen and (max-width: 639px) {
  .notification-message {
    width: calc(100% - 2rem);
  }
}
.notification-message p {
  font-size: 14px;
  text-align: center;
  line-height: 1.3;
}
@media only screen and (max-width: 639px) {
  .notification-message p {
    font-size: 1.2rem;
  }
}

.header ~ .notification-message {
  padding: 1rem 2rem 1rem 2rem;
  margin-top: 2rem;
  border-radius: 1.5rem;
  text-align: left;
}

.header ~ .notification-message .notification-message__close {
  top: 1rem;
}

.header.inverse ~ .notification-message {
  padding: 3rem 2rem 1rem 2rem;
  margin-top: 0;
  border-radius: 0 0 1.5rem 1.5rem;
}

.header.inverse ~ .notification-message .notification-message__close {
  top: 3rem;
}

.nav-up ~ .notification-message {
  transform: translateY(-2rem);
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  #body .mega__number span:first-of-type {
    line-height: 4.5rem !important;
  }
}
@media only screen and (max-width: 1279px) {
  .Toast\\DashboardPage .header__menu a,
  .Toast\\DashboardPage .header__menu button {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (max-width: 639px) {
  .Toast\\DashboardPage .header__actions {
    justify-content: flex-end;
  }
  .Toast\\DashboardPage .header__action--button {
    text-transform: capitalize;
  }
  .Toast\\DashboardPage .header__action--button span {
    display: none;
  }
}

.migration-banner {
  position: fixed;
  padding: 5rem 2rem 1rem;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
  top: 12rem;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 4rem);
  margin: -4rem auto 0;
  left: 0;
  right: 0;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 1023px) {
  .migration-banner {
    top: 9rem;
  }
}
@media only screen and (max-width: 629px) {
  .migration-banner {
    width: calc(100% - 2rem);
  }
}
.migration-banner__wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.migration-banner p {
  display: block;
  width: 100%;
  font-size: 14px;
}
.migration-banner__close {
  background: transparent;
  border: 0;
  cursor: pointer;
  position: absolute;
  right: 1rem;
  top: 1.3rem;
}

.migration-banner--dashboard {
  position: relative;
  top: 0 !important;
  padding: 2rem 2rem 2rem;
  max-width: 1340px;
  transform: translateY(0rem) !important;
  opacity: 1;
  margin-bottom: 2rem;
  width: calc(100% - 0rem);
}
@media only screen and (max-width: 767px) {
  .migration-banner--dashboard {
    margin-top: 0rem !important;
  }
}
@media only screen and (max-width: 629px) {
  .migration-banner--dashboard {
    width: calc(100% - 0rem);
  }
}
.migration-banner--dashboard p {
  padding: 0 4rem;
  font-size: 1.6rem;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Inputs
------------------------------------------------------------------*/
button,
input,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}
button[readonly],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  opacity: 0.5;
  border-color: #dbdbe8 !important;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

input[type=search]::-moz-search-clear {
  display: none;
}

.swal2-input,
.hs-form-field .hs-input,
.input-group input,
.mfa-verify-backup-codes__input,
#totp-code {
  margin: 0;
  position: relative;
  display: inline-block;
  padding: 1rem 1.5rem 0.8rem !important;
  width: 100%;
  line-height: 1.5;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c8c8da;
  border-radius: 0.8rem;
  transition: all 0.3s;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 1.6rem;
}
.swal2-input::-webkit-input-placeholder,
.hs-form-field .hs-input::-webkit-input-placeholder,
.input-group input::-webkit-input-placeholder,
.mfa-verify-backup-codes__input::-webkit-input-placeholder,
#totp-code::-webkit-input-placeholder {
  opacity: 1;
}
.swal2-input:-moz-placeholder,
.hs-form-field .hs-input:-moz-placeholder,
.input-group input:-moz-placeholder,
.mfa-verify-backup-codes__input:-moz-placeholder,
#totp-code:-moz-placeholder {
  opacity: 1;
}
.swal2-input::-moz-placeholder,
.hs-form-field .hs-input::-moz-placeholder,
.input-group input::-moz-placeholder,
.mfa-verify-backup-codes__input::-moz-placeholder,
#totp-code::-moz-placeholder {
  opacity: 1;
}
.swal2-input:-ms-input-placeholder,
.hs-form-field .hs-input:-ms-input-placeholder,
.input-group input:-ms-input-placeholder,
.mfa-verify-backup-codes__input:-ms-input-placeholder,
#totp-code:-ms-input-placeholder {
  opacity: 1;
}
.swal2-input:hover,
.hs-form-field .hs-input:hover,
.input-group input:hover,
.mfa-verify-backup-codes__input:hover,
#totp-code:hover {
  border-color: #f0610f;
}
.swal2-input:focus,
.hs-form-field .hs-input:focus,
.input-group input:focus,
.mfa-verify-backup-codes__input:focus,
#totp-code:focus {
  border-color: #f0610f;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(240, 97, 15, 0.2);
}

body .error .choices > .choices__inner,
body .error input {
  border-color: #ff0033 !important;
  outline: 0;
  border-radius: 0.8rem;
}

body .checkbox.error label {
  background: rgba(255, 0, 51, 0.2);
  border-radius: 0.6rem;
}

.register-page .fieldset,
form .fieldset {
  display: flex;
  gap: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .register-page .fieldset,
  form .fieldset {
    flex-direction: column;
  }
}
.register-page .field,
form .field {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 2rem;
}
.register-page .field .optionset,
.register-page .field legend,
.register-page .field label,
form .field .optionset,
form .field legend,
form .field label {
  margin: 1rem 0 0.5rem;
  display: block;
}
.register-page .field.half,
form .field.half {
  width: calc(50% - 1rem);
}
@media only screen and (max-width: 767px) {
  .register-page .field.half,
  form .field.half {
    width: 100%;
  }
}
.register-page .field.textarea textarea,
form .field.textarea textarea {
  margin: 0;
  position: relative;
  display: inline-block;
  padding: 1rem 1.5rem 0.8rem !important;
  width: 100%;
  line-height: 1.5;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c8c8da;
  border-radius: 0.8rem;
  transition: all 0.3s;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 1.6rem;
}
.register-page .field.textarea textarea::-webkit-input-placeholder,
form .field.textarea textarea::-webkit-input-placeholder {
  opacity: 1;
}
.register-page .field.textarea textarea:-moz-placeholder,
form .field.textarea textarea:-moz-placeholder {
  opacity: 1;
}
.register-page .field.textarea textarea::-moz-placeholder,
form .field.textarea textarea::-moz-placeholder {
  opacity: 1;
}
.register-page .field.textarea textarea:-ms-input-placeholder,
form .field.textarea textarea:-ms-input-placeholder {
  opacity: 1;
}
.register-page .field.textarea textarea:hover,
form .field.textarea textarea:hover {
  border-color: #f0610f;
}
.register-page .field.textarea textarea:focus,
form .field.textarea textarea:focus {
  border-color: #f0610f;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(240, 97, 15, 0.2);
}
.register-page .field.textarea textarea,
form .field.textarea textarea {
  min-height: 10rem;
  resize: none;
}
.register-page .field.text input,
form .field.text input {
  margin: 0;
  position: relative;
  display: inline-block;
  padding: 1rem 1.5rem 0.8rem !important;
  width: 100%;
  line-height: 1.5;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c8c8da;
  border-radius: 0.8rem;
  transition: all 0.3s;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 1.6rem;
}
.register-page .field.text input::-webkit-input-placeholder,
form .field.text input::-webkit-input-placeholder {
  opacity: 1;
}
.register-page .field.text input:-moz-placeholder,
form .field.text input:-moz-placeholder {
  opacity: 1;
}
.register-page .field.text input::-moz-placeholder,
form .field.text input::-moz-placeholder {
  opacity: 1;
}
.register-page .field.text input:-ms-input-placeholder,
form .field.text input:-ms-input-placeholder {
  opacity: 1;
}
.register-page .field.text input:hover,
form .field.text input:hover {
  border-color: #f0610f;
}
.register-page .field.text input:focus,
form .field.text input:focus {
  border-color: #f0610f;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(240, 97, 15, 0.2);
}
.register-page .field.number:has(> div.currency) input,
form .field.number:has(> div.currency) input {
  padding-left: 2.5rem !important;
}
.register-page .field.number input,
form .field.number input {
  margin: 0;
  position: relative;
  display: inline-block;
  padding: 1rem 1.5rem 0.8rem !important;
  width: 100%;
  line-height: 1.5;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c8c8da;
  border-radius: 0.8rem;
  transition: all 0.3s;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 1.6rem;
}
.register-page .field.number input::-webkit-input-placeholder,
form .field.number input::-webkit-input-placeholder {
  opacity: 1;
}
.register-page .field.number input:-moz-placeholder,
form .field.number input:-moz-placeholder {
  opacity: 1;
}
.register-page .field.number input::-moz-placeholder,
form .field.number input::-moz-placeholder {
  opacity: 1;
}
.register-page .field.number input:-ms-input-placeholder,
form .field.number input:-ms-input-placeholder {
  opacity: 1;
}
.register-page .field.number input:hover,
form .field.number input:hover {
  border-color: #f0610f;
}
.register-page .field.number input:focus,
form .field.number input:focus {
  border-color: #f0610f;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(240, 97, 15, 0.2);
}
.register-page .field.number input::-webkit-inner-spin-button,
form .field.number input::-webkit-inner-spin-button {
  opacity: 1;
}
.register-page .field.number .currency,
form .field.number .currency {
  position: relative;
}
.register-page .field.number .currency::after,
form .field.number .currency::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  content: "$";
  left: 1.5rem;
}
.register-page .field.dropdown select,
form .field.dropdown select {
  margin: 0;
  position: relative;
  display: inline-block;
  padding: 1rem 1.5rem 0.8rem !important;
  width: 100%;
  line-height: 1.5;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c8c8da;
  border-radius: 0.8rem;
  transition: all 0.3s;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 1.6rem;
}
.register-page .field.dropdown select::-webkit-input-placeholder,
form .field.dropdown select::-webkit-input-placeholder {
  opacity: 1;
}
.register-page .field.dropdown select:-moz-placeholder,
form .field.dropdown select:-moz-placeholder {
  opacity: 1;
}
.register-page .field.dropdown select::-moz-placeholder,
form .field.dropdown select::-moz-placeholder {
  opacity: 1;
}
.register-page .field.dropdown select:-ms-input-placeholder,
form .field.dropdown select:-ms-input-placeholder {
  opacity: 1;
}
.register-page .field.dropdown select:hover,
form .field.dropdown select:hover {
  border-color: #f0610f;
}
.register-page .field.dropdown select:focus,
form .field.dropdown select:focus {
  border-color: #f0610f;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(240, 97, 15, 0.2);
}
.register-page .field.dropdown select,
form .field.dropdown select {
  background-image: url("data:image/svg+xml; utf8, <svg width=\"16\" height=\"9\" viewBox=\"0 0 16 9\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.839 5.96L13.936.108a.399.399 0 01.553.007l1.07 1.047a.38.38 0 01.008.542L8.122 8.851a.365.365 0 01-.283.105.387.387 0 01-.284-.105L.111 1.704a.38.38 0 01.007-.542L1.188.115a.399.399 0 01.554-.007L7.839 5.96z\" fill=\"%23333\" fill-rule=\"evenodd\"/></svg>");
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) 50%;
}

/*------------------------------------------------------------------
Checkbox
------------------------------------------------------------------*/
input[type=checkbox] {
  opacity: 0;
  z-index: -1;
  position: absolute;
}
input[type=checkbox] + label {
  position: relative;
  padding-left: 3rem;
  user-select: none;
  cursor: pointer;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  color: #f0610f;
}
input[type=checkbox] + label:before {
  position: absolute;
  display: block;
  content: "";
  display: block;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 333ms ease;
  background: white;
  border: 1px solid #ededf6;
  width: 20px;
  height: 20px;
  border-radius: 0.4rem;
}
input[type=checkbox] + label:after {
  position: absolute;
  display: block;
  content: "";
  transform: rotate(43deg);
  width: 5px;
  height: 9px;
  border: 2px solid white;
  border-top: 0;
  border-left: 0;
  left: 9px;
  top: 50%;
  transition: all 333ms ease;
  margin-top: -1px;
  transform: translateY(-50%) rotate(20deg);
}
input[type=checkbox]:checked + label:before {
  background: #f0610f;
  border-color: #f0610f;
}
input[type=checkbox]:checked + label:after {
  transform: translateY(-50%) rotate(43deg);
}
input[type=checkbox]:focus + label {
  outline-offset: 4px;
  border-radius: 0.3rem;
}

/*------------------------------------------------------------------
Radio
------------------------------------------------------------------*/
input[type=radio] {
  opacity: 0;
  z-index: -1;
  position: absolute;
}
input[type=radio] + label {
  position: relative;
  padding-left: 3rem;
  user-select: none;
  cursor: pointer;
}
input[type=radio] + label:before {
  position: absolute;
  display: block;
  content: "";
  display: block;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 222ms ease;
  background: white;
  border: 1px solid #ededf6;
  width: 20px;
  height: 20px;
  border-radius: 2rem;
}
input[type=radio] + label:after {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  background: white;
  transition: all 222ms ease;
  border-radius: 2rem;
  transform: translateY(-50%) scale(0.9);
}
input[type=radio]:checked + label:before {
  background: #f0610f;
  border-color: #f0610f;
}
input[type=radio]:checked + label:after {
  transform: translateY(-50%) scale(0.5);
}

/*------------------------------------------------------------------
User form specifics
------------------------------------------------------------------*/
form .userformsstep,
form .userform-fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/*------------------------------------------------------------------
File field
------------------------------------------------------------------*/
.field.file .middleColumn {
  position: relative;
  border: 2px dashed #ededf6;
  border-radius: 0.4rem;
  height: 7rem;
}
.field.file .middleColumn input {
  position: absolute;
  width: 100%;
  top: 0;
  padding: 2rem 1rem;
  bottom: 0;
  line-height: 1;
  outline: none;
  margin: 0;
  cursor: pointer;
  transition: all 333ms ease;
}
.field.file .middleColumn input:hover {
  background: #f4f4f7;
}

.hs-error-msg,
.pristine-error {
  position: absolute;
  bottom: -1.8rem;
  right: 0.8rem;
  font-size: 1.1rem;
  color: #ff0033;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
}

.profile__form .pristine-error {
  right: auto;
  left: 0;
}

.pristine-error:after {
  display: none !important;
}

.hs-error-msg {
  bottom: -2.2rem;
}

.toggle {
  position: relative;
  display: inline-block;
  width: 100%;
}
.toggle input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  left: -1000rem;
}
.toggle input + label {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  padding-right: 6.7rem;
  padding-left: 0;
  display: inline-block;
  min-height: 3rem;
  width: 100%;
  font-size: 1.4rem;
  color: #2a2929;
  margin: 1.7rem 0 0.255rem;
  display: block;
  line-height: 1.9;
}
.toggle input + label:before {
  position: absolute;
  display: block;
  content: "";
  border: 1px solid #c8c8da;
  width: 4.5rem;
  background: #ededf6;
  height: 2.6rem;
  right: 0;
  top: 1.4rem;
  border-radius: 100rem;
  left: auto;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: background;
}
.toggle input + label:after {
  position: absolute;
  display: block;
  content: "";
  width: 2rem;
  height: 2rem;
  border-radius: 3.8rem;
  border: 1px solid #ffffff;
  top: 1.5rem;
  left: calc(100% - 4.1rem);
  background: #ffffff;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: left, border, width;
}
.toggle input:checked + label:before {
  border: 1px solid rgb(225.6, 91.18, 14.1);
  background: #f0610f;
}
.toggle input:checked + label:after {
  width: 2rem;
  background: #ffffff;
  border: 1px solid #ffffff;
  left: calc(100% - 2.4rem);
}

.message {
  float: none !important;
}

.message.good {
  padding: 1rem 2rem;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 50%);
  color: #ffffff;
  font-size: 1.4rem;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  border-radius: 0.8rem;
}

.hs-form-booleancheckbox,
.hs-form-checkbox {
  padding-left: 0;
}
.hs-form-booleancheckbox:marker,
.hs-form-checkbox:marker {
  display: none;
}
.hs-form-booleancheckbox:before,
.hs-form-checkbox:before {
  display: none !important;
}
.hs-form-booleancheckbox [type=checkbox],
.hs-form-checkbox [type=checkbox] {
  opacity: 0;
  z-index: -1;
  position: absolute;
}
.hs-form-booleancheckbox [type=checkbox] + span,
.hs-form-checkbox [type=checkbox] + span {
  position: relative;
  padding-left: 3rem;
  user-select: none;
  cursor: pointer;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  color: #f0610f;
  display: inline-block;
}
.hs-form-booleancheckbox [type=checkbox] + span:before,
.hs-form-checkbox [type=checkbox] + span:before {
  position: absolute;
  display: block;
  content: "";
  display: block;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 333ms ease;
  background: white;
  border: 1px solid #ededf6;
  width: 20px;
  height: 20px;
  border-radius: 0.4rem;
}
.hs-form-booleancheckbox [type=checkbox] + span:after,
.hs-form-checkbox [type=checkbox] + span:after {
  position: absolute;
  display: block;
  content: "";
  transform: rotate(43deg);
  width: 5px;
  height: 9px;
  border: 2px solid white;
  border-top: 0;
  border-left: 0;
  left: 9px;
  top: 50%;
  transition: all 333ms ease;
  margin-top: -1px;
  transform: translateY(-50%) rotate(20deg);
}
.hs-form-booleancheckbox [type=checkbox]:focus + span,
.hs-form-checkbox [type=checkbox]:focus + span {
  outline: 1px solid rgba(240, 97, 15, 0.3);
  outline-offset: 4px;
  border-radius: 0.3rem;
}
.hs-form-booleancheckbox [type=checkbox]:focus:checked + span:before, .hs-form-booleancheckbox [type=checkbox]:checked + span:before,
.hs-form-checkbox [type=checkbox]:focus:checked + span:before,
.hs-form-checkbox [type=checkbox]:checked + span:before {
  background: #f0610f;
  border-color: #f0610f;
}
.hs-form-booleancheckbox [type=checkbox]:focus:checked + span:after, .hs-form-booleancheckbox [type=checkbox]:checked + span:after,
.hs-form-checkbox [type=checkbox]:focus:checked + span:after,
.hs-form-checkbox [type=checkbox]:checked + span:after {
  transform: translateY(-50%) rotate(43deg);
}

.message.validation,
.message.bad,
.message.error {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ff0540 0%, #f0610f 35%, #f0610f 80%, #f79e5c 100%);
  color: #ffffff;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  padding: 1rem 2rem;
  border-radius: 0.8rem;
  font-size: 1.4rem;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important;
}

.inputs-list li:marker {
  display: none;
}

.js-password-field {
  position: relative;
}
.js-password-field .hide {
  display: none;
}
.js-password-field.visible .show {
  display: none;
}
.js-password-field.visible .hide {
  display: block;
}

.js-toggle-password {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 100%;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
}
.js-toggle-password .show,
.js-toggle-password .hide {
  width: 2.4rem;
  height: 2.4rem;
  z-index: 1;
}

@media only screen and (max-width: 539px) {
  #EditProfileForm_EditProfileForm_CurrentPassword_Holder .pristine-error {
    font-size: 1.1rem !important;
  }
}

#ChangePasswordForm_ChangePasswordForm_Password_Password_Holder .pristine-error,
#EditProfileForm_EditProfileForm_Password_Holder .pristine-error {
  top: 8.6rem;
}
@media only screen and (max-width: 539px) {
  #ChangePasswordForm_ChangePasswordForm_Password_Password_Holder .pristine-error,
  #EditProfileForm_EditProfileForm_Password_Holder .pristine-error {
    font-size: 1.1rem !important;
  }
}
@media only screen and (max-width: 767px) {
  #ChangePasswordForm_ChangePasswordForm_Password_Password_Holder .pristine-error,
  #EditProfileForm_EditProfileForm_Password_Holder .pristine-error {
    bottom: 4.4rem;
  }
}
#ChangePasswordForm_ChangePasswordForm_Password_Password_Holder .login-page__requirements,
#EditProfileForm_EditProfileForm_Password_Holder .login-page__requirements {
  margin-top: 2.4rem;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
List items
------------------------------------------------------------------*/
.colour--white ul:not([class]) li:before {
  background: #ffffff;
}

.list,
ul:not([class]) {
  list-style: none;
  margin-bottom: 2rem;
  margin-left: 0.5rem;
}
.list ul,
ul:not([class]) ul {
  margin: 0;
}
.list > li,
ul:not([class]) > li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1rem;
}
.list > li:before,
ul:not([class]) > li:before {
  position: absolute;
  display: block;
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  top: 1rem;
  left: 0rem;
  background: #f0610f;
}
@media only screen and (min-width: 968px) {
  .list > li:before,
  ul:not([class]) > li:before {
    top: 1.4rem;
  }
}

ol:not([class]) {
  list-style: none;
  margin-bottom: 2rem;
  margin-left: 0.5rem;
}
ol:not([class]) ol {
  margin: 0;
}
ol:not([class]) > li {
  padding-left: 2rem;
  margin-bottom: 0.2rem;
  position: relative;
  counter-increment: counter;
}
ol:not([class]) > li:before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0rem;
  content: counter(counter) ".";
  color: inherit;
}
ol:not([class]) > li li {
  counter-increment: internalcounter;
}
ol:not([class]) > li li:before {
  content: counter(internalcounter) ".";
}

ol.list--transparent,
ul.list--transparent {
  background-color: transparent !important;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/* -------------------------------------------- 
Mobile menu
-------------------------------------------- */
.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: white;
  z-index: 999;
  bottom: 0;
  padding: 3rem 0;
  overflow: auto;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  visibility: hidden;
  opacity: 0;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}
.mobile-menu__wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  align-content: flex-start;
  padding-top: 8rem;
}
.mobile-menu__wrap__item {
  width: 100%;
  display: block;
  position: relative;
  margin-bottom: -1px;
}
.mobile-menu__wrap__item.active .mobile-menu__wrap__item__arrow svg {
  transform: rotate(-180deg);
}
.mobile-menu__wrap__item:first-of-type {
  border-top: 1px solid #f4f4f7;
}
.mobile-menu__wrap__item__link {
  display: block;
  padding: 1rem 2rem;
  font-size: 1.6rem;
  border-bottom: 1px solid #f4f4f7;
}
.mobile-menu__wrap__item__arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 4.5rem;
  height: 4.5rem;
  border-left: 1px solid #f4f4f7;
  cursor: pointer;
}
.mobile-menu__wrap__item__arrow svg {
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  top: 2rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mobile-menu__wrap__item__arrow svg path {
  fill: #f0610f;
}
.mobile-menu__wrap__item__group {
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  overflow: hidden;
  background: #f4f4f7;
}
.mobile-menu__wrap__item__group:not(.active) {
  display: none;
}
.mobile-menu__wrap__item__group__items {
  padding: 1rem;
}
.mobile-menu__wrap__item__group__link {
  display: block;
  padding: 1rem 2rem;
  font-size: 1.6rem;
}

.mobileMenuActive {
  overflow: hidden;
}
.mobileMenuActive .header {
  box-shadow: none !important;
  transform: translateY(0%) !important;
}
.mobileMenuActive .mobile-menu {
  visibility: visible !important;
  opacity: 1 !important;
}
.mobileMenuActive .header__wrap__navburger__ring--1 {
  transform: rotate(45deg) translateX(0.7rem) translateY(0.7rem);
}
.mobileMenuActive .header__wrap__navburger__ring--2 {
  background: transparent !important;
}
.mobileMenuActive .header__wrap__navburger__ring--3 {
  transform: rotate(-45deg) translateX(0.7rem) translateY(-0.7rem);
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Notification
------------------------------------------------------------------*/
.notificationActive .notification {
  display: block !important;
}

.notification {
  background: #f0610f;
  display: none;
  position: relative;
}
.notification__wrap {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
}
.notification__wrap__content {
  padding: 0.5rem 3rem;
  text-align: center;
}
.notification__wrap__content p {
  margin: 0 !important;
  font-size: 1.2rem !important;
}
.notification__wrap__content p a:not([class]) {
  text-decoration: none;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4);
  transition: all 333ms ease;
  overflow: hidden;
  color: white;
}
.notification__wrap__content p a:not([class]):hover {
  box-shadow: inset 0 -30px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4);
  color: white !important;
}
.notification__wrap__close {
  position: absolute;
  right: 2rem;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
  margin-top: 1px;
}
.notification__wrap__close path {
  fill: white;
}
.notification__wrap__close svg {
  width: 14px;
  height: 14px;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Popup
------------------------------------------------------------------*/
.popupActive {
  position: relative;
  overflow: hidden;
}
.popupActive .popup {
  opacity: 1;
  visibility: visible;
}
.popupActive .popup .text:after {
  transform: scaleX(1) !important;
}
.popupActive .popup__wrap__close {
  transform: translateY(0%);
}

.popup {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  background: rgba(255, 255, 255, 0.95);
  transition: all 555ms ease;
  z-index: 9999999999;
  opacity: 0;
  visibility: hidden;
  overflow: auto;
}
.popup__wrap {
  max-width: 640px;
  margin: 0 auto;
  position: relative;
  padding: 0 2rem;
}
.popup__wrap__close {
  top: 4rem;
  right: 2rem;
  transform: translateY(-100%);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;
  position: relative;
}
.popup__wrap__close:after {
  content: "";
  position: relative;
  display: block;
  padding-bottom: 100%;
}
.popup__wrap__close img,
.popup__wrap__close svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup__wrap__close {
  width: 4rem;
  position: absolute;
}
.popup__wrap__close svg path {
  fill: #f0610f;
}
.popup__wrap__content {
  position: relative;
  top: 10rem;
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(15, 23, 42, 0.1) 0px 20px 25px -5px, rgba(15, 23, 42, 0.1) 0px 8px 10px -6px;
  overflow: hidden;
  border-radius: 0.2rem;
}
.popup__wrap__content__heading {
  background: #f0610f;
  padding: 4rem;
}
.popup__wrap__content__heading h2 {
  margin: 0 !important;
}
.popup__wrap__content__copy {
  padding: 4rem;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Searchpane
------------------------------------------------------------------*/
.search-pane {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  background: rgba(255, 255, 255, 0.95);
  transition: all 555ms ease;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}
.search-pane__wrap {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  padding: 0 2rem;
}
.search-pane__close {
  position: relative;
}
.search-pane__close:after {
  content: "";
  position: relative;
  display: block;
  padding-bottom: 100%;
}
.search-pane__close img,
.search-pane__close svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.search-pane__close {
  top: 4rem;
  right: 2rem;
  transform: translateY(-100%);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;
  width: 4rem;
  position: absolute;
}
.search-pane__close svg path {
  fill: #f0610f;
}
.search-pane__form {
  padding-top: 30rem;
}
.search-pane__form .field label {
  display: none !important;
}
.search-pane__form .field.text {
  margin-bottom: 2rem;
  position: relative;
}
.search-pane__form .field.text:after {
  position: absolute;
  display: block;
  content: "";
  border-bottom: 0.4rem solid #f0610f;
  bottom: 0;
  width: 100%;
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scaleX(0);
  transform-origin: 0 0;
}
.search-pane__form .field .text {
  background: transparent;
  border: 0;
  border-radius: 0;
  margin: 0;
  box-shadow: none !important;
  font-size: 5rem;
  padding-left: 0 !important;
  font-weight: light;
}
@media only screen and (max-width: 767px) {
  .search-pane__form .field .text {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 639px) {
  .search-pane__form .field .text {
    font-size: 2.4rem;
  }
}
.search-pane__form .field .text::-webkit-input-placeholder {
  color: black;
  opacity: 1 !important;
}
.search-pane__form .field .text:-moz-placeholder {
  color: black;
  opacity: 1 !important;
}
.search-pane__form .field .text::-moz-placeholder {
  color: black;
  opacity: 1 !important;
}
.search-pane__form .field .text:-ms-input-placeholder {
  color: black;
  opacity: 1 !important;
}
.search-pane__form .action {
  display: none;
}
.search-pane__direction {
  display: block;
  text-align: right;
}

.searchActive .search-pane {
  opacity: 1;
  visibility: visible;
}
.searchActive .search-pane .text:after {
  transform: scaleX(1);
}
.searchActive .search-pane__close {
  transform: translateY(0%);
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Login
------------------------------------------------------------------*/
.login-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 999999;
  display: flex;
  flex-wrap: wrap;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
  opacity: 0.3;
}
.login-modal #RegisterForm_RegisterForm label,
.login-modal #SortedLoginForm_LoginForm_Password_Holder label,
.login-modal #SortedLoginForm_LoginForm_Email_Holder label {
  display: block !important;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  margin-top: -0.5rem;
}
.login-modal.loading .login-modal__loader {
  opacity: 1;
  visibility: visible;
}
.login-modal__loader {
  position: absolute;
  top: 2rem;
  left: 2rem;
  right: calc(50% + 2rem);
  bottom: 2rem;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  pointer-events: none;
}
@media only screen and (max-width: 1279px) {
  .login-modal__loader {
    right: auto;
    width: 60rem;
  }
}
@media only screen and (max-width: 967px) {
  .login-modal__loader {
    right: 2rem;
    width: calc(100% - 4rem);
  }
}
.login-modal__loader .loader {
  display: block;
  top: 50%;
  margin-top: -4rem;
  border-width: 3px;
  width: 8rem;
  height: 8rem;
}
.login-modal__loader:after {
  position: absolute;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ededf6;
  opacity: 0.9;
}
.login-modal #SortedLoginForm_LoginForm_Tab h3 {
  display: none;
}
.login-modal #LoginForm_LoginForm_Tab h3 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 1.6rem;
  margin-top: 2rem;
  margin-bottom: 0;
}
.login-modal__actions {
  width: 100%;
  margin-bottom: 2rem;
}
.login-modal__actions__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.login-modal__actions a:is([class]) {
  padding: 1rem;
  padding-left: 0;
}
.login-modal__actions ~ ul {
  display: none;
}
.login-modal__close {
  position: absolute;
  top: 4rem;
  right: 4rem;
  border: 0;
  padding: 0;
  background: transparent;
  z-index: 44;
  cursor: pointer;
}
@media only screen and (max-width: 967px) {
  .login-modal__close {
    top: 3rem;
    right: 6rem;
  }
  .login-modal__close img {
    filter: invert(1);
  }
}
@media only screen and (max-width: 639px) {
  .login-modal__close {
    right: 3rem;
  }
}
.login-modal__tab {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  position: absolute;
  display: none;
}
.login-modal__tab--login .login-modal__image {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
}
.login-modal__tab--register .login-modal__image {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
}
.login-modal__tab.active {
  display: flex;
  flex-wrap: wrap;
  visibility: visible;
}
.login-modal__tab.active .login-modal__copy,
.login-modal__tab.active .login-modal__image {
  transform: translateX(0);
  opacity: 1;
}
.login-modal__copy {
  border-radius: 1.5rem;
  background: #ededf6;
  width: calc(50% - 2rem);
  margin: 1rem;
  padding: 4rem;
}
@media only screen and (max-width: 1279px) {
  .login-modal__copy {
    width: 62rem;
  }
}
@media only screen and (max-width: 967px) {
  .login-modal__copy {
    width: 100%;
    padding: 3rem 1rem;
  }
}
.login-modal__image {
  width: calc(50% - 2rem);
  position: relative;
  margin: 1rem;
  overflow: hidden;
}
@media only screen and (max-width: 1279px) {
  .login-modal__image {
    width: calc(100% - 64rem - 2rem);
  }
}
@media only screen and (max-width: 967px) {
  .login-modal__image {
    display: none;
  }
}
.login-modal__image > img {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  object-fit: cover;
}
.login-modal__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 4rem;
  height: 4rem;
  z-index: 100;
}
.login-modal__close img {
  display: block;
  width: 100%;
  height: 100%;
}
.login-modal__thumbnail {
  position: relative;
}
.login-modal__thumbnail:after {
  content: "";
  position: relative;
  display: block;
  padding-bottom: 100%;
}
.login-modal__thumbnail {
  position: absolute;
  right: -4rem;
  top: 8rem;
  width: 70%;
  max-width: 61rem;
}
.login-modal__thumbnail img {
  clip-path: url(#mask-square-inverted);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.login-modal #ChangePasswordForm_ChangePasswordForm_NewPassword2_Holder label,
.login-modal #ChangePasswordForm_ChangePasswordForm_NewPassword1_Holder label,
.login-modal #ChangePasswordForm_ChangePasswordForm_OldPassword_Holder label {
  display: block !important;
  margin-top: 0;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
}

.login-modal-active {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.login-modal-active .login-modal {
  display: flex;
  flex-wrap: wrap;
  opacity: 1;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
  visibility: visible;
}

/*------------------------------------------------------------------
Password strength indicator
------------------------------------------------------------------*/
.password-requirements {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.password-requirements p {
  font-size: 1.2rem;
  padding: 0 1rem 0 0;
  margin: 0;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  color: #8b8b8b;
}
.password-requirements p.active {
  color: #410e84;
}
.password-requirements p:first-of-type {
  color: #000000;
  margin-right: 1rem;
  padding: 0;
  font-family: "henrietta-regular", "henrietta-fallback";
  font-weight: normal;
  font-style: normal;
}

.strength {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 1rem;
  align-items: center;
}
.strength__bar {
  max-width: 4rem;
  width: calc(20% - 1rem);
  height: 0.5rem;
  margin-right: 0.5rem;
  margin-right: 0.5rem;
  background: #f0610f;
  border-radius: 10000rem;
}
.strength__bar.active {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
}
.strength__name {
  position: relative;
  margin: 0;
  padding-left: 1rem;
  position: relative;
  top: -0.2rem;
}
.strength .tooltip {
  margin-left: 0.5rem;
  position: relative;
}

.mfa-section {
  z-index: 2;
  display: none;
  position: absolute;
  top: 10rem;
  bottom: 0;
  right: 2rem;
  left: 2rem;
  background: #ededf6;
  padding: 0 2rem;
}
.mfa-section .mfa-section__right {
  max-width: 40rem;
}
@media only screen and (min-width: 968px) {
  .mfa-section .mfa-section__right {
    justify-content: center;
  }
}
.mfa-section .mfa-section__right img {
  margin: 0 auto 2rem !important;
  width: 80%;
  max-width: 29rem;
}
@media only screen and (max-width: 967px) {
  .mfa-section {
    top: 8rem;
  }
}
.mfa-section.active {
  display: block;
}
.mfa-section .mfa-error {
  color: #f0610f;
  font-size: 1.2rem;
  margin-top: 1rem;
  display: none;
}
.mfa-section__right {
  display: flex;
  flex-wrap: wrap;
}
.mfa-section__right .js-verify-mfa {
  order: 1;
}
.mfa-section__right .btn.btn-secondary {
  order: 2;
}
.mfa-section__right img {
  display: block;
  margin-bottom: 2rem;
}
.mfa-section__wrap {
  display: flex;
  gap: 2rem;
}
@media only screen and (max-width: 967px) {
  .mfa-section__wrap {
    flex-direction: column;
  }
  .mfa-section__wrap img {
    display: none;
  }
}
.mfa-section input {
  width: 100%;
  max-width: 35rem;
  margin: 0 1rem 0 0;
  position: relative;
  display: inline-block;
  padding: 0.6rem 1rem;
  top: 0.3rem;
  color: black;
  font-size: 2.4rem;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 1.5rem;
  outline: 0 !important;
  text-align: center;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 1023px) {
  .mfa-section input {
    margin-bottom: 2rem;
  }
}

.signup-block fieldset,
.login-modal fieldset {
  min-width: auto;
}
.signup-block #RegisterForm_ModalRegisterForm,
.signup-block #RegisterForm_RegisterForm,
.signup-block form,
.login-modal #RegisterForm_ModalRegisterForm,
.login-modal #RegisterForm_RegisterForm,
.login-modal form {
  position: relative;
}
.signup-block #RegisterForm_ModalRegisterForm .g-recaptcha,
.signup-block #RegisterForm_RegisterForm .g-recaptcha,
.signup-block form .g-recaptcha,
.login-modal #RegisterForm_ModalRegisterForm .g-recaptcha,
.login-modal #RegisterForm_RegisterForm .g-recaptcha,
.login-modal form .g-recaptcha {
  float: left;
}
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_Interests_Holder label,
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Interests_Holder label,
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Terms_Holder label,
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder label,
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_MoneyStatusID_Holder label,
.signup-block #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_Interests_Holder label,
.signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Interests_Holder label,
.signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Terms_Holder label,
.signup-block #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder label,
.signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_MoneyStatusID_Holder label,
.signup-block form #RegisterForm_ModalRegisterForm_Interests_Holder label,
.signup-block form #RegisterForm_RegisterForm_Interests_Holder label,
.signup-block form #RegisterForm_RegisterForm_Terms_Holder label,
.signup-block form #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder label,
.signup-block form #RegisterForm_RegisterForm_MoneyStatusID_Holder label,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_Interests_Holder label,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Interests_Holder label,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Terms_Holder label,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder label,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_MoneyStatusID_Holder label,
.login-modal #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_Interests_Holder label,
.login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Interests_Holder label,
.login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Terms_Holder label,
.login-modal #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder label,
.login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_MoneyStatusID_Holder label,
.login-modal form #RegisterForm_ModalRegisterForm_Interests_Holder label,
.login-modal form #RegisterForm_RegisterForm_Interests_Holder label,
.login-modal form #RegisterForm_RegisterForm_Terms_Holder label,
.login-modal form #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder label,
.login-modal form #RegisterForm_RegisterForm_MoneyStatusID_Holder label {
  display: block !important;
  margin-top: 0 !important;
}
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_Gender_Holder,
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder,
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_MoneyStatusID_Holder,
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Gender_Holder,
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_FirstName_Holder,
.signup-block #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_Gender_Holder,
.signup-block #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder,
.signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_MoneyStatusID_Holder,
.signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Gender_Holder,
.signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_FirstName_Holder,
.signup-block form #RegisterForm_ModalRegisterForm_Gender_Holder,
.signup-block form #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder,
.signup-block form #RegisterForm_RegisterForm_MoneyStatusID_Holder,
.signup-block form #RegisterForm_RegisterForm_Gender_Holder,
.signup-block form #RegisterForm_RegisterForm_FirstName_Holder,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_Gender_Holder,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_MoneyStatusID_Holder,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Gender_Holder,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_FirstName_Holder,
.login-modal #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_Gender_Holder,
.login-modal #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder,
.login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_MoneyStatusID_Holder,
.login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Gender_Holder,
.login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_FirstName_Holder,
.login-modal form #RegisterForm_ModalRegisterForm_Gender_Holder,
.login-modal form #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder,
.login-modal form #RegisterForm_RegisterForm_MoneyStatusID_Holder,
.login-modal form #RegisterForm_RegisterForm_Gender_Holder,
.login-modal form #RegisterForm_RegisterForm_FirstName_Holder {
  width: calc(50% - 0.5rem);
  margin-right: 1rem;
}
@media only screen and (max-width: 479px) {
  .signup-block #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_Gender_Holder,
  .signup-block #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder,
  .signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_MoneyStatusID_Holder,
  .signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Gender_Holder,
  .signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_FirstName_Holder,
  .signup-block #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_Gender_Holder,
  .signup-block #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder,
  .signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_MoneyStatusID_Holder,
  .signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Gender_Holder,
  .signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_FirstName_Holder,
  .signup-block form #RegisterForm_ModalRegisterForm_Gender_Holder,
  .signup-block form #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder,
  .signup-block form #RegisterForm_RegisterForm_MoneyStatusID_Holder,
  .signup-block form #RegisterForm_RegisterForm_Gender_Holder,
  .signup-block form #RegisterForm_RegisterForm_FirstName_Holder,
  .login-modal #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_Gender_Holder,
  .login-modal #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder,
  .login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_MoneyStatusID_Holder,
  .login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Gender_Holder,
  .login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_FirstName_Holder,
  .login-modal #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_Gender_Holder,
  .login-modal #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder,
  .login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_MoneyStatusID_Holder,
  .login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Gender_Holder,
  .login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_FirstName_Holder,
  .login-modal form #RegisterForm_ModalRegisterForm_Gender_Holder,
  .login-modal form #RegisterForm_ModalRegisterForm_MoneyStatusID_Holder,
  .login-modal form #RegisterForm_RegisterForm_MoneyStatusID_Holder,
  .login-modal form #RegisterForm_RegisterForm_Gender_Holder,
  .login-modal form #RegisterForm_RegisterForm_FirstName_Holder {
    width: 100%;
    margin-right: 0;
  }
}
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_BirthDate_Holder,
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_Interests_Holder,
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Interests_Holder,
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_BirthDate_Holder,
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Surname_Holder,
.signup-block #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_BirthDate_Holder,
.signup-block #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_Interests_Holder,
.signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Interests_Holder,
.signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_BirthDate_Holder,
.signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Surname_Holder,
.signup-block form #RegisterForm_ModalRegisterForm_BirthDate_Holder,
.signup-block form #RegisterForm_ModalRegisterForm_Interests_Holder,
.signup-block form #RegisterForm_RegisterForm_Interests_Holder,
.signup-block form #RegisterForm_RegisterForm_BirthDate_Holder,
.signup-block form #RegisterForm_RegisterForm_Surname_Holder,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_BirthDate_Holder,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_Interests_Holder,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Interests_Holder,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_BirthDate_Holder,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Surname_Holder,
.login-modal #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_BirthDate_Holder,
.login-modal #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_Interests_Holder,
.login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Interests_Holder,
.login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_BirthDate_Holder,
.login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Surname_Holder,
.login-modal form #RegisterForm_ModalRegisterForm_BirthDate_Holder,
.login-modal form #RegisterForm_ModalRegisterForm_Interests_Holder,
.login-modal form #RegisterForm_RegisterForm_Interests_Holder,
.login-modal form #RegisterForm_RegisterForm_BirthDate_Holder,
.login-modal form #RegisterForm_RegisterForm_Surname_Holder {
  width: calc(50% - 1rem);
}
@media only screen and (max-width: 479px) {
  .signup-block #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_BirthDate_Holder,
  .signup-block #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_Interests_Holder,
  .signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Interests_Holder,
  .signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_BirthDate_Holder,
  .signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Surname_Holder,
  .signup-block #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_BirthDate_Holder,
  .signup-block #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_Interests_Holder,
  .signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Interests_Holder,
  .signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_BirthDate_Holder,
  .signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Surname_Holder,
  .signup-block form #RegisterForm_ModalRegisterForm_BirthDate_Holder,
  .signup-block form #RegisterForm_ModalRegisterForm_Interests_Holder,
  .signup-block form #RegisterForm_RegisterForm_Interests_Holder,
  .signup-block form #RegisterForm_RegisterForm_BirthDate_Holder,
  .signup-block form #RegisterForm_RegisterForm_Surname_Holder,
  .login-modal #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_BirthDate_Holder,
  .login-modal #RegisterForm_ModalRegisterForm #RegisterForm_ModalRegisterForm_Interests_Holder,
  .login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Interests_Holder,
  .login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_BirthDate_Holder,
  .login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Surname_Holder,
  .login-modal #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_BirthDate_Holder,
  .login-modal #RegisterForm_RegisterForm #RegisterForm_ModalRegisterForm_Interests_Holder,
  .login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Interests_Holder,
  .login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_BirthDate_Holder,
  .login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Surname_Holder,
  .login-modal form #RegisterForm_ModalRegisterForm_BirthDate_Holder,
  .login-modal form #RegisterForm_ModalRegisterForm_Interests_Holder,
  .login-modal form #RegisterForm_RegisterForm_Interests_Holder,
  .login-modal form #RegisterForm_RegisterForm_BirthDate_Holder,
  .login-modal form #RegisterForm_RegisterForm_Surname_Holder {
    width: 100%;
  }
}
.signup-block #RegisterForm_ModalRegisterForm #ForgotPassword,
.signup-block #RegisterForm_RegisterForm #ForgotPassword,
.signup-block form #ForgotPassword,
.login-modal #RegisterForm_ModalRegisterForm #ForgotPassword,
.login-modal #RegisterForm_RegisterForm #ForgotPassword,
.login-modal form #ForgotPassword {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 1.6rem;
}
.signup-block #RegisterForm_ModalRegisterForm p,
.signup-block #RegisterForm_RegisterForm p,
.signup-block form p,
.login-modal #RegisterForm_ModalRegisterForm p,
.login-modal #RegisterForm_RegisterForm p,
.login-modal form p {
  float: left;
}
.signup-block #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Subscription_Holder + p,
.signup-block #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Subscription_Holder + p,
.signup-block form #RegisterForm_RegisterForm_Subscription_Holder + p,
.login-modal #RegisterForm_ModalRegisterForm #RegisterForm_RegisterForm_Subscription_Holder + p,
.login-modal #RegisterForm_RegisterForm #RegisterForm_RegisterForm_Subscription_Holder + p,
.login-modal form #RegisterForm_RegisterForm_Subscription_Holder + p {
  margin-top: -2rem;
}
.signup-block #RegisterForm_ModalRegisterForm .g-recaptcha,
.signup-block #RegisterForm_RegisterForm .g-recaptcha,
.signup-block form .g-recaptcha,
.login-modal #RegisterForm_ModalRegisterForm .g-recaptcha,
.login-modal #RegisterForm_RegisterForm .g-recaptcha,
.login-modal form .g-recaptcha {
  float: left;
  width: 100%;
}
@media only screen and (max-width: 479px) {
  .signup-block #RegisterForm_ModalRegisterForm .g-recaptcha,
  .signup-block #RegisterForm_RegisterForm .g-recaptcha,
  .signup-block form .g-recaptcha,
  .login-modal #RegisterForm_ModalRegisterForm .g-recaptcha,
  .login-modal #RegisterForm_RegisterForm .g-recaptcha,
  .login-modal form .g-recaptcha {
    transform: scale(0.77);
    transform-origin: 0 0;
  }
}
.signup-block #RegisterForm_ModalRegisterForm .btn-toolbar,
.signup-block #RegisterForm_RegisterForm .btn-toolbar,
.signup-block form .btn-toolbar,
.login-modal #RegisterForm_ModalRegisterForm .btn-toolbar,
.login-modal #RegisterForm_RegisterForm .btn-toolbar,
.login-modal form .btn-toolbar {
  display: flex;
  flex-wrap: wrap;
}
.signup-block #RegisterForm_ModalRegisterForm .socialLink,
.signup-block #RegisterForm_RegisterForm .socialLink,
.signup-block form .socialLink,
.login-modal #RegisterForm_ModalRegisterForm .socialLink,
.login-modal #RegisterForm_RegisterForm .socialLink,
.login-modal form .socialLink {
  border: 0;
  background: #8b8b8b;
  border-radius: 10000rem;
  padding: 1rem 2rem 1rem 1rem;
  display: flex;
  flex-wrap: wrap;
  margin-right: 1rem;
  align-items: center;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: inline-block;
}
.signup-block #RegisterForm_ModalRegisterForm .socialLink img,
.signup-block #RegisterForm_RegisterForm .socialLink img,
.signup-block form .socialLink img,
.login-modal #RegisterForm_ModalRegisterForm .socialLink img,
.login-modal #RegisterForm_RegisterForm .socialLink img,
.login-modal form .socialLink img {
  margin-right: 1rem;
}
.signup-block #RegisterForm_ModalRegisterForm .socialLink:hover,
.signup-block #RegisterForm_RegisterForm .socialLink:hover,
.signup-block form .socialLink:hover,
.login-modal #RegisterForm_ModalRegisterForm .socialLink:hover,
.login-modal #RegisterForm_RegisterForm .socialLink:hover,
.login-modal form .socialLink:hover {
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
}

#RegisterForm_RegisterForm_Terms_Holder a {
  text-decoration: underline;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Goal Modal
------------------------------------------------------------------*/
.goal-modal {
  flex-direction: column;
  z-index: 9999999999999;
  border: none;
  padding: 0;
  border-radius: 1.5rem;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.22);
  background: #ededf6;
  max-width: 60rem;
  width: calc(100% - 4rem);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.goal-modal__information {
  display: none !important;
}
.goal-modal.active .goal-modal__information {
  display: flex !important;
}
.goal-modal::backdrop {
  background: rgba(255, 255, 255, 0.95);
}
.goal-modal[open] {
  display: flex;
}
.goal-modal__top {
  border-radius: 1.5rem;
  padding: 4rem;
  display: flex;
  justify-content: space-between;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  color: #ffffff;
}
.goal-modal__top__close {
  background: none;
  padding: 0;
  outline: none;
  border: 2px solid #ffffff;
  border-radius: 0.6em;
  position: absolute;
  top: 2rem;
  right: 2rem;
  padding: 0.4rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.goal-modal__top__close:hover, .goal-modal__top__close:active, .goal-modal__top__close:focus {
  cursor: pointer;
  transform: scale(1.1);
}
.goal-modal__top__close:hover .cross, .goal-modal__top__close:active .cross, .goal-modal__top__close:focus .cross {
  transform: scale(1.1);
}
.goal-modal__top__close .cross {
  position: relative;
  width: 1.6rem;
  height: 1.6rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.goal-modal__top__close .cross::before, .goal-modal__top__close .cross::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 1.6rem;
  height: 0.2rem;
  background-color: #ffffff;
}
.goal-modal__top__close .cross::before {
  transform: rotate(45deg);
}
.goal-modal__top__close .cross::after {
  transform: rotate(-45deg);
}
.goal-modal__form {
  padding: 2rem 4rem 4rem;
  display: flex;
  flex-direction: column;
}
.goal-modal__form__update {
  outline: none;
  background: none;
  border: none;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: right;
  margin-top: 2rem;
}
.goal-modal__form .field.number label {
  display: flex;
}
.goal-modal__form .field.number label span {
  margin-left: auto;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Breadcrumbs
------------------------------------------------------------------*/
.sign-up {
  position: relative;
  width: calc(100% - 4rem);
  margin: 4rem auto -6.5rem;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #2a2929;
  overflow: hidden;
  padding: 10rem 4rem 8rem;
  justify-content: center;
}
.sign-up ~ .footer {
  padding-top: 8rem !important;
}
.sign-up__background {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sign-up__copy {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 36rem);
  position: relative;
  max-width: 106rem;
  align-items: center;
}
@media only screen and (max-width: 967px) {
  .sign-up__copy {
    width: 100%;
    justify-content: center;
  }
  .sign-up__copy h3 {
    text-align: center;
  }
}
.sign-up__copy h3 {
  width: calc(100% - 12rem);
}
@media only screen and (max-width: 767px) {
  .sign-up__copy h3 {
    width: 100%;
    margin-top: 2rem;
  }
}
.sign-up__copy > span {
  width: 10rem;
  height: 10rem;
  margin-right: 1rem;
  border: 2px solid #f0610f;
  margin-right: 1.5rem;
  display: inline-block;
  border-radius: 0.8rem;
}
.sign-up__copy > span img {
  display: block;
}
.sign-up__actions {
  width: 36rem;
  position: relative;
  padding-left: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sign-up__actions--sign-in {
  font-weight: bold;
}
@media only screen and (max-width: 967px) {
  .sign-up__actions {
    width: 100%;
    margin-top: 2rem;
    padding-left: 0;
  }
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Breadcrumbs
------------------------------------------------------------------*/
.sign-up-money-month {
  width: calc(100% - 4rem);
  margin: 2rem auto;
  padding: 2rem 0;
  border-radius: 1.5rem;
  max-width: 1540px;
  position: relative;
  background: #ffffff;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(-90deg, #ff0540 0%, #f0610f 35%, #f0610f 80%, #f79e5c 100%);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
  padding: 4rem 6rem;
  align-items: center;
}
@media only screen and (max-width: 639px) {
  .sign-up-money-month {
    padding: 4rem 4rem 3rem;
  }
}
.sign-up-money-month__background {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 50%;
  opacity: 0.4;
  z-index: 1;
}
.sign-up-money-month__content {
  width: calc(100% - 30rem);
  z-index: 2;
  position: relative;
  padding-right: 10%;
}
@media only screen and (max-width: 967px) {
  .sign-up-money-month__content {
    width: 100%;
    padding: 0;
    text-align: left;
  }
}
.sign-up-money-month__action {
  width: 30rem;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 967px) {
  .sign-up-money-month__action {
    width: 100%;
    margin-top: 3rem;
  }
  .sign-up-money-month__action p br {
    display: none;
  }
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Login
------------------------------------------------------------------*/
#body .mfa-loading-indicator {
  top: 50% !important;
  display: block;
  width: 8rem !important;
  height: 8rem !important;
  border-top: 0.24rem solid rgba(255, 255, 255, 0.6);
  border-right: 0.24rem solid rgba(255, 255, 255, 0.6);
  border-bottom: 0.24rem solid rgba(255, 255, 255, 0.6);
}
#body .mfa-totp__validate-code {
  margin-bottom: 0.5rem;
}
#body #mfa-app .mfa-verify-select-method__method,
#body #mfa-app .mfa-verify-select-method__actions,
#body #mfa-app .btn-secondary {
  line-height: 19px !important;
}
#body #mfa-app .btn-primary[disabled] {
  border: none !important;
}
#body #SortedLoginForm_LoginForm_Remember + label {
  color: black !important;
}
#body .mfa-verify-select-method__back {
  width: 100%;
  background: #001845;
}
#body .mfa-verify-select-method__method a {
  width: 100%;
}
#body .mfa-verify-backup-codes__content {
  width: 100%;
}
#body .mfa-verify-backup-codes__container,
#body .mfa-verify-select-method__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#body .mfa-verify-select-method__content {
  margin: 0 auto;
  max-width: 40rem;
}
#body .mfa-app {
  min-width: 100%;
  position: relative;
}
#body .mfa-app:has(.mfa-totp__validate-right) {
  padding-top: 20rem;
}
#body .mfa-app:has(.mfa-verify-backup-codes__image) {
  padding-top: 20rem;
}
#body .mfa-app:has(.mfa-verify-select-method__image) {
  padding-top: 20rem;
}
@media screen and (max-width: 768px) {
  #body .mfa-app:has(.mfa-totp__validate-right) {
    padding-top: 10rem;
  }
  #body .mfa-app:has(.mfa-verify-backup-codes__image) {
    padding-top: 10rem;
  }
  #body .mfa-app:has(.mfa-verify-select-method__image) {
    padding-top: 10rem;
  }
}
#body .mfa-app .mfa-verify-backup-codes__image,
#body .mfa-app .mfa-verify-select-method__image,
#body .mfa-app .mfa-totp__validate-right {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 20rem;
  height: 20rem;
  display: block !important;
}
@media screen and (max-width: 768px) {
  #body .mfa-app .mfa-verify-backup-codes__image,
  #body .mfa-app .mfa-verify-select-method__image,
  #body .mfa-app .mfa-totp__validate-right {
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 768px) {
  #body .mfa-app .mfa-totp__validate-img {
    width: 10rem;
    height: 10rem;
  }
}
#body .mfa-app .mfa-section-title {
  text-align: center;
  padding-top: 2rem;
}
#body .mfa-app p {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
}
#body .mfa-app p a {
  display: block;
}
#body .mfa-app * {
  color: black;
}
#body .mfa-app a {
  color: #f0610f;
}
#body .mfa-app .mfa-app-title {
  display: none;
}
#body .help-block {
  color: #f0610f;
  font-size: 1.6rem;
  font-weight: 600;
  position: relative;
  top: -1rem;
}
#body .mfa-action-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 40rem;
  width: 100%;
  margin: 0 auto;
}
#body .mfa-action-list .mfa-action-list__item {
  width: 100%;
}
#body .mfa-action-list .mfa-action-list__item .btn,
#body .mfa-action-list .mfa-action-list__item button {
  width: 100%;
}
#body .mfa-verify-backup-codes__input,
#body #totp-code {
  margin: 0 auto 1rem;
  text-align: center !important;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 2rem;
  font-weight: 600;
  height: auto;
}
#body .control-label {
  width: 100%;
  display: block;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
#body .form-group {
  max-width: 40rem;
  margin: 0 auto;
}
#body .mfa-totp__validate-left {
  position: relative;
  margin-bottom: 2rem;
}
#body .mfa-totp__validate-left p {
  font-weight: 500;
}
#body .mfa-totp__validate-left p a {
  display: inline-block;
}
#body .mfa-totp__validate-left .pristine-error {
  color: #ff0033;
  bottom: -1rem;
}
#body .mfa-totp__validate-left:has(.pristine-error:not([style*="display: none"])) .help-block {
  display: none;
}
#body .mfa-totp__validate-left .help-block {
  position: absolute;
  bottom: -1.3rem;
  top: auto;
  font-size: 1.4rem;
}
#body .mfa-totp__input-box {
  width: 16.66666667% !important;
  aspect-ratio: 1;
  text-align: center;
  font-size: 18px;
  border: 1px solid #ccc;
  border-radius: 8px;
  outline: none;
  font-weight: bold;
}
#body .mfa-feature-list-title {
  padding-left: 7rem;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
}
#body .mfa-feature-list-item__title {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  font-size: 1.6rem;
}
#body p.mfa-feature-list-item__description {
  text-align: left;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
}
#body .mfa-totp__scan-left {
  background: white;
  border: 1rem solid white;
  border-radius: 0.8rem;
}
#body .mfa-totp__scan-left svg {
  width: 100%;
  height: 100%;
}
#body .mfa-totp__scan-middle {
  font-size: 2rem;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
}
#body .mfa-totp__scan-right {
  background: white;
  border: 1rem solid white;
  border-radius: 0.8rem;
}
#body .mfa-register-backup-codes__code-grid {
  background: white;
  border: 1rem solid white;
  border-radius: 0.8rem;
  width: 100%;
  margin: 0 auto 3rem;
}
#body .mfa-register-backup-codes__container {
  text-align: center;
}
#body .mfa-register-backup-codes__helper-links {
  margin: 0 auto 2rem;
}
#body .mfa-register-backup-codes__helper-links .btn {
  font-size: 1.4rem;
  padding: 0.5rem 2rem;
  background: #001845;
}
#body .mfa-register-backup-codes__helper-links .btn:hover {
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.3);
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Money Month Banner
------------------------------------------------------------------*/
.money-month-banner {
  position: relative;
  width: calc(100% - 4rem);
  margin: 0 auto 2rem;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(-180deg, #f79c58 0%, #f06311 50%, #fa223f 100%);
}
.money-month-banner.short {
  margin-top: 4rem;
  padding-top: 2rem;
}
@media only screen and (max-width: 1023px) {
  .money-month-banner.short {
    margin-top: 1rem;
    padding-top: 4rem;
  }
}
@media only screen and (max-width: 639px) {
  .money-month-banner.short {
    padding-top: 1rem;
  }
}
.money-month-banner.short .money-month-banner__logo {
  margin-top: 0rem !important;
}
.money-month-banner.short .money-month-banner__messages {
  max-width: 85rem;
}
.money-month-banner.short .money-month-banner__messages p {
  font-size: clamp(2.2rem, 4vw, 4rem);
  font-size: clamp(3rem, 6vw, 5rem);
}
.money-month-banner.tall {
  margin-top: -8rem;
}
.money-month-banner.tall .money-month-banner__wrap {
  padding-top: 12rem;
}
.money-month-banner__wrap {
  display: none;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.money-month-banner__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 6rem auto 0;
  position: relative;
  z-index: 2;
  opacity: 0;
  transform: translateY(2rem);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.money-month-banner__actions br {
  display: none;
}
.money-month-banner__actions.loaded {
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (max-width: 599px) {
  .money-month-banner__actions {
    flex-direction: column;
    align-items: center;
  }
  .money-month-banner__actions br {
    height: 0;
    display: none;
  }
}
.money-month-banner__divider {
  border-radius: 100rem;
  color: black;
  font-size: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.2rem;
  line-height: 1;
  margin: 0 -1.5rem 1rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;
  position: relative;
  aspect-ratio: 1;
  width: 52px;
}
@media only screen and (max-width: 767px) {
  .money-month-banner__divider {
    font-size: 2rem;
    padding: 0.8rem;
  }
}
@media only screen and (max-width: 599px) {
  .money-month-banner__divider {
    margin: -1.5rem auto -0.5rem;
  }
}
.money-month-banner__divider > span {
  position: absolute;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.money-month-banner__divider:before {
  background: white;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.money-month-banner__action {
  border-radius: 100rem;
  color: black;
  font-size: 3rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.2rem;
  line-height: 1;
  margin: 0 1rem 1rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;
  position: relative;
  z-index: 32;
}
.money-month-banner__action > span {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.money-month-banner__action:after {
  background: white;
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 50%;
  top: 50%;
  aspect-ratio: 1;
  border-radius: 100rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  z-index: -1;
  display: none;
}
@media only screen and (max-width: 599px) {
  .money-month-banner__action:after {
    left: 50%;
    top: 100%;
  }
}
.money-month-banner__action:before {
  background: white;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 767px) {
  .money-month-banner__action {
    font-size: 2rem;
    padding: 0.8rem 2rem;
  }
}
.money-month-banner__action:hover:before {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
}
.money-month-banner__action:hover {
  color: #ffffff;
}
.money-month-banner__action:active {
  transform: translateY(1px);
}
.money-month-banner__action:last-of-type:after {
  left: 0;
}
@media only screen and (max-width: 599px) {
  .money-month-banner__action:last-of-type:after {
    left: 50%;
    top: 0%;
  }
}
.money-month-banner__action img {
  width: 32px;
  height: 32px;
  margin-right: 1rem;
}
.money-month-banner__rings {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.money-month-banner__rings span {
  position: absolute;
  aspect-ratio: 1;
  height: 100%;
  border-radius: 1000000000000rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  box-shadow: inset 0 0 30px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 0 50px rgba(255, 161, 98, 0.5);
  animation: money-month-banner-rings 18s infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}
.money-month-banner__rings span:nth-child(1) {
  animation-delay: -16s;
}
.money-month-banner__rings span:nth-child(2) {
  animation-delay: -32s;
}
.money-month-banner__rings span:nth-child(3) {
  animation-delay: -48s;
}
.money-month-banner__rings span:nth-child(4) {
  animation-delay: -64s;
}
.money-month-banner__rings span:nth-child(5) {
  animation-delay: -80s;
}
.money-month-banner__rings span:nth-child(6) {
  animation-delay: -96s;
}
.money-month-banner__rings span:nth-child(7) {
  animation-delay: -112s;
}
.money-month-banner__rings span:nth-child(8) {
  animation-delay: -128s;
}
.money-month-banner__rings span:nth-child(9) {
  animation-delay: -144s;
}
.money-month-banner__rings span:nth-child(10) {
  animation-delay: -160s;
}
.money-month-banner__rings span:nth-child(11) {
  animation-delay: -176s;
}
.money-month-banner__rings span:nth-child(12) {
  animation-delay: -192s;
}
@keyframes money-month-banner-rings {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(8);
  }
}
.money-month-banner__content {
  width: 100%;
  padding: 0 2rem;
}
.money-month-banner__messages {
  display: block;
  aspect-ratio: 500/160;
  width: 100%;
  max-width: 85rem;
  margin: 0 auto;
  margin-top: 8rem;
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 768px) {
  .money-month-banner__messages {
    aspect-ratio: 500/200;
  }
}
.money-month-banner__message {
  aspect-ratio: 500/160;
  width: 100%;
  background: white;
  border-radius: 3rem;
  position: absolute;
  padding: 2rem;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateY(10%);
}
@media screen and (max-width: 768px) {
  .money-month-banner__message {
    aspect-ratio: 500/200;
  }
}
.money-month-banner__message.animate-in {
  opacity: 1;
  transform: translateY(0);
  box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.02), 0px 1px 4px rgba(3, 7, 18, 0.03), 0px 3px 9px rgba(3, 7, 18, 0.05), 0px 4px 15px rgba(3, 7, 18, 0.06), 0px 7px 24px rgba(3, 7, 18, 0.08);
}
.money-month-banner__message.animate-in .money-month-banner__message__notification {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0s;
}
.money-month-banner__message.animate-out {
  transform: translateY(-20%) scale(0.9);
  background-color: #f6d5bf;
  background-color: #fad9c8;
}
.money-month-banner__message.animate-out .money-month-banner__message__notification {
  opacity: 0;
  transform: scale(0.8);
}
.money-month-banner__message.animate-out .money-month-banner__message__content {
  opacity: 0;
}
.money-month-banner__message.animate-out-more {
  transform: translateY(-35%) scale(0.8);
  background-color: #f0c299;
  background-color: #f5c49e;
}
.money-month-banner__message.animate-out-more .money-month-banner__message__content {
  opacity: 0;
}
.money-month-banner__message.animate-out-most {
  transform: translateY(-45%) scale(0.7);
  opacity: 0;
}
.money-month-banner__message.animate-out-most .money-month-banner__message__content {
  opacity: 0;
}
.money-month-banner__message h1,
.money-month-banner__message p {
  margin: 0;
  text-align: center;
  line-height: 1;
  font-size: clamp(2rem, 4vw, 5.5rem);
  font-size: clamp(2.8rem, 7vw, 6.5rem);
}
.money-month-banner__message__notification {
  position: absolute;
  top: -6px;
  right: -6px;
  aspect-ratio: 1;
  width: 2.8rem;
  background: #e93446;
  border: 2px solid white;
  border-radius: 10rem;
  color: white;
  text-align: center;
  transition: all 400ms ease;
  opacity: 0;
  transform: scale(0.8);
  transition-delay: 0s;
}
.money-month-banner__logo {
  width: 100%;
  max-width: 24rem;
  margin: 4rem auto 2rem;
  position: relative;
  z-index: 2;
}
.money-month-banner .money-month-banner__message__content * {
  text-wrap: pretty !important;
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Money Month Banner
------------------------------------------------------------------*/
.has-sticky-anchor-menu-block .nav-down {
  transform: translateY(-2rem);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}

.sticky-anchor-menu-block {
  width: 100%;
  position: sticky;
  top: 2rem;
  z-index: 1000;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.sticky-anchor-menu-block .sticky-anchor-menu-block__wrap {
  padding-left: 0;
  padding-right: 0;
}
.sticky-anchor-menu-block.stuck .sticky-anchor-menu-block__wrap {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #ff0540 0%, #f0610f 100%);
  box-shadow: -1px 4px 74px -16px rgba(0, 0, 0, 0.15);
}
.sticky-anchor-menu-block.stuck p {
  color: #ffffff;
}
.sticky-anchor-menu-block.stuck .sticky-anchor-menu-block__link {
  color: #ffffff;
}
.sticky-anchor-menu-block.stuck .sticky-anchor-menu-block__link:hover {
  background: rgba(0, 0, 0, 0.15);
}
.sticky-anchor-menu-block.stuck .sticky-anchor-menu-block__link.active {
  background: #ffffff;
  color: #f0610f;
}
.sticky-anchor-menu-block--purple {
  margin-bottom: 4rem;
}
.sticky-anchor-menu-block--purple .sticky-anchor-menu-block__wrap__inner {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 2rem;
}
.sticky-anchor-menu-block--purple p {
  color: #ffffff;
}
.sticky-anchor-menu-block--purple .sticky-anchor-menu-block__link {
  color: #ffffff;
}
.sticky-anchor-menu-block--purple .sticky-anchor-menu-block__link:hover {
  background: #4d3ab1;
  color: #ffffff;
}
.sticky-anchor-menu-block--purple .sticky-anchor-menu-block__link.active {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%);
  color: #ffffff;
}
@media only screen and (min-width: 1280px) {
  .sticky-anchor-menu-block--purple .sticky-anchor-menu-block__wrap {
    text-align: left;
  }
}
.sticky-anchor-menu-block--purple .sticky-anchor-menu-block__wrap {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #4d45d6 0%, #924fef 100%) !important;
}
.sticky-anchor-menu-block--purple .sticky-anchor-menu-block__link.active {
  background: #ffffff;
  color: #410e84 !important;
}
.sticky-anchor-menu-block__wrap {
  position: relative;
  width: calc(100% - 4rem);
  margin: 4rem auto 0;
  border-radius: 1.5rem;
  overflow-x: scroll;
  overflow-y: hidden;
  background: white;
  padding: 2rem 2rem;
  white-space: nowrap;
  scrollbar-width: none;
}
@media only screen and (min-width: 1280px) {
  .sticky-anchor-menu-block__wrap {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .sticky-anchor-menu-block__wrap {
    width: calc(100% - 2rem);
    padding: 2rem 1rem;
    margin-right: 0;
    border-radius: 1.5rem 0 0 1.5rem;
  }
}
.sticky-anchor-menu-block ul {
  margin-left: 1.5rem;
}
.sticky-anchor-menu-block p {
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  padding-right: 1rem;
  display: inline-block;
}
.sticky-anchor-menu-block__list {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sticky-anchor-menu-block__list li {
  display: inline-block;
  margin-bottom: 0;
}
.sticky-anchor-menu-block__link {
  padding: 0.8rem 2rem;
  margin-right: 1rem;
  border-radius: 0.8rem;
  font-size: 2rem;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 767px) {
  .sticky-anchor-menu-block__link {
    font-size: 1.8rem;
    padding: 1.4rem 2rem;
  }
}
.sticky-anchor-menu-block__link:hover {
  background: #ededf6;
  color: #f0610f;
}
.sticky-anchor-menu-block__link.active {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(-90deg, #ff0540 0%, #f0610f 35%, #f0610f 80%, #f79e5c 100%);
  color: #ffffff;
}

/*------------------------------------------------------------------
Pages
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Login page
------------------------------------------------------------------*/
.login-modal .pristine-error {
  left: 0;
  right: auto !important;
}
.login-modal .pristine-error:after {
  content: "!";
  position: relative;
  display: inline-block;
}

#body .grecaptcha-badge {
  display: none !important;
}

.login {
  min-height: 100vh;
  display: flex;
  flex-wrap: wrap;
}
.login__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.login__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.login__image {
  overflow: hidden;
  width: 50%;
  position: relative;
}
@media only screen and (max-width: 967px) {
  .login__image {
    display: none;
  }
}
.login__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.login__form {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  padding: 4rem;
}
@media only screen and (max-width: 967px) {
  .login__form {
    width: 100%;
    position: relative;
  }
}
.login__form__wrap {
  max-width: 50rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.login__form__wrap__logo {
  margin: 6rem auto auto;
  align-self: flex-start;
}
.login__form__wrap__copy {
  width: 100%;
  position: relative;
}
.login__form__wrap__copy a {
  position: absolute;
  right: 0;
  bottom: 3rem;
}
.login__form__wrap #ForgotPassword {
  position: relative;
  top: -0.5rem;
}
.login__form__wrap #LostPasswordForm_lostPasswordForm + a {
  transform: translateY(-1rem);
}

.MemberLoginPage #ChangePasswordForm_ChangePasswordForm .btn-toolbar {
  text-align: center;
}
.MemberLoginPage #ChangePasswordForm_ChangePasswordForm .btn-toolbar button {
  margin-top: 1rem;
}

#ChangePasswordForm_ChangePasswordForm + .password-requirements {
  margin-top: 3rem;
  padding-left: 1rem;
}

#ChangePasswordForm_ChangePasswordForm ~ .strength {
  padding-left: 1rem;
}

.js-ajax-form .loader {
  display: block;
  top: 50%;
  margin-top: -4rem;
  border-width: 3px;
  width: 8rem;
  height: 8rem;
  border-top: 0.24rem solid rgba(255, 255, 255, 0.6);
  border-right: 0.24rem solid rgba(255, 255, 255, 0.6);
  border-bottom: 0.24rem solid rgba(255, 255, 255, 0.6);
}

/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Blog intro
------------------------------------------------------------------*/
.error-page {
  position: relative;
  width: calc(100% - 4rem);
  margin: 12rem auto;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  max-width: 1540px;
  padding: 0 2rem;
  align-items: center;
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  .error-page {
    flex-direction: column;
  }
}
.error-page__copy {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .error-page__copy {
    width: 100%;
  }
}
.error-page__form {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .error-page__form {
    width: 100%;
  }
}
.error-page__form form {
  position: relative;
}
.error-page__form input[type=search],
.error-page__form input[type=text] {
  background: url("https://sorted.org.nz/resources/themes/sorted/dist/images/standard/noise-sketch.webp"), linear-gradient(90deg, #f0610f 0%, #d46397 100%);
  border: 0;
  border-radius: 10000rem;
  color: #ffffff;
  font-size: 2.6rem;
  width: 100%;
  display: block;
  outline: 0;
  padding: 1.5rem 3.5rem;
}
.error-page__form input[type=search]::-webkit-input-placeholder,
.error-page__form input[type=text]::-webkit-input-placeholder {
  color: white;
}
.error-page__form input[type=search]:-moz-placeholder,
.error-page__form input[type=text]:-moz-placeholder {
  color: white;
}
.error-page__form input[type=search]::-moz-placeholder,
.error-page__form input[type=text]::-moz-placeholder {
  color: white;
}
.error-page__form input[type=search]:-ms-input-placeholder,
.error-page__form input[type=text]:-ms-input-placeholder {
  color: white;
}
.error-page__form input[type=search]:focus,
.error-page__form input[type=text]:focus {
  outline-offset: 2px;
  outline: 2px solid #d46397;
}
@media only screen and (max-width: 767px) {
  .error-page__form input[type=search],
  .error-page__form input[type=text] {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .error-page__form img {
    width: 3rem;
    top: 0.3rem !important;
  }
}
.error-page__form button[type=submit] {
  position: absolute;
  top: 1.2rem;
  right: 3rem;
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
}
.error-page__form button[type=submit]:hover {
  box-shadow: none;
}
.error-page__results {
  background: #ffffff;
  border-radius: 1.5rem;
  position: absolute;
  width: 100%;
  padding: 2rem 2rem 1.5rem;
  transform: translateY(-1rem) translateX(-50%);
  opacity: 0;
  left: 0;
  right: 0;
  top: calc(100% + 2rem);
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: calc(100vw - 4rem);
  max-width: 54rem;
  padding-top: 2rem;
  left: 50%;
}
.error-page__results.active {
  transform: translateY(0rem) translateX(-50%);
  opacity: 1;
}
.error-page__placeholder {
  position: relative;
}
.error-page__placeholder:before {
  content: "";
  position: absolute;
  top: 2px;
  height: 20px;
  left: 0;
  right: 0;
  background: rgba(28, 28, 28, 0.1);
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmer;
  animation-timing-function: linear;
  background: rgba(28, 28, 28, 0.1);
  background: linear-gradient(to right, #f4f4f7 10%, #ffffff 18%, #f4f4f7 33%);
  background-size: 800px 104px;
}

@keyframes shimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Modules
------------------------------------------------------------------*/
/*------------------------------------------------------------------
Print styles
------------------------------------------------------------------*/
@media print {
  .planner__list__intro__showcomplete,
  .slick-prev,
  .slick-next {
    display: none !important;
    opacity: 0 !important;
  }
  html {
    font-size: 6px;
    color: black;
  }
  .budget-tool-container {
    overflow: visible;
  }
  .budget-breakdown-wrap .budget-graph-wrap {
    width: 100% !important;
  }
  .budget-items-form-wrap {
    width: 100% !important;
    margin-top: 100rem;
  }
  .left-bar {
    display: none;
  }
  .btn-toggle-breakdownview {
    display: none;
  }
  .budget-breakdown-wrap {
    top: 0% !important;
    position: absolute;
    clear: both;
  }
  .js-export-my-budgeting-tool {
    display: none;
  }
  .budget-breakdown-wrap,
  .budget-items-form-wrap {
    width: 100%;
    position: relative;
  }
  .money-month-footer,
  .sign-up,
  .warning-copy,
  .categories-list-items .sub-category-view-toggle img,
  .budget-tool-row .budget-tool-master-category .budget-tool-master-category-inner .master-category-view-toggle:after,
  ._hj_feedback_container,
  .budget-view-chooser-container,
  .profile-picture-wrap,
  .header__push {
    display: none !important;
  }
  [data-aos] {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
  .printHeader {
    display: block !important;
    margin: 1rem 0 2rem;
    border-bottom: 1px solid #ededf6;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    position: relative;
  }
  .printHeader svg {
    width: 412px;
    height: 55px;
  }
  *,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  table,
  table *,
  .products__wrap__grid__item__image,
  .exactPrint,
  .exactPrint * {
    -webkit-print-color-adjust: exact;
  }
  p {
    -webkit-print-color-adjust: exact;
  }
  .header,
  .downloadTracker {
    display: none !important;
  }
  .banner {
    margin-top: 0 !important;
  }
  .banner .banner__item__copy__text {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }
  .banner .banner__item__background__caption {
    font-size: 1.2rem !important;
  }
  .tabbedContent__wrap__tabs__item__header {
    display: block !important;
  }
  .productLinks,
  .productSelector,
  .previousNext,
  .bannerPush,
  .sidebarWrapper__sidebar,
  .tabbedContent__wrap__triggers,
  .swatchFilter,
  .swatchFilterMobile,
  .productFilter,
  .productFilterMobile,
  .brands,
  .footer,
  .breadCrumbs__wrap__sharer {
    display: none !important;
  }
  .tabbedContent__wrap__tabs__item {
    display: block !important;
    padding-top: 0 !important;
    padding: 0 !important;
  }
  .svgeezy img,
  .products__wrap__grid__item,
  .sidebarWrapper__content,
  .tabbedContent__wrap__tabs {
    width: 100% !important;
  }
  table td,
  table td *,
  table td p,
  table {
    font-size: 1.2rem !important;
  }
  table th,
  table td {
    padding: 0.5rem !important;
  }
  .products__wrap__grid__item,
  .contentBlock,
  a {
    page-break-inside: avoid;
  }
  blockquote {
    page-break-inside: avoid;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  img {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  pre {
    page-break-inside: avoid;
  }
  ul,
  ol,
  dl {
    page-break-before: avoid;
  }
  .accordion__header {
    border: 0 !important;
  }
  .accordion__header svg {
    display: none !important;
  }
  .product__wrap__grid__item {
    display: block !important;
    border-bottom: 20px solid #ffffff;
    border-top: 0;
  }
  .transformer__target,
  .swatchGrid__wrap__item {
    display: block !important;
  }
  .transformer__header svg {
    display: none;
  }
  @page {
    margin: 2mm 5mm 4mm;
  }
  h1 {
    font-size: 2.3rem !important;
  }
  .product__wrap {
    border-top: 0;
    margin-top: 5rem;
    background: transparent !important;
  }
  .product__wrap__grid__item__content__column {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .planner__list,
  html {
    background: white !important;
  }
  #body .planner__add,
  .planner__add__grid,
  .planner__add__templates__categoriesMobile,
  .planner__add__templates,
  .planner__sidebar,
  .planner__add,
  .planner__list__details,
  .toolActions,
  .btn-sub-category-add,
  .js-reset-my-budgeting-tool,
  .secondaryShareButton,
  .btn-master-category-add,
  .tool-print-options-wrap,
  .existingBudgets,
  .options-row {
    display: none !important;
  }
  .author-details-container {
    margin-top: -2rem;
  }
  .categories-list-items {
    width: 100% !important;
    height: 100% !important;
    float: left !important;
    display: block !important;
  }
  .planner__sidebar {
    display: none;
  }
  .planner__add,
  .planner__plan,
  .toolRenamePrompt {
    display: none !important;
    position: absolute;
    left: -1000000rem;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .planner__print {
    display: block !important;
  }
  .budget__insight__optimise__list,
  .budget__sidebar,
  .budget__insight__tips {
    display: none;
  }
  #body .budget-group__container__flex {
    display: flex !important;
  }
  #body .budget__expenses__list {
    box-shadow: none;
    width: 100%;
  }
  #body .budget-group__container__flex__item__handle {
    opacity: 0;
  }
  #body .budget__expenses__list__view,
  #body .budget__expenses__list__prioritise,
  #body .budget__expenses__edit,
  #body .budget__expenses__list__create,
  #body .budget-group__container__flex__item__delete {
    display: none;
  }
  #body .budget-group__heading__toggle img {
    display: none;
  }
  #body .budget__expenses,
  #body .budget__insight {
    margin-left: 0;
  }
  #body .budget-group__container__create {
    display: none;
  }
  #body .budget__insight__header .select2-selection__arrow {
    display: none;
  }
  #body .budget__insight__header .select2-selection__rendered {
    padding-right: 1rem !important;
  }
  #body .budget__insight__header .toolTip {
    display: none;
  }
  #body .budget__insight__header * {
    font-size: 5rem !important;
  }
  #body .budget__insight__slider__detail__inner {
    height: 100% !important;
  }
  #body #budget-breakdown {
    width: 50rem !important;
    height: 50rem !important;
  }
  #body .budget__insight__slider__graph {
    width: 100%;
  }
  #body .budget__insight__slider__detail {
    padding: 0 !important;
  }
  #body .budget__insight__optimise__details {
    width: 100%;
  }
}
/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sweetalert2/src/sweetalert2.scss ***!
  \****************************************************************************************************************************************/
:root {
  --swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);
  --swal2-container-padding: 0.625em;
  --swal2-backdrop: rgba(0, 0, 0, 0.4);
  --swal2-backdrop-transition: background-color 0.15s;
  --swal2-width: 32em;
  --swal2-padding: 0 0 1.25em;
  --swal2-border: none;
  --swal2-border-radius: 0.3125rem;
  --swal2-background: white;
  --swal2-color: #545454;
  --swal2-show-animation: swal2-show 0.3s;
  --swal2-hide-animation: swal2-hide 0.15s forwards;
  --swal2-icon-zoom: 1;
  --swal2-icon-animations: true;
  --swal2-title-padding: 0.8em 1em 0;
  --swal2-html-container-padding: 1em 1.6em 0.3em;
  --swal2-input-border: 1px solid #d9d9d9;
  --swal2-input-border-radius: 0.1875em;
  --swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  --swal2-input-background: transparent;
  --swal2-input-transition: border-color 0.2s, box-shadow 0.2s;
  --swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  --swal2-input-focus-border: 1px solid #b4dbed;
  --swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
  --swal2-progress-step-background: #add8e6;
  --swal2-validation-message-background: #f0f0f0;
  --swal2-validation-message-color: #666;
  --swal2-footer-border-color: #eee;
  --swal2-footer-background: transparent;
  --swal2-footer-color: inherit;
  --swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);
  --swal2-close-button-position: initial;
  --swal2-close-button-inset: auto;
  --swal2-close-button-font-size: 2.5em;
  --swal2-close-button-color: #ccc;
  --swal2-close-button-transition: color 0.2s, box-shadow 0.2s;
  --swal2-close-button-outline: initial;
  --swal2-close-button-box-shadow: inset 0 0 0 3px transparent;
  --swal2-close-button-focus-box-shadow: inset var(--swal2-outline);
  --swal2-close-button-hover-transform: none;
  --swal2-actions-justify-content: center;
  --swal2-actions-width: auto;
  --swal2-actions-margin: 1.25em auto 0;
  --swal2-actions-padding: 0;
  --swal2-actions-border-radius: 0;
  --swal2-actions-background: transparent;
  --swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;
  --swal2-action-button-hover: black 10%;
  --swal2-action-button-active: black 10%;
  --swal2-confirm-button-box-shadow: none;
  --swal2-confirm-button-border-radius: 0.25em;
  --swal2-confirm-button-background-color: #7066e0;
  --swal2-confirm-button-color: #fff;
  --swal2-deny-button-box-shadow: none;
  --swal2-deny-button-border-radius: 0.25em;
  --swal2-deny-button-background-color: #dc3741;
  --swal2-deny-button-color: #fff;
  --swal2-cancel-button-box-shadow: none;
  --swal2-cancel-button-border-radius: 0.25em;
  --swal2-cancel-button-background-color: #6e7881;
  --swal2-cancel-button-color: #fff;
  --swal2-toast-show-animation: swal2-toast-show 0.5s;
  --swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;
  --swal2-toast-border: none;
  --swal2-toast-box-shadow:
    0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075),
    1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075);
}

[data-swal2-theme=dark] {
  --swal2-dark-theme-black: #19191a;
  --swal2-dark-theme-white: #e1e1e1;
  --swal2-background: var(--swal2-dark-theme-black);
  --swal2-color: var(--swal2-dark-theme-white);
  --swal2-footer-border-color: #555;
  --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
  --swal2-validation-message-background: color-mix(
    in srgb,
    var(--swal2-dark-theme-black),
    var(--swal2-dark-theme-white) 10%
  );
  --swal2-validation-message-color: var(--swal2-dark-theme-white);
  --swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7);
}

@media (prefers-color-scheme: dark) {
  [data-swal2-theme=auto] {
    --swal2-dark-theme-black: #19191a;
    --swal2-dark-theme-white: #e1e1e1;
    --swal2-background: var(--swal2-dark-theme-black);
    --swal2-color: var(--swal2-dark-theme-white);
    --swal2-footer-border-color: #555;
    --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
    --swal2-validation-message-background: color-mix(
      in srgb,
      var(--swal2-dark-theme-black),
      var(--swal2-dark-theme-white) 10%
    );
    --swal2-validation-message-color: var(--swal2-dark-theme-white);
    --swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7);
  }
}
body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) {
  overflow: hidden;
}
body.swal2-height-auto {
  height: auto !important;
}
body.swal2-no-backdrop .swal2-container {
  background-color: transparent !important;
  pointer-events: none;
}
body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: all;
}
body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 10px var(--swal2-backdrop);
}
body.swal2-toast-shown .swal2-container {
  box-sizing: border-box;
  width: 360px;
  max-width: 100%;
  background-color: transparent;
  pointer-events: none;
}
body.swal2-toast-shown .swal2-container.swal2-top {
  inset: 0 auto auto 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  inset: 0 0 auto auto;
}
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  inset: 0 auto auto 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  inset: 50% auto auto 0;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  inset: 50% 0 auto auto;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  inset: auto auto 0 0;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
  inset: auto auto 0 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  inset: auto 0 0 auto;
}
@media print {
  body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}

div:where(.swal2-container) {
  display: grid;
  position: fixed;
  z-index: 1060;
  inset: 0;
  box-sizing: border-box;
  grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
  height: 100%;
  padding: var(--swal2-container-padding);
  overflow-x: hidden;
  transition: var(--swal2-backdrop-transition);
  -webkit-overflow-scrolling: touch;
}
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
  background: var(--swal2-backdrop);
}
div:where(.swal2-container).swal2-backdrop-hide {
  background: transparent !important;
}
div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start {
  grid-template-columns: minmax(0, 1fr) auto auto;
}
div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end {
  grid-template-columns: auto auto minmax(0, 1fr);
}
div:where(.swal2-container).swal2-top-start > .swal2-popup {
  align-self: start;
}
div:where(.swal2-container).swal2-top > .swal2-popup {
  grid-column: 2;
  place-self: start center;
}
div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup {
  grid-column: 3;
  place-self: start end;
}
div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup {
  grid-row: 2;
  align-self: center;
}
div:where(.swal2-container).swal2-center > .swal2-popup {
  grid-column: 2;
  grid-row: 2;
  place-self: center center;
}
div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup {
  grid-column: 3;
  grid-row: 2;
  place-self: center end;
}
div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup {
  grid-column: 1;
  grid-row: 3;
  align-self: end;
}
div:where(.swal2-container).swal2-bottom > .swal2-popup {
  grid-column: 2;
  grid-row: 3;
  place-self: end center;
}
div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup {
  grid-column: 3;
  grid-row: 3;
  place-self: end end;
}
div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
  grid-column: 1/4;
  width: 100%;
}
div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
  grid-row: 1/4;
  align-self: stretch;
}
div:where(.swal2-container).swal2-no-transition {
  transition: none !important;
}
div:where(.swal2-container)[popover] {
  width: auto;
  border: 0;
}
div:where(.swal2-container) div:where(.swal2-popup) {
  display: none;
  position: relative;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 100%);
  width: var(--swal2-width);
  max-width: 100%;
  padding: var(--swal2-padding);
  border: var(--swal2-border);
  border-radius: var(--swal2-border-radius);
  background: var(--swal2-background);
  color: var(--swal2-color);
  font-family: inherit;
  font-size: 1rem;
  container-name: swal2-popup;
}
div:where(.swal2-container) div:where(.swal2-popup):focus {
  outline: none;
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
  overflow-y: hidden;
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable {
  cursor: grab;
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon) {
  cursor: grab;
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging {
  cursor: grabbing;
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon) {
  cursor: grabbing;
}
div:where(.swal2-container) h2:where(.swal2-title) {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: var(--swal2-title-padding);
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  overflow-wrap: break-word;
  cursor: initial;
}
div:where(.swal2-container) div:where(.swal2-actions) {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: var(--swal2-actions-justify-content);
  width: var(--swal2-actions-width);
  margin: var(--swal2-actions-margin);
  padding: var(--swal2-actions-padding);
  border-radius: var(--swal2-actions-border-radius);
  background: var(--swal2-actions-background);
}
div:where(.swal2-container) div:where(.swal2-loader) {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: 0.25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent #2778c4 transparent;
}
div:where(.swal2-container) button:where(.swal2-styled) {
  margin: 0.3125em;
  padding: 0.625em 1.1em;
  transition: var(--swal2-action-button-transition);
  border: none;
  box-shadow: 0 0 0 3px transparent;
  font-weight: 500;
}
div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
  cursor: pointer;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
  border-radius: var(--swal2-confirm-button-border-radius);
  background: initial;
  background-color: var(--swal2-confirm-button-background-color);
  box-shadow: var(--swal2-confirm-button-box-shadow);
  color: var(--swal2-confirm-button-color);
  font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover {
  background-color: color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover));
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active {
  background-color: color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active));
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) {
  border-radius: var(--swal2-deny-button-border-radius);
  background: initial;
  background-color: var(--swal2-deny-button-background-color);
  box-shadow: var(--swal2-deny-button-box-shadow);
  color: var(--swal2-deny-button-color);
  font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover {
  background-color: color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover));
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active {
  background-color: color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active));
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
  border-radius: var(--swal2-cancel-button-border-radius);
  background: initial;
  background-color: var(--swal2-cancel-button-background-color);
  box-shadow: var(--swal2-cancel-button-box-shadow);
  color: var(--swal2-cancel-button-color);
  font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover {
  background-color: color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover));
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active {
  background-color: color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active));
}
div:where(.swal2-container) button:where(.swal2-styled):focus-visible {
  outline: none;
  box-shadow: var(--swal2-action-button-focus-box-shadow);
}
div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading) {
  opacity: 0.4;
}
div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
  border: 0;
}
div:where(.swal2-container) div:where(.swal2-footer) {
  margin: 1em 0 0;
  padding: 1em 1em 0;
  border-top: 1px solid var(--swal2-footer-border-color);
  background: var(--swal2-footer-background);
  color: var(--swal2-footer-color);
  font-size: 1em;
  text-align: center;
  cursor: initial;
}
div:where(.swal2-container) .swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  grid-column: auto !important;
  overflow: hidden;
  border-bottom-right-radius: var(--swal2-border-radius);
  border-bottom-left-radius: var(--swal2-border-radius);
}
div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
  width: 100%;
  height: 0.25em;
  background: var(--swal2-timer-progress-bar-background);
}
div:where(.swal2-container) img:where(.swal2-image) {
  max-width: 100%;
  margin: 2em auto 1em;
  cursor: initial;
}
div:where(.swal2-container) button:where(.swal2-close) {
  position: var(--swal2-close-button-position);
  inset: var(--swal2-close-button-inset);
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: -1.2em;
  padding: 0;
  overflow: hidden;
  transition: var(--swal2-close-button-transition);
  border: none;
  border-radius: var(--swal2-border-radius);
  outline: var(--swal2-close-button-outline);
  background: transparent;
  color: var(--swal2-close-button-color);
  font-family: monospace;
  font-size: var(--swal2-close-button-font-size);
  cursor: pointer;
  justify-self: end;
}
div:where(.swal2-container) button:where(.swal2-close):hover {
  transform: var(--swal2-close-button-hover-transform);
  background: transparent;
  color: #f27474;
}
div:where(.swal2-container) button:where(.swal2-close):focus-visible {
  outline: none;
  box-shadow: var(--swal2-close-button-focus-box-shadow);
}
div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
  border: 0;
}
div:where(.swal2-container) div:where(.swal2-html-container) {
  z-index: 1;
  justify-content: center;
  margin: 0;
  padding: var(--swal2-html-container-padding);
  overflow: auto;
  color: inherit;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  overflow-wrap: break-word;
  word-break: break-word;
  cursor: initial;
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea),
div:where(.swal2-container) select:where(.swal2-select),
div:where(.swal2-container) div:where(.swal2-radio),
div:where(.swal2-container) label:where(.swal2-checkbox) {
  margin: 1em 2em 3px;
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
  box-sizing: border-box;
  width: auto;
  transition: var(--swal2-input-transition);
  border: var(--swal2-input-border);
  border-radius: var(--swal2-input-border-radius);
  background: var(--swal2-input-background);
  box-shadow: var(--swal2-input-box-shadow);
  color: inherit;
  font-size: 1.125em;
}
div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,
div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,
div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}
div:where(.swal2-container) input:where(.swal2-input):hover,
div:where(.swal2-container) input:where(.swal2-file):hover,
div:where(.swal2-container) textarea:where(.swal2-textarea):hover {
  box-shadow: var(--swal2-input-hover-box-shadow);
}
div:where(.swal2-container) input:where(.swal2-input):focus,
div:where(.swal2-container) input:where(.swal2-file):focus,
div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
  border: var(--swal2-input-focus-border);
  outline: none;
  box-shadow: var(--swal2-input-focus-box-shadow);
}
div:where(.swal2-container) input:where(.swal2-input)::placeholder,
div:where(.swal2-container) input:where(.swal2-file)::placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
  color: #ccc;
}
div:where(.swal2-container) .swal2-range {
  margin: 1em 2em 3px;
  background: var(--swal2-background);
}
div:where(.swal2-container) .swal2-range input {
  width: 80%;
}
div:where(.swal2-container) .swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}
div:where(.swal2-container) .swal2-range input,
div:where(.swal2-container) .swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}
div:where(.swal2-container) .swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}
div:where(.swal2-container) .swal2-file {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  background: var(--swal2-input-background);
  font-size: 1.125em;
}
div:where(.swal2-container) .swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}
div:where(.swal2-container) .swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: var(--swal2-input-background);
  color: inherit;
  font-size: 1.125em;
}
div:where(.swal2-container) .swal2-radio,
div:where(.swal2-container) .swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: var(--swal2-background);
  color: inherit;
}
div:where(.swal2-container) .swal2-radio label,
div:where(.swal2-container) .swal2-checkbox label {
  margin: 0 0.6em;
  font-size: 1.125em;
}
div:where(.swal2-container) .swal2-radio input,
div:where(.swal2-container) .swal2-checkbox input {
  flex-shrink: 0;
  margin: 0 0.4em;
}
div:where(.swal2-container) label:where(.swal2-input-label) {
  display: flex;
  justify-content: center;
  margin: 1em auto 0;
}
div:where(.swal2-container) div:where(.swal2-validation-message) {
  align-items: center;
  justify-content: center;
  margin: 1em 0 0;
  padding: 0.625em;
  overflow: hidden;
  background: var(--swal2-validation-message-background);
  color: var(--swal2-validation-message-color);
  font-size: 1em;
  font-weight: 300;
}
div:where(.swal2-container) div:where(.swal2-validation-message)::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}
div:where(.swal2-container) .swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 1.25em auto;
  padding: 0;
  background: transparent;
  font-weight: 600;
}
div:where(.swal2-container) .swal2-progress-steps li {
  display: inline-block;
  position: relative;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: var(--swal2-progress-step-background);
  color: #fff;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: var(--swal2-progress-step-background);
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #2778c4;
}

div:where(.swal2-icon) {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 2.5em auto 0.6em;
  zoom: var(--swal2-icon-zoom);
  border: 0.25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  user-select: none;
}
div:where(.swal2-icon) .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}
div:where(.swal2-icon).swal2-error {
  border-color: #f27474;
  color: #f27474;
}
div:where(.swal2-icon).swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}
@container swal2-popup style(--swal2-icon-animations:true) {
  div:where(.swal2-icon).swal2-error.swal2-icon-show {
    animation: swal2-animate-error-icon 0.5s;
  }
  div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
    animation: swal2-animate-error-x-mark 0.5s;
  }
}
div:where(.swal2-icon).swal2-warning {
  border-color: #f8bb86;
  color: #f8bb86;
}
@container swal2-popup style(--swal2-icon-animations:true) {
  div:where(.swal2-icon).swal2-warning.swal2-icon-show {
    animation: swal2-animate-error-icon 0.5s;
  }
  div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-i-mark 0.5s;
  }
}
div:where(.swal2-icon).swal2-info {
  border-color: #3fc3ee;
  color: #3fc3ee;
}
@container swal2-popup style(--swal2-icon-animations:true) {
  div:where(.swal2-icon).swal2-info.swal2-icon-show {
    animation: swal2-animate-error-icon 0.5s;
  }
  div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-i-mark 0.8s;
  }
}
div:where(.swal2-icon).swal2-question {
  border-color: #87adbd;
  color: #87adbd;
}
@container swal2-popup style(--swal2-icon-animations:true) {
  div:where(.swal2-icon).swal2-question.swal2-icon-show {
    animation: swal2-animate-error-icon 0.5s;
  }
  div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-question-mark 0.8s;
  }
}
div:where(.swal2-icon).swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  border-radius: 50%;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}
div:where(.swal2-icon).swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}
div:where(.swal2-icon).swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}
@container swal2-popup style(--swal2-icon-animations:true) {
  div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-animate-success-line-tip 0.75s;
  }
  div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-animate-success-line-long 0.75s;
  }
  div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    animation: swal2-rotate-success-circular-line 4.25s ease-in;
  }
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  animation: var(--swal2-show-animation);
}

.swal2-hide {
  animation: var(--swal2-hide-animation);
}

.swal2-noanimation {
  transition: none;
}

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.swal2-rtl .swal2-close {
  margin-right: initial;
  margin-left: 0;
}
.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}

.swal2-toast {
  box-sizing: border-box;
  grid-column: 1/4 !important;
  grid-row: 1/4 !important;
  grid-template-columns: min-content auto min-content;
  padding: 1em;
  overflow-y: hidden;
  border: var(--swal2-toast-border);
  background: var(--swal2-background);
  box-shadow: var(--swal2-toast-box-shadow);
  pointer-events: all;
}
.swal2-toast > * {
  grid-column: 2;
}
.swal2-toast h2:where(.swal2-title) {
  margin: 0.5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}
.swal2-toast .swal2-loading {
  justify-content: center;
}
.swal2-toast input:where(.swal2-input) {
  height: 2em;
  margin: 0.5em;
  font-size: 1em;
}
.swal2-toast .swal2-validation-message {
  font-size: 1em;
}
.swal2-toast div:where(.swal2-footer) {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}
.swal2-toast button:where(.swal2-close) {
  grid-column: 3/3;
  grid-row: 1/99;
  align-self: center;
  width: 0.8em;
  height: 0.8em;
  margin: 0;
  font-size: 2em;
}
.swal2-toast div:where(.swal2-html-container) {
  margin: 0.5em 1em;
  padding: 0;
  overflow: initial;
  font-size: 1em;
  text-align: initial;
}
.swal2-toast div:where(.swal2-html-container):empty {
  padding: 0;
}
.swal2-toast .swal2-loader {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  height: 2em;
  margin: 0.25em;
}
.swal2-toast .swal2-icon {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0 0.5em 0 0;
}
.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: bold;
}
.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}
.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}
.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}
.swal2-toast div:where(.swal2-actions) {
  justify-content: flex-start;
  height: auto;
  margin: 0;
  margin-top: 0.5em;
  padding: 0 0.5em;
}
.swal2-toast button:where(.swal2-styled) {
  margin: 0.25em 0.5em;
  padding: 0.4em 0.6em;
  font-size: 1em;
}
.swal2-toast .swal2-success {
  border-color: #a5dc86;
}
.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  border-radius: 50%;
}
.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}
.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}
.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}
.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}
.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}
.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}
@container swal2-popup style(--swal2-icon-animations:true) {
  .swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-toast-animate-success-line-tip 0.75s;
  }
  .swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-toast-animate-success-line-long 0.75s;
  }
}
.swal2-toast.swal2-show {
  animation: var(--swal2-toast-show-animation);
}
.swal2-toast.swal2-hide {
  animation: var(--swal2-toast-hide-animation);
}

@keyframes swal2-show {
  0% {
    transform: translate3d(0, -50px, 0) scale(0.9);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes swal2-hide {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -50px, 0) scale(0.9);
    opacity: 0;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
  25% {
    transform: rotateZ(-25deg);
    opacity: 0.4;
  }
  50% {
    transform: rotateZ(15deg);
    opacity: 0.8;
  }
  75% {
    transform: rotateZ(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}