/*!*************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/fontface.css ***!
  \*************************************************************************************************/
@font-face {
  font-family: "Roobert Pro";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/e2fda0dc25bfc43948b6.woff2) format("woff2");
}
@font-face {
  font-family: "Roobert Pro";
  font-style: normal;
  font-weight: 600;
  src: url(/assets/94d776285aae5e7f719e.woff2) format("woff2");
}
@font-face {
  font-family: "Roobert Pro";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/9b115f9ba85da0f80659.woff2) format("woff2");
}
@font-face {
  font-family: "Roobert Pro";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fd673adcce451de0af05.woff2) format("woff2");
}
@font-face {
  font-family: "Tartuffo";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/88a7b08c60a42c3cdb03.woff2) format("woff2");
}
@font-face {
  font-family: "Tartuffo";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/8ebba87ab45bd13c3dd3.woff2) format("woff2");
}
@font-face {
  font-family: "Tartuffo";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/29ac6ccf145c0b8da65e.woff2) format("woff2");
}
/*!************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-button-structure/build/ButtonStructure.css ***!
  \************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/ButtonStructure.module.scss */
@keyframes _e6Nlg {
  50% {
    opacity: 0.2;
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.tPD54g {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  padding: 0;
  transition: var(--button-variant-primary-state-enabled-duration, 180ms) var(--button-variant-primary-state-enabled-easing, cubic-bezier(0.42, 0, 0.58, 1));
  transition-property:
    background-color,
    border-color,
    transform;
  border-width: 1px;
  border-style: solid;
  gap: 8px;
}
@media screen and (min-width: 0) {
  .tPD54g._8oa1xg {
    padding: 0 var(--button-size-l-container-composition-horizontal-padding, 20px);
    height: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g._8oa1xg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-l-container-composition-vertical-padding, 12px) - var(--button-size-l-container-composition-border-width, 1px)) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(var(--button-size-l-container-composition-vertical-padding, 12px) * -1) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 0) {
  .tPD54g.I-8ewg {
    padding: 0 var(--button-size-m-container-composition-horizontal-padding, 16px);
    height: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g.I-8ewg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-m-container-composition-vertical-padding, 8px) - var(--button-size-m-container-composition-border-width, 1px)) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(var(--button-size-m-container-composition-vertical-padding, 8px) * -1) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 0) {
  .tPD54g._-Yxl8g {
    padding: 0 var(--button-size-s-container-composition-horizontal-padding, 12px);
    height: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g._-Yxl8g.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-s-container-composition-vertical-padding, 6px) - var(--button-size-s-container-composition-border-width, 1px)) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(var(--button-size-s-container-composition-vertical-padding, 6px) * -1) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 512px) {
  .tPD54g.ciql3g {
    padding: 0 var(--button-size-l-container-composition-horizontal-padding, 20px);
    height: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g.ciql3g.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-l-container-composition-vertical-padding, 12px) - var(--button-size-l-container-composition-border-width, 1px)) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(var(--button-size-l-container-composition-vertical-padding, 12px) * -1) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 512px) {
  .tPD54g.tyURlg {
    padding: 0 var(--button-size-m-container-composition-horizontal-padding, 16px);
    height: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g.tyURlg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-m-container-composition-vertical-padding, 8px) - var(--button-size-m-container-composition-border-width, 1px)) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(var(--button-size-m-container-composition-vertical-padding, 8px) * -1) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 512px) {
  .tPD54g.egqOBg {
    padding: 0 var(--button-size-s-container-composition-horizontal-padding, 12px);
    height: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g.egqOBg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-s-container-composition-vertical-padding, 6px) - var(--button-size-s-container-composition-border-width, 1px)) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(var(--button-size-s-container-composition-vertical-padding, 6px) * -1) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 520px) {
  .tPD54g.IL12Ig {
    padding: 0 var(--button-size-l-container-composition-horizontal-padding, 20px);
    height: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g.IL12Ig.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-l-container-composition-vertical-padding, 12px) - var(--button-size-l-container-composition-border-width, 1px)) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(var(--button-size-l-container-composition-vertical-padding, 12px) * -1) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 520px) {
  .tPD54g.METXPg {
    padding: 0 var(--button-size-m-container-composition-horizontal-padding, 16px);
    height: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g.METXPg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-m-container-composition-vertical-padding, 8px) - var(--button-size-m-container-composition-border-width, 1px)) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(var(--button-size-m-container-composition-vertical-padding, 8px) * -1) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 520px) {
  .tPD54g.FyfDDg {
    padding: 0 var(--button-size-s-container-composition-horizontal-padding, 12px);
    height: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g.FyfDDg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-s-container-composition-vertical-padding, 6px) - var(--button-size-s-container-composition-border-width, 1px)) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(var(--button-size-s-container-composition-vertical-padding, 6px) * -1) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .tPD54g.QLsn5g {
    padding: 0 var(--button-size-l-container-composition-horizontal-padding, 20px);
    height: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g.QLsn5g.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-l-container-composition-vertical-padding, 12px) - var(--button-size-l-container-composition-border-width, 1px)) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(var(--button-size-l-container-composition-vertical-padding, 12px) * -1) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .tPD54g.ZWUH6g {
    padding: 0 var(--button-size-m-container-composition-horizontal-padding, 16px);
    height: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g.ZWUH6g.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-m-container-composition-vertical-padding, 8px) - var(--button-size-m-container-composition-border-width, 1px)) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(var(--button-size-m-container-composition-vertical-padding, 8px) * -1) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .tPD54g.FiEmMg {
    padding: 0 var(--button-size-s-container-composition-horizontal-padding, 12px);
    height: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g.FiEmMg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-s-container-composition-vertical-padding, 6px) - var(--button-size-s-container-composition-border-width, 1px)) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(var(--button-size-s-container-composition-vertical-padding, 6px) * -1) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 1024px) {
  .tPD54g.mL4cdg {
    padding: 0 var(--button-size-l-container-composition-horizontal-padding, 20px);
    height: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g.mL4cdg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-l-container-composition-vertical-padding, 12px) - var(--button-size-l-container-composition-border-width, 1px)) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(var(--button-size-l-container-composition-vertical-padding, 12px) * -1) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 1024px) {
  .tPD54g.wCokxg {
    padding: 0 var(--button-size-m-container-composition-horizontal-padding, 16px);
    height: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g.wCokxg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-m-container-composition-vertical-padding, 8px) - var(--button-size-m-container-composition-border-width, 1px)) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(var(--button-size-m-container-composition-vertical-padding, 8px) * -1) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 1024px) {
  .tPD54g.vVBl6g {
    padding: 0 var(--button-size-s-container-composition-horizontal-padding, 12px);
    height: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g.vVBl6g.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-s-container-composition-vertical-padding, 6px) - var(--button-size-s-container-composition-border-width, 1px)) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(var(--button-size-s-container-composition-vertical-padding, 6px) * -1) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 1280px) {
  .tPD54g._1sySkg {
    padding: 0 var(--button-size-l-container-composition-horizontal-padding, 20px);
    height: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g._1sySkg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-l-container-composition-vertical-padding, 12px) - var(--button-size-l-container-composition-border-width, 1px)) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(var(--button-size-l-container-composition-vertical-padding, 12px) * -1) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 1280px) {
  .tPD54g.a37cMg {
    padding: 0 var(--button-size-m-container-composition-horizontal-padding, 16px);
    height: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g.a37cMg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-m-container-composition-vertical-padding, 8px) - var(--button-size-m-container-composition-border-width, 1px)) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(var(--button-size-m-container-composition-vertical-padding, 8px) * -1) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 1280px) {
  .tPD54g.eA9xOg {
    padding: 0 var(--button-size-s-container-composition-horizontal-padding, 12px);
    height: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g.eA9xOg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-s-container-composition-vertical-padding, 6px) - var(--button-size-s-container-composition-border-width, 1px)) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(var(--button-size-s-container-composition-vertical-padding, 6px) * -1) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 1440px) {
  .tPD54g._3t1t2g {
    padding: 0 var(--button-size-l-container-composition-horizontal-padding, 20px);
    height: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g._3t1t2g.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-l-container-composition-vertical-padding, 12px) - var(--button-size-l-container-composition-border-width, 1px)) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(var(--button-size-l-container-composition-vertical-padding, 12px) * -1) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 1440px) {
  .tPD54g.cx4Pbg {
    padding: 0 var(--button-size-m-container-composition-horizontal-padding, 16px);
    height: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g.cx4Pbg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-m-container-composition-vertical-padding, 8px) - var(--button-size-m-container-composition-border-width, 1px)) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(var(--button-size-m-container-composition-vertical-padding, 8px) * -1) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 1440px) {
  .tPD54g.BgMawg {
    padding: 0 var(--button-size-s-container-composition-horizontal-padding, 12px);
    height: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g.BgMawg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-s-container-composition-vertical-padding, 6px) - var(--button-size-s-container-composition-border-width, 1px)) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(var(--button-size-s-container-composition-vertical-padding, 6px) * -1) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 1920px) {
  .tPD54g.xCOoNg {
    padding: 0 var(--button-size-l-container-composition-horizontal-padding, 20px);
    height: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g.xCOoNg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-l-container-composition-vertical-padding, 12px) - var(--button-size-l-container-composition-border-width, 1px)) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(var(--button-size-l-container-composition-vertical-padding, 12px) * -1) calc(var(--button-size-l-container-composition-horizontal-padding, 20px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 1920px) {
  .tPD54g.GoaB9g {
    padding: 0 var(--button-size-m-container-composition-horizontal-padding, 16px);
    height: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g.GoaB9g.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-m-container-composition-vertical-padding, 8px) - var(--button-size-m-container-composition-border-width, 1px)) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(var(--button-size-m-container-composition-vertical-padding, 8px) * -1) calc(var(--button-size-m-container-composition-horizontal-padding, 16px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 1920px) {
  .tPD54g.fRDWJg {
    padding: 0 var(--button-size-s-container-composition-horizontal-padding, 12px);
    height: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g.fRDWJg.nE2t9g {
    height: unset;
    padding: calc(var(--button-size-s-container-composition-vertical-padding, 6px) - var(--button-size-s-container-composition-border-width, 1px)) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(var(--button-size-s-container-composition-vertical-padding, 6px) * -1) calc(var(--button-size-s-container-composition-horizontal-padding, 12px) * -1);
    width: max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 0) {
  .tPD54g.p0raJg {
    padding: 0;
    width: var(--button-size-l-container-composition-height, 48px);
    min-width: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g.p0raJg.nE2t9g {
    padding: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 0) {
  .tPD54g.xR_IAg {
    padding: 0;
    width: var(--button-size-m-container-composition-height, 40px);
    min-width: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g.xR_IAg.nE2t9g {
    padding: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 0) {
  .tPD54g.ntgY1g {
    padding: 0;
    width: var(--button-size-s-container-composition-height, 32px);
    min-width: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g.ntgY1g.nE2t9g {
    padding: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) * -1);
  }
}
@media screen and (min-width: 512px) {
  .tPD54g.KXI1vg {
    padding: 0;
    width: var(--button-size-l-container-composition-height, 48px);
    min-width: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g.KXI1vg.nE2t9g {
    padding: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 512px) {
  .tPD54g._79TS7g {
    padding: 0;
    width: var(--button-size-m-container-composition-height, 40px);
    min-width: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g._79TS7g.nE2t9g {
    padding: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 512px) {
  .tPD54g._7sLtKg {
    padding: 0;
    width: var(--button-size-s-container-composition-height, 32px);
    min-width: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g._7sLtKg.nE2t9g {
    padding: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) * -1);
  }
}
@media screen and (min-width: 520px) {
  .tPD54g.TUE3Pg {
    padding: 0;
    width: var(--button-size-l-container-composition-height, 48px);
    min-width: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g.TUE3Pg.nE2t9g {
    padding: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 520px) {
  .tPD54g.IuZRxg {
    padding: 0;
    width: var(--button-size-m-container-composition-height, 40px);
    min-width: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g.IuZRxg.nE2t9g {
    padding: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 520px) {
  .tPD54g.Pmfq0g {
    padding: 0;
    width: var(--button-size-s-container-composition-height, 32px);
    min-width: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g.Pmfq0g.nE2t9g {
    padding: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) * -1);
  }
}
@media screen and (min-width: 768px) {
  .tPD54g.gGQtwg {
    padding: 0;
    width: var(--button-size-l-container-composition-height, 48px);
    min-width: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g.gGQtwg.nE2t9g {
    padding: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 768px) {
  .tPD54g.NzdDng {
    padding: 0;
    width: var(--button-size-m-container-composition-height, 40px);
    min-width: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g.NzdDng.nE2t9g {
    padding: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 768px) {
  .tPD54g.AG_Ybg {
    padding: 0;
    width: var(--button-size-s-container-composition-height, 32px);
    min-width: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g.AG_Ybg.nE2t9g {
    padding: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) * -1);
  }
}
@media screen and (min-width: 1024px) {
  .tPD54g.fiLjRg {
    padding: 0;
    width: var(--button-size-l-container-composition-height, 48px);
    min-width: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g.fiLjRg.nE2t9g {
    padding: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 1024px) {
  .tPD54g.C7s4Vg {
    padding: 0;
    width: var(--button-size-m-container-composition-height, 40px);
    min-width: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g.C7s4Vg.nE2t9g {
    padding: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 1024px) {
  .tPD54g._9xA5Ug {
    padding: 0;
    width: var(--button-size-s-container-composition-height, 32px);
    min-width: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g._9xA5Ug.nE2t9g {
    padding: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) * -1);
  }
}
@media screen and (min-width: 1280px) {
  .tPD54g.bdZlLg {
    padding: 0;
    width: var(--button-size-l-container-composition-height, 48px);
    min-width: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g.bdZlLg.nE2t9g {
    padding: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 1280px) {
  .tPD54g.fvQUfg {
    padding: 0;
    width: var(--button-size-m-container-composition-height, 40px);
    min-width: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g.fvQUfg.nE2t9g {
    padding: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 1280px) {
  .tPD54g.Zu_ZDg {
    padding: 0;
    width: var(--button-size-s-container-composition-height, 32px);
    min-width: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g.Zu_ZDg.nE2t9g {
    padding: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) * -1);
  }
}
@media screen and (min-width: 1440px) {
  .tPD54g.bwbT0g {
    padding: 0;
    width: var(--button-size-l-container-composition-height, 48px);
    min-width: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g.bwbT0g.nE2t9g {
    padding: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 1440px) {
  .tPD54g.YfAujg {
    padding: 0;
    width: var(--button-size-m-container-composition-height, 40px);
    min-width: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g.YfAujg.nE2t9g {
    padding: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 1440px) {
  .tPD54g.tV5-Bg {
    padding: 0;
    width: var(--button-size-s-container-composition-height, 32px);
    min-width: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g.tV5-Bg.nE2t9g {
    padding: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) * -1);
  }
}
@media screen and (min-width: 1920px) {
  .tPD54g._3LWIYg {
    padding: 0;
    width: var(--button-size-l-container-composition-height, 48px);
    min-width: var(--button-size-l-container-composition-height, 48px);
  }
  .tPD54g._3LWIYg.nE2t9g {
    padding: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) - var(--button-size-l-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-l-container-composition-height, 48px) - var(--button-size-l-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 1920px) {
  .tPD54g.TmVmVg {
    padding: 0;
    width: var(--button-size-m-container-composition-height, 40px);
    min-width: var(--button-size-m-container-composition-height, 40px);
  }
  .tPD54g.TmVmVg.nE2t9g {
    padding: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) - var(--button-size-m-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-m-container-composition-height, 40px) - var(--button-size-m-icon-composition-sizing, 24px)) / 2) * -1);
  }
}
@media screen and (min-width: 1920px) {
  .tPD54g._1rZ66g {
    padding: 0;
    width: var(--button-size-s-container-composition-height, 32px);
    min-width: var(--button-size-s-container-composition-height, 32px);
  }
  .tPD54g._1rZ66g.nE2t9g {
    padding: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) - var(--button-size-s-container-composition-border-width, 1px));
    margin: calc(calc((var(--button-size-s-container-composition-height, 32px) - var(--button-size-s-icon-composition-sizing, 20px)) / 2) * -1);
  }
}
.tPD54g.WnQ3wg {
  border-radius: var(--button-shape-square-container-composition-border-radius, 8px);
}
.tPD54g._2qQNQg {
  border-radius: var(--button-shape-pill-container-composition-border-radius, 999px);
}
.tPD54g.igyRxg {
  transform: scale(var(--button-variant-primary-state-enabled-scale, 1));
  background-color: var(--button-variant-primary-state-enabled-container-background-color, #0d1619);
  color: var(--button-variant-primary-state-enabled-text-text-color, #ffffff);
  border-color: var(--button-variant-primary-state-enabled-container-border-color, #0d1619);
}
@media (hover: hover) and (pointer: fine) {
  .tPD54g.igyRxg:hover {
    transform: scale(var(--button-variant-primary-state-hover-scale, 1));
    background-color: var(--button-variant-primary-state-hover-container-background-color, #3a4144);
    color: var(--button-variant-primary-state-hover-text-text-color, #ffffff);
    border-color: var(--button-variant-primary-state-hover-container-border-color, #3a4144);
  }
}
.tPD54g.igyRxg:active {
  transform: scale(var(--button-variant-primary-state-active-scale, 0.96));
  background-color: var(--button-variant-primary-state-active-container-background-color, #3a4144);
  color: var(--button-variant-primary-state-active-text-text-color, #ffffff);
  border-color: var(--button-variant-primary-state-active-container-border-color, #3a4144);
}
.tPD54g.igyRxg.tZfdeg {
  transform: scale(var(--button-variant-primary-state-selected-scale, 1));
  background-color: var(--button-variant-primary-state-selected-container-background-color, #606263);
  color: var(--button-variant-primary-state-selected-text-text-color, #ffffff);
  border-color: var(--button-variant-primary-state-selected-container-border-color, #606263);
}
.tPD54g.igyRxg.sQbeYg {
  transform: scale(var(--button-variant-primary-state-disabled-scale, 1));
  background-color: var(--button-variant-primary-state-disabled-container-background-color, #f2f2f2);
  color: var(--button-variant-primary-state-disabled-text-text-color, #acacac);
  border-color: var(--button-variant-primary-state-disabled-container-border-color, #f2f2f2);
  cursor: default;
  pointer-events: none;
}
.tPD54g._i2Nug {
  transform: scale(var(--button-variant-secondary-state-enabled-scale, 1));
  background-color: var(--button-variant-secondary-state-enabled-container-background-color, #ffffff);
  color: var(--button-variant-secondary-state-enabled-text-text-color, #0d1619);
  border-color: var(--button-variant-secondary-state-enabled-container-border-color, #bfbfbf);
}
@media (hover: hover) and (pointer: fine) {
  .tPD54g._i2Nug:hover {
    transform: scale(var(--button-variant-secondary-state-hover-scale, 1));
    background-color: var(--button-variant-secondary-state-hover-container-background-color, #f2f2f2);
    color: var(--button-variant-secondary-state-hover-text-text-color, #0d1619);
    border-color: var(--button-variant-secondary-state-hover-container-border-color, #acacac);
  }
}
.tPD54g._i2Nug:active {
  transform: scale(var(--button-variant-secondary-state-active-scale, 0.96));
  background-color: var(--button-variant-secondary-state-active-container-background-color, #f2f2f2);
  color: var(--button-variant-secondary-state-active-text-text-color, #0d1619);
  border-color: var(--button-variant-secondary-state-active-container-border-color, #0d1619);
}
.tPD54g._i2Nug.tZfdeg {
  transform: scale(var(--button-variant-secondary-state-selected-scale, 1));
  background-color: var(--button-variant-secondary-state-selected-container-background-color, #e5e5e5);
  color: var(--button-variant-secondary-state-selected-text-text-color, #0d1619);
  border-color: var(--button-variant-secondary-state-selected-container-border-color, #0d1619);
}
.tPD54g._i2Nug.sQbeYg {
  transform: scale(var(--button-variant-secondary-state-disabled-scale, 1));
  background-color: var(--button-variant-secondary-state-disabled-container-background-color, #f2f2f2);
  color: var(--button-variant-secondary-state-disabled-text-text-color, #acacac);
  border-color: var(--button-variant-secondary-state-disabled-container-border-color, #f2f2f2);
  cursor: default;
  pointer-events: none;
}
.tPD54g._3epqZg {
  transform: scale(var(--button-variant-tertiary-state-enabled-scale, 1));
  background-color: var(--button-variant-tertiary-state-enabled-container-background-color, rgba(13, 22, 25, 0));
  color: var(--button-variant-tertiary-state-enabled-text-text-color, #0d1619);
  border-color: var(--button-variant-tertiary-state-enabled-container-border-color, rgba(255, 255, 255, 0));
}
@media (hover: hover) and (pointer: fine) {
  .tPD54g._3epqZg:hover {
    transform: scale(var(--button-variant-tertiary-state-hover-scale, 1));
    background-color: var(--button-variant-tertiary-state-hover-container-background-color, rgba(13, 22, 25, 0.0588235294));
    color: var(--button-variant-tertiary-state-hover-text-text-color, #0d1619);
    border-color: var(--button-variant-tertiary-state-hover-container-border-color, rgba(255, 255, 255, 0));
  }
}
.tPD54g._3epqZg:active {
  transform: scale(var(--button-variant-tertiary-state-active-scale, 0.96));
  background-color: var(--button-variant-tertiary-state-active-container-background-color, rgba(13, 22, 25, 0.0588235294));
  color: var(--button-variant-tertiary-state-active-text-text-color, #0d1619);
  border-color: var(--button-variant-tertiary-state-active-container-border-color, rgba(255, 255, 255, 0));
}
.tPD54g._3epqZg.tZfdeg {
  transform: scale(var(--button-variant-tertiary-state-selected-scale, 1));
  background-color: var(--button-variant-tertiary-state-selected-container-background-color, rgba(13, 22, 25, 0.1215686275));
  color: var(--button-variant-tertiary-state-selected-text-text-color, #0d1619);
  border-color: var(--button-variant-tertiary-state-selected-container-border-color, rgba(255, 255, 255, 0));
}
.tPD54g._3epqZg.sQbeYg {
  transform: scale(var(--button-variant-tertiary-state-disabled-scale, 1));
  background-color: var(--button-variant-tertiary-state-disabled-container-background-color, rgba(13, 22, 25, 0));
  color: var(--button-variant-tertiary-state-disabled-text-text-color, #acacac);
  border-color: var(--button-variant-tertiary-state-disabled-container-border-color, rgba(255, 255, 255, 0));
  cursor: default;
  pointer-events: none;
}
.tPD54g.PB6uIg {
  transform: scale(var(--button-variant-destructive-state-enabled-scale, 1));
  background-color: var(--button-variant-destructive-state-enabled-container-background-color, #d4163a);
  color: var(--button-variant-destructive-state-enabled-text-text-color, #ffffff);
  border-color: var(--button-variant-destructive-state-enabled-container-border-color, #d4163a);
}
@media (hover: hover) and (pointer: fine) {
  .tPD54g.PB6uIg:hover {
    transform: scale(var(--button-variant-destructive-state-hover-scale, 1));
    background-color: var(--button-variant-destructive-state-hover-container-background-color, #bb1232);
    color: var(--button-variant-destructive-state-hover-text-text-color, #ffffff);
    border-color: var(--button-variant-destructive-state-hover-container-border-color, #bb1232);
  }
}
.tPD54g.PB6uIg:active {
  transform: scale(var(--button-variant-destructive-state-active-scale, 0.96));
  background-color: var(--button-variant-destructive-state-active-container-background-color, #bb1232);
  color: var(--button-variant-destructive-state-active-text-text-color, #ffffff);
  border-color: var(--button-variant-destructive-state-active-container-border-color, #bb1232);
}
.tPD54g.PB6uIg.tZfdeg {
  transform: scale(var(--button-variant-destructive-state-selected-scale, 1));
  background-color: var(--button-variant-destructive-state-selected-container-background-color, #831324);
  color: var(--button-variant-destructive-state-selected-text-text-color, #ffffff);
  border-color: var(--button-variant-destructive-state-selected-container-border-color, #831324);
}
.tPD54g.PB6uIg.sQbeYg {
  transform: scale(var(--button-variant-destructive-state-disabled-scale, 1));
  background-color: var(--button-variant-destructive-state-disabled-container-background-color, #f2f2f2);
  color: var(--button-variant-destructive-state-disabled-text-text-color, #acacac);
  border-color: var(--button-variant-destructive-state-disabled-container-border-color, #f2f2f2);
  cursor: default;
  pointer-events: none;
}
.tPD54g.Z3Iqtg {
  transform: scale(var(--button-variant-destructive-secondary-state-enabled-scale, 1));
  background-color: var(--button-variant-destructive-secondary-state-enabled-container-background-color, rgba(13, 22, 25, 0));
  color: var(--button-variant-destructive-secondary-state-enabled-text-text-color, #d4163a);
  border-color: var(--button-variant-destructive-secondary-state-enabled-container-border-color, rgba(255, 255, 255, 0));
}
@media (hover: hover) and (pointer: fine) {
  .tPD54g.Z3Iqtg:hover {
    transform: scale(var(--button-variant-destructive-secondary-state-hover-scale, 1));
    background-color: var(--button-variant-destructive-secondary-state-hover-container-background-color, rgba(13, 22, 25, 0.0588235294));
    color: var(--button-variant-destructive-secondary-state-hover-text-text-color, #d4163a);
    border-color: var(--button-variant-destructive-secondary-state-hover-container-border-color, rgba(255, 255, 255, 0));
  }
}
.tPD54g.Z3Iqtg:active {
  transform: scale(var(--button-variant-destructive-secondary-state-active-scale, 0.96));
  background-color: var(--button-variant-destructive-secondary-state-active-container-background-color, rgba(13, 22, 25, 0.0588235294));
  color: var(--button-variant-destructive-secondary-state-active-text-text-color, #d4163a);
  border-color: var(--button-variant-destructive-secondary-state-active-container-border-color, rgba(255, 255, 255, 0));
}
.tPD54g.Z3Iqtg.tZfdeg {
  transform: scale(var(--button-variant-destructive-secondary-state-selected-scale, 1));
  background-color: var(--button-variant-destructive-secondary-state-selected-container-background-color, rgba(13, 22, 25, 0.1215686275));
  color: var(--button-variant-destructive-secondary-state-selected-text-text-color, #d4163a);
  border-color: var(--button-variant-destructive-secondary-state-selected-container-border-color, rgba(255, 255, 255, 0));
}
.tPD54g.Z3Iqtg.sQbeYg {
  transform: scale(var(--button-variant-destructive-secondary-state-disabled-scale, 1));
  background-color: var(--button-variant-destructive-secondary-state-disabled-container-background-color, rgba(13, 22, 25, 0));
  color: var(--button-variant-destructive-secondary-state-disabled-text-text-color, #acacac);
  border-color: var(--button-variant-destructive-secondary-state-disabled-container-border-color, rgba(255, 255, 255, 0));
  cursor: default;
  pointer-events: none;
}
.tPD54g.ObxIVg {
  transform: scale(var(--button-variant-on-interactive-secondary-state-enabled-scale, 1));
  background-color: var(--button-variant-on-interactive-secondary-state-enabled-container-background-color, rgba(255, 255, 255, 0));
  color: var(--button-variant-on-interactive-secondary-state-enabled-text-text-color, #ffffff);
  border-color: var(--button-variant-on-interactive-secondary-state-enabled-container-border-color, rgba(255, 255, 255, 0));
}
@media (hover: hover) and (pointer: fine) {
  .tPD54g.ObxIVg:hover {
    transform: scale(var(--button-variant-on-interactive-secondary-state-hover-scale, 1));
    background-color: var(--button-variant-on-interactive-secondary-state-hover-container-background-color, rgba(255, 255, 255, 0.0588235294));
    color: var(--button-variant-on-interactive-secondary-state-hover-text-text-color, #ffffff);
    border-color: var(--button-variant-on-interactive-secondary-state-hover-container-border-color, rgba(255, 255, 255, 0));
  }
}
.tPD54g.ObxIVg:active {
  transform: scale(var(--button-variant-on-interactive-secondary-state-active-scale, 0.96));
  background-color: var(--button-variant-on-interactive-secondary-state-active-container-background-color, rgba(255, 255, 255, 0.0588235294));
  color: var(--button-variant-on-interactive-secondary-state-active-text-text-color, #ffffff);
  border-color: var(--button-variant-on-interactive-secondary-state-active-container-border-color, rgba(255, 255, 255, 0));
}
.tPD54g.ObxIVg.tZfdeg {
  transform: scale(var(--button-variant-on-interactive-secondary-state-selected-scale, 1));
  background-color: var(--button-variant-on-interactive-secondary-state-selected-container-background-color, rgba(255, 255, 255, 0.1215686275));
  color: var(--button-variant-on-interactive-secondary-state-selected-text-text-color, #ffffff);
  border-color: var(--button-variant-on-interactive-secondary-state-selected-container-border-color, rgba(255, 255, 255, 0));
}
.tPD54g.ObxIVg.sQbeYg {
  transform: scale(var(--button-variant-on-interactive-secondary-state-disabled-scale, 1));
  background-color: var(--button-variant-on-interactive-secondary-state-disabled-container-background-color, rgba(13, 22, 25, 0));
  color: var(--button-variant-on-interactive-secondary-state-disabled-text-text-color, #acacac);
  border-color: var(--button-variant-on-interactive-secondary-state-disabled-container-border-color, rgba(255, 255, 255, 0));
  cursor: default;
  pointer-events: none;
}
@media screen and (min-width: 0) {
  .tPD54g.GGLVCg {
    width: 100%;
    min-width: 0;
  }
  .tPD54g.JKAcvg {
    width: auto;
  }
}
@media screen and (min-width: 0) {
  .tPD54g.GGLVCg {
    width: 100%;
    min-width: 0;
  }
  .tPD54g.JKAcvg {
    width: auto;
  }
}
@media screen and (min-width: 512px) {
  .tPD54g.GspMdg {
    width: 100%;
    min-width: 0;
  }
  .tPD54g.Xe6wUg {
    width: auto;
  }
}
@media screen and (min-width: 512px) {
  .tPD54g.GspMdg {
    width: 100%;
    min-width: 0;
  }
  .tPD54g.Xe6wUg {
    width: auto;
  }
}
@media screen and (min-width: 520px) {
  .tPD54g.CbCr7g {
    width: 100%;
    min-width: 0;
  }
  .tPD54g.dArCGg {
    width: auto;
  }
}
@media screen and (min-width: 520px) {
  .tPD54g.CbCr7g {
    width: 100%;
    min-width: 0;
  }
  .tPD54g.dArCGg {
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .tPD54g._-hVoEg {
    width: 100%;
    min-width: 0;
  }
  .tPD54g.EXKoGg {
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .tPD54g._-hVoEg {
    width: 100%;
    min-width: 0;
  }
  .tPD54g.EXKoGg {
    width: auto;
  }
}
@media screen and (min-width: 1024px) {
  .tPD54g.nQBcyg {
    width: 100%;
    min-width: 0;
  }
  .tPD54g._0VdELg {
    width: auto;
  }
}
@media screen and (min-width: 1024px) {
  .tPD54g.nQBcyg {
    width: 100%;
    min-width: 0;
  }
  .tPD54g._0VdELg {
    width: auto;
  }
}
@media screen and (min-width: 1280px) {
  .tPD54g.vYQcQg {
    width: 100%;
    min-width: 0;
  }
  .tPD54g.IGVLbg {
    width: auto;
  }
}
@media screen and (min-width: 1280px) {
  .tPD54g.vYQcQg {
    width: 100%;
    min-width: 0;
  }
  .tPD54g.IGVLbg {
    width: auto;
  }
}
@media screen and (min-width: 1440px) {
  .tPD54g.uy3dDg {
    width: 100%;
    min-width: 0;
  }
  .tPD54g.Uk37hg {
    width: auto;
  }
}
@media screen and (min-width: 1440px) {
  .tPD54g.uy3dDg {
    width: 100%;
    min-width: 0;
  }
  .tPD54g.Uk37hg {
    width: auto;
  }
}
@media screen and (min-width: 1920px) {
  .tPD54g._8LP1Sg {
    width: 100%;
    min-width: 0;
  }
  .tPD54g.bnV7Fg {
    width: auto;
  }
}
@media screen and (min-width: 1920px) {
  .tPD54g._8LP1Sg {
    width: 100%;
    min-width: 0;
  }
  .tPD54g.bnV7Fg {
    width: auto;
  }
}
.G9IDYg {
  display: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  min-width: 0;
  gap: 8px;
}
._0f0Xyg {
  display: inline-flex;
}
.G9IDYg.va34Jg,
.G9IDYg.G9wnQg,
._0f0Xyg.va34Jg,
._0f0Xyg.G9wnQg {
  visibility: hidden;
  z-index: -1;
  max-width: 100%;
}
.G9IDYg.va34Jg,
._0f0Xyg.va34Jg {
  position: absolute;
}
.G9IDYg.G9wnQg,
._0f0Xyg.G9wnQg {
  pointer-events: none;
}
.G9IDYg.G9wnQg:hover,
.G9IDYg.G9wnQg:active,
._0f0Xyg.G9wnQg:hover,
._0f0Xyg.G9wnQg:active {
  color: transparent;
}
.G9IDYg.G9wnQg[aria-disabled=true],
._0f0Xyg.G9wnQg[aria-disabled=true] {
  color: transparent;
}
.WiC1Eg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  display: flex;
  justify-content: center;
}
.jK_ygg {
  animation: _e6Nlg 0.7s 0s infinite steps(25);
  height: 10px;
  width: 10px;
  display: block;
  border-radius: 50%;
  margin: 0 6px;
  background-color: var(--color-foreground-neutral, #0d1619);
}
.jK_ygg:nth-child(2n-1) {
  animation-delay: -0.35s;
}
.jK_ygg.igyRxg {
  background-color: var(--button-variant-primary-state-enabled-text-text-color, #ffffff);
}
.jK_ygg._i2Nug {
  background-color: var(--button-variant-secondary-state-enabled-text-text-color, #0d1619);
}
.jK_ygg._3epqZg {
  background-color: var(--button-variant-tertiary-state-enabled-text-text-color, #0d1619);
}
.jK_ygg.PB6uIg {
  background-color: var(--button-variant-destructive-state-enabled-text-text-color, #ffffff);
}
.jK_ygg.Z3Iqtg {
  background-color: var(--button-variant-destructive-secondary-state-enabled-text-text-color, #d4163a);
}
.jK_ygg.ObxIVg {
  background-color: var(--button-variant-on-interactive-secondary-state-enabled-text-text-color, #ffffff);
}
@media screen and (min-width: 0) {
  .jK_ygg.GGLVCg {
    display: flex;
  }
  .jK_ygg.JKAcvg {
    display: none;
  }
}
@media screen and (min-width: 0) {
  .jK_ygg.GGLVCg {
    display: flex;
  }
  .jK_ygg.JKAcvg {
    display: none;
  }
}
@media screen and (min-width: 512px) {
  .jK_ygg.GspMdg {
    display: flex;
  }
  .jK_ygg.Xe6wUg {
    display: none;
  }
}
@media screen and (min-width: 512px) {
  .jK_ygg.GspMdg {
    display: flex;
  }
  .jK_ygg.Xe6wUg {
    display: none;
  }
}
@media screen and (min-width: 520px) {
  .jK_ygg.CbCr7g {
    display: flex;
  }
  .jK_ygg.dArCGg {
    display: none;
  }
}
@media screen and (min-width: 520px) {
  .jK_ygg.CbCr7g {
    display: flex;
  }
  .jK_ygg.dArCGg {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .jK_ygg._-hVoEg {
    display: flex;
  }
  .jK_ygg.EXKoGg {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .jK_ygg._-hVoEg {
    display: flex;
  }
  .jK_ygg.EXKoGg {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .jK_ygg.nQBcyg {
    display: flex;
  }
  .jK_ygg._0VdELg {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .jK_ygg.nQBcyg {
    display: flex;
  }
  .jK_ygg._0VdELg {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .jK_ygg.vYQcQg {
    display: flex;
  }
  .jK_ygg.IGVLbg {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .jK_ygg.vYQcQg {
    display: flex;
  }
  .jK_ygg.IGVLbg {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .jK_ygg.uy3dDg {
    display: flex;
  }
  .jK_ygg.Uk37hg {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .jK_ygg.uy3dDg {
    display: flex;
  }
  .jK_ygg.Uk37hg {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .jK_ygg._8LP1Sg {
    display: flex;
  }
  .jK_ygg.bnV7Fg {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .jK_ygg._8LP1Sg {
    display: flex;
  }
  .jK_ygg.bnV7Fg {
    display: none;
  }
}
/*# sourceMappingURL=ButtonStructure.css.map */
/*!*********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-styles/build/responsive.css ***!
  \*********************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/responsive.scss */
@media screen and (min-width: 0) {
  .display-default-none.display-default-none {
    display: none;
  }
}
@media screen and (min-width: 0) {
  .display-default-block.display-default-block {
    display: block;
  }
}
@media screen and (min-width: 0) {
  .display-default-inline-block.display-default-inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 0) {
  .display-default-flex.display-default-flex {
    display: flex;
  }
}
@media screen and (min-width: 0) {
  .display-default-inline-flex.display-default-inline-flex {
    display: inline-flex;
  }
}
@media screen and (min-width: 0) {
  .display-default-grid.display-default-grid {
    display: grid;
  }
}
@media screen and (min-width: 0) {
  .display-default-inline.display-default-inline {
    display: inline;
  }
}
@media screen and (min-width: 512px) {
  .display-smalltablet-none.display-smalltablet-none {
    display: none;
  }
}
@media screen and (min-width: 512px) {
  .display-smalltablet-block.display-smalltablet-block {
    display: block;
  }
}
@media screen and (min-width: 512px) {
  .display-smalltablet-inline-block.display-smalltablet-inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 512px) {
  .display-smalltablet-flex.display-smalltablet-flex {
    display: flex;
  }
}
@media screen and (min-width: 512px) {
  .display-smalltablet-inline-flex.display-smalltablet-inline-flex {
    display: inline-flex;
  }
}
@media screen and (min-width: 512px) {
  .display-smalltablet-grid.display-smalltablet-grid {
    display: grid;
  }
}
@media screen and (min-width: 512px) {
  .display-smalltablet-inline.display-smalltablet-inline {
    display: inline;
  }
}
@media screen and (min-width: 520px) {
  .display-xs-deprecated-none.display-xs-deprecated-none {
    display: none;
  }
}
@media screen and (min-width: 520px) {
  .display-xs-deprecated-block.display-xs-deprecated-block {
    display: block;
  }
}
@media screen and (min-width: 520px) {
  .display-xs-deprecated-inline-block.display-xs-deprecated-inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 520px) {
  .display-xs-deprecated-flex.display-xs-deprecated-flex {
    display: flex;
  }
}
@media screen and (min-width: 520px) {
  .display-xs-deprecated-inline-flex.display-xs-deprecated-inline-flex {
    display: inline-flex;
  }
}
@media screen and (min-width: 520px) {
  .display-xs-deprecated-grid.display-xs-deprecated-grid {
    display: grid;
  }
}
@media screen and (min-width: 520px) {
  .display-xs-deprecated-inline.display-xs-deprecated-inline {
    display: inline;
  }
}
@media screen and (min-width: 768px) {
  .display-tablet-none.display-tablet-none {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .display-tablet-block.display-tablet-block {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .display-tablet-inline-block.display-tablet-inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .display-tablet-flex.display-tablet-flex {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .display-tablet-inline-flex.display-tablet-inline-flex {
    display: inline-flex;
  }
}
@media screen and (min-width: 768px) {
  .display-tablet-grid.display-tablet-grid {
    display: grid;
  }
}
@media screen and (min-width: 768px) {
  .display-tablet-inline.display-tablet-inline {
    display: inline;
  }
}
@media screen and (min-width: 1024px) {
  .display-laptop-none.display-laptop-none {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .display-laptop-block.display-laptop-block {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .display-laptop-inline-block.display-laptop-inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 1024px) {
  .display-laptop-flex.display-laptop-flex {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .display-laptop-inline-flex.display-laptop-inline-flex {
    display: inline-flex;
  }
}
@media screen and (min-width: 1024px) {
  .display-laptop-grid.display-laptop-grid {
    display: grid;
  }
}
@media screen and (min-width: 1024px) {
  .display-laptop-inline.display-laptop-inline {
    display: inline;
  }
}
@media screen and (min-width: 1280px) {
  .display-lg-deprecated-none.display-lg-deprecated-none {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .display-lg-deprecated-block.display-lg-deprecated-block {
    display: block;
  }
}
@media screen and (min-width: 1280px) {
  .display-lg-deprecated-inline-block.display-lg-deprecated-inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 1280px) {
  .display-lg-deprecated-flex.display-lg-deprecated-flex {
    display: flex;
  }
}
@media screen and (min-width: 1280px) {
  .display-lg-deprecated-inline-flex.display-lg-deprecated-inline-flex {
    display: inline-flex;
  }
}
@media screen and (min-width: 1280px) {
  .display-lg-deprecated-grid.display-lg-deprecated-grid {
    display: grid;
  }
}
@media screen and (min-width: 1280px) {
  .display-lg-deprecated-inline.display-lg-deprecated-inline {
    display: inline;
  }
}
@media screen and (min-width: 1440px) {
  .display-desktop-none.display-desktop-none {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .display-desktop-block.display-desktop-block {
    display: block;
  }
}
@media screen and (min-width: 1440px) {
  .display-desktop-inline-block.display-desktop-inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 1440px) {
  .display-desktop-flex.display-desktop-flex {
    display: flex;
  }
}
@media screen and (min-width: 1440px) {
  .display-desktop-inline-flex.display-desktop-inline-flex {
    display: inline-flex;
  }
}
@media screen and (min-width: 1440px) {
  .display-desktop-grid.display-desktop-grid {
    display: grid;
  }
}
@media screen and (min-width: 1440px) {
  .display-desktop-inline.display-desktop-inline {
    display: inline;
  }
}
@media screen and (min-width: 1920px) {
  .display-widescreen-none.display-widescreen-none {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .display-widescreen-block.display-widescreen-block {
    display: block;
  }
}
@media screen and (min-width: 1920px) {
  .display-widescreen-inline-block.display-widescreen-inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 1920px) {
  .display-widescreen-flex.display-widescreen-flex {
    display: flex;
  }
}
@media screen and (min-width: 1920px) {
  .display-widescreen-inline-flex.display-widescreen-inline-flex {
    display: inline-flex;
  }
}
@media screen and (min-width: 1920px) {
  .display-widescreen-grid.display-widescreen-grid {
    display: grid;
  }
}
@media screen and (min-width: 1920px) {
  .display-widescreen-inline.display-widescreen-inline {
    display: inline;
  }
}
@media screen and (min-width: 0) {
  .direction-default-vertical.direction-default-vertical {
    flex-direction: column;
  }
}
@media screen and (min-width: 0) {
  .direction-default-horizontal.direction-default-horizontal {
    flex-direction: row;
  }
}
@media screen and (min-width: 512px) {
  .direction-smalltablet-vertical.direction-smalltablet-vertical {
    flex-direction: column;
  }
}
@media screen and (min-width: 512px) {
  .direction-smalltablet-horizontal.direction-smalltablet-horizontal {
    flex-direction: row;
  }
}
@media screen and (min-width: 520px) {
  .direction-xs-deprecated-vertical.direction-xs-deprecated-vertical {
    flex-direction: column;
  }
}
@media screen and (min-width: 520px) {
  .direction-xs-deprecated-horizontal.direction-xs-deprecated-horizontal {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .direction-tablet-vertical.direction-tablet-vertical {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .direction-tablet-horizontal.direction-tablet-horizontal {
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  .direction-laptop-vertical.direction-laptop-vertical {
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .direction-laptop-horizontal.direction-laptop-horizontal {
    flex-direction: row;
  }
}
@media screen and (min-width: 1280px) {
  .direction-lg-deprecated-vertical.direction-lg-deprecated-vertical {
    flex-direction: column;
  }
}
@media screen and (min-width: 1280px) {
  .direction-lg-deprecated-horizontal.direction-lg-deprecated-horizontal {
    flex-direction: row;
  }
}
@media screen and (min-width: 1440px) {
  .direction-desktop-vertical.direction-desktop-vertical {
    flex-direction: column;
  }
}
@media screen and (min-width: 1440px) {
  .direction-desktop-horizontal.direction-desktop-horizontal {
    flex-direction: row;
  }
}
@media screen and (min-width: 1920px) {
  .direction-widescreen-vertical.direction-widescreen-vertical {
    flex-direction: column;
  }
}
@media screen and (min-width: 1920px) {
  .direction-widescreen-horizontal.direction-widescreen-horizontal {
    flex-direction: row;
  }
}
@media screen and (min-width: 0) {
  .font-default-display-xl-bold.font-default-display-xl-bold {
    font: var(--typography-display-xl-bold, 700 80px/92px Tartuffo);
  }
}
@media screen and (min-width: 0) {
  .font-default-display-l-bold.font-default-display-l-bold {
    font: var(--typography-display-l-bold, 700 48px/64px Tartuffo);
  }
}
@media screen and (min-width: 0) {
  .font-default-display-m-bold.font-default-display-m-bold {
    font: var(--typography-display-m-bold, 700 40px/44px Tartuffo);
  }
}
@media screen and (min-width: 0) {
  .font-default-display-s-bold.font-default-display-s-bold {
    font: var(--typography-display-s-bold, 700 28px/36px Tartuffo);
  }
}
@media screen and (min-width: 0) {
  .font-default-header-3xl-bold.font-default-header-3xl-bold {
    font: var(--typography-header-3xl-bold, 700 96px/112px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-header-2xl-bold.font-default-header-2xl-bold {
    font: var(--typography-header-2xl-bold, 700 48px/52px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-header-xl-bold.font-default-header-xl-bold {
    font: var(--typography-header-xl-bold, 700 40px/44px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-header-l-semibold.font-default-header-l-semibold {
    font: var(--typography-header-l-semibold, 600 28px/36px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-header-m-semibold.font-default-header-m-semibold {
    font: var(--typography-header-m-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-header-s-semibold.font-default-header-s-semibold {
    font: var(--typography-header-s-semibold, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-header-xs-semibold.font-default-header-xs-semibold {
    font: var(--typography-header-xs-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-body-l-semibold.font-default-body-l-semibold {
    font: var(--typography-body-l-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-body-l-medium.font-default-body-l-medium {
    font: var(--typography-body-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-body-l-regular.font-default-body-l-regular {
    font: var(--typography-body-l-regular, 400 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-body-m-semibold.font-default-body-m-semibold {
    font: var(--typography-body-m-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-body-m-medium.font-default-body-m-medium {
    font: var(--typography-body-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-body-m-regular.font-default-body-m-regular {
    font: var(--typography-body-m-regular, 400 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-body-s-semibold.font-default-body-s-semibold {
    font: var(--typography-body-s-semibold, 600 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-body-s-medium.font-default-body-s-medium {
    font: var(--typography-body-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-body-s-regular.font-default-body-s-regular {
    font: var(--typography-body-s-regular, 400 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-body-xs-semibold.font-default-body-xs-semibold {
    font: var(--typography-body-xs-semibold, 600 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-body-xs-medium.font-default-body-xs-medium {
    font: var(--typography-body-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-body-xs-regular.font-default-body-xs-regular {
    font: var(--typography-body-xs-regular, 400 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-body-2xs-semibold.font-default-body-2xs-semibold {
    font: var(--typography-body-2xs-semibold, 600 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-body-2xs-medium.font-default-body-2xs-medium {
    font: var(--typography-body-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-body-2xs-regular.font-default-body-2xs-regular {
    font: var(--typography-body-2xs-regular, 400 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-link-l-medium.font-default-link-l-medium {
    font: var(--typography-link-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-link-m-medium.font-default-link-m-medium {
    font: var(--typography-link-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-link-s-medium.font-default-link-s-medium {
    font: var(--typography-link-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-link-xs-medium.font-default-link-xs-medium {
    font: var(--typography-link-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .font-default-link-2xs-medium.font-default-link-2xs-medium {
    font: var(--typography-link-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-display-xl-bold.font-smalltablet-display-xl-bold {
    font: var(--typography-display-xl-bold, 700 80px/92px Tartuffo);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-display-l-bold.font-smalltablet-display-l-bold {
    font: var(--typography-display-l-bold, 700 48px/64px Tartuffo);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-display-m-bold.font-smalltablet-display-m-bold {
    font: var(--typography-display-m-bold, 700 40px/44px Tartuffo);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-display-s-bold.font-smalltablet-display-s-bold {
    font: var(--typography-display-s-bold, 700 28px/36px Tartuffo);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-header-3xl-bold.font-smalltablet-header-3xl-bold {
    font: var(--typography-header-3xl-bold, 700 96px/112px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-header-2xl-bold.font-smalltablet-header-2xl-bold {
    font: var(--typography-header-2xl-bold, 700 48px/52px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-header-xl-bold.font-smalltablet-header-xl-bold {
    font: var(--typography-header-xl-bold, 700 40px/44px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-header-l-semibold.font-smalltablet-header-l-semibold {
    font: var(--typography-header-l-semibold, 600 28px/36px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-header-m-semibold.font-smalltablet-header-m-semibold {
    font: var(--typography-header-m-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-header-s-semibold.font-smalltablet-header-s-semibold {
    font: var(--typography-header-s-semibold, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-header-xs-semibold.font-smalltablet-header-xs-semibold {
    font: var(--typography-header-xs-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-body-l-semibold.font-smalltablet-body-l-semibold {
    font: var(--typography-body-l-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-body-l-medium.font-smalltablet-body-l-medium {
    font: var(--typography-body-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-body-l-regular.font-smalltablet-body-l-regular {
    font: var(--typography-body-l-regular, 400 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-body-m-semibold.font-smalltablet-body-m-semibold {
    font: var(--typography-body-m-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-body-m-medium.font-smalltablet-body-m-medium {
    font: var(--typography-body-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-body-m-regular.font-smalltablet-body-m-regular {
    font: var(--typography-body-m-regular, 400 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-body-s-semibold.font-smalltablet-body-s-semibold {
    font: var(--typography-body-s-semibold, 600 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-body-s-medium.font-smalltablet-body-s-medium {
    font: var(--typography-body-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-body-s-regular.font-smalltablet-body-s-regular {
    font: var(--typography-body-s-regular, 400 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-body-xs-semibold.font-smalltablet-body-xs-semibold {
    font: var(--typography-body-xs-semibold, 600 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-body-xs-medium.font-smalltablet-body-xs-medium {
    font: var(--typography-body-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-body-xs-regular.font-smalltablet-body-xs-regular {
    font: var(--typography-body-xs-regular, 400 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-body-2xs-semibold.font-smalltablet-body-2xs-semibold {
    font: var(--typography-body-2xs-semibold, 600 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-body-2xs-medium.font-smalltablet-body-2xs-medium {
    font: var(--typography-body-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-body-2xs-regular.font-smalltablet-body-2xs-regular {
    font: var(--typography-body-2xs-regular, 400 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-link-l-medium.font-smalltablet-link-l-medium {
    font: var(--typography-link-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-link-m-medium.font-smalltablet-link-m-medium {
    font: var(--typography-link-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-link-s-medium.font-smalltablet-link-s-medium {
    font: var(--typography-link-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-link-xs-medium.font-smalltablet-link-xs-medium {
    font: var(--typography-link-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .font-smalltablet-link-2xs-medium.font-smalltablet-link-2xs-medium {
    font: var(--typography-link-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-display-xl-bold.font-xs-deprecated-display-xl-bold {
    font: var(--typography-display-xl-bold, 700 80px/92px Tartuffo);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-display-l-bold.font-xs-deprecated-display-l-bold {
    font: var(--typography-display-l-bold, 700 48px/64px Tartuffo);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-display-m-bold.font-xs-deprecated-display-m-bold {
    font: var(--typography-display-m-bold, 700 40px/44px Tartuffo);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-display-s-bold.font-xs-deprecated-display-s-bold {
    font: var(--typography-display-s-bold, 700 28px/36px Tartuffo);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-header-3xl-bold.font-xs-deprecated-header-3xl-bold {
    font: var(--typography-header-3xl-bold, 700 96px/112px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-header-2xl-bold.font-xs-deprecated-header-2xl-bold {
    font: var(--typography-header-2xl-bold, 700 48px/52px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-header-xl-bold.font-xs-deprecated-header-xl-bold {
    font: var(--typography-header-xl-bold, 700 40px/44px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-header-l-semibold.font-xs-deprecated-header-l-semibold {
    font: var(--typography-header-l-semibold, 600 28px/36px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-header-m-semibold.font-xs-deprecated-header-m-semibold {
    font: var(--typography-header-m-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-header-s-semibold.font-xs-deprecated-header-s-semibold {
    font: var(--typography-header-s-semibold, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-header-xs-semibold.font-xs-deprecated-header-xs-semibold {
    font: var(--typography-header-xs-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-body-l-semibold.font-xs-deprecated-body-l-semibold {
    font: var(--typography-body-l-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-body-l-medium.font-xs-deprecated-body-l-medium {
    font: var(--typography-body-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-body-l-regular.font-xs-deprecated-body-l-regular {
    font: var(--typography-body-l-regular, 400 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-body-m-semibold.font-xs-deprecated-body-m-semibold {
    font: var(--typography-body-m-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-body-m-medium.font-xs-deprecated-body-m-medium {
    font: var(--typography-body-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-body-m-regular.font-xs-deprecated-body-m-regular {
    font: var(--typography-body-m-regular, 400 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-body-s-semibold.font-xs-deprecated-body-s-semibold {
    font: var(--typography-body-s-semibold, 600 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-body-s-medium.font-xs-deprecated-body-s-medium {
    font: var(--typography-body-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-body-s-regular.font-xs-deprecated-body-s-regular {
    font: var(--typography-body-s-regular, 400 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-body-xs-semibold.font-xs-deprecated-body-xs-semibold {
    font: var(--typography-body-xs-semibold, 600 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-body-xs-medium.font-xs-deprecated-body-xs-medium {
    font: var(--typography-body-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-body-xs-regular.font-xs-deprecated-body-xs-regular {
    font: var(--typography-body-xs-regular, 400 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-body-2xs-semibold.font-xs-deprecated-body-2xs-semibold {
    font: var(--typography-body-2xs-semibold, 600 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-body-2xs-medium.font-xs-deprecated-body-2xs-medium {
    font: var(--typography-body-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-body-2xs-regular.font-xs-deprecated-body-2xs-regular {
    font: var(--typography-body-2xs-regular, 400 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-link-l-medium.font-xs-deprecated-link-l-medium {
    font: var(--typography-link-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-link-m-medium.font-xs-deprecated-link-m-medium {
    font: var(--typography-link-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-link-s-medium.font-xs-deprecated-link-s-medium {
    font: var(--typography-link-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-link-xs-medium.font-xs-deprecated-link-xs-medium {
    font: var(--typography-link-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .font-xs-deprecated-link-2xs-medium.font-xs-deprecated-link-2xs-medium {
    font: var(--typography-link-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-display-xl-bold.font-tablet-display-xl-bold {
    font: var(--typography-display-xl-bold, 700 80px/92px Tartuffo);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-display-l-bold.font-tablet-display-l-bold {
    font: var(--typography-display-l-bold, 700 48px/64px Tartuffo);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-display-m-bold.font-tablet-display-m-bold {
    font: var(--typography-display-m-bold, 700 40px/44px Tartuffo);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-display-s-bold.font-tablet-display-s-bold {
    font: var(--typography-display-s-bold, 700 28px/36px Tartuffo);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-header-3xl-bold.font-tablet-header-3xl-bold {
    font: var(--typography-header-3xl-bold, 700 96px/112px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-header-2xl-bold.font-tablet-header-2xl-bold {
    font: var(--typography-header-2xl-bold, 700 48px/52px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-header-xl-bold.font-tablet-header-xl-bold {
    font: var(--typography-header-xl-bold, 700 40px/44px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-header-l-semibold.font-tablet-header-l-semibold {
    font: var(--typography-header-l-semibold, 600 28px/36px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-header-m-semibold.font-tablet-header-m-semibold {
    font: var(--typography-header-m-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-header-s-semibold.font-tablet-header-s-semibold {
    font: var(--typography-header-s-semibold, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-header-xs-semibold.font-tablet-header-xs-semibold {
    font: var(--typography-header-xs-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-body-l-semibold.font-tablet-body-l-semibold {
    font: var(--typography-body-l-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-body-l-medium.font-tablet-body-l-medium {
    font: var(--typography-body-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-body-l-regular.font-tablet-body-l-regular {
    font: var(--typography-body-l-regular, 400 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-body-m-semibold.font-tablet-body-m-semibold {
    font: var(--typography-body-m-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-body-m-medium.font-tablet-body-m-medium {
    font: var(--typography-body-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-body-m-regular.font-tablet-body-m-regular {
    font: var(--typography-body-m-regular, 400 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-body-s-semibold.font-tablet-body-s-semibold {
    font: var(--typography-body-s-semibold, 600 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-body-s-medium.font-tablet-body-s-medium {
    font: var(--typography-body-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-body-s-regular.font-tablet-body-s-regular {
    font: var(--typography-body-s-regular, 400 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-body-xs-semibold.font-tablet-body-xs-semibold {
    font: var(--typography-body-xs-semibold, 600 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-body-xs-medium.font-tablet-body-xs-medium {
    font: var(--typography-body-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-body-xs-regular.font-tablet-body-xs-regular {
    font: var(--typography-body-xs-regular, 400 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-body-2xs-semibold.font-tablet-body-2xs-semibold {
    font: var(--typography-body-2xs-semibold, 600 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-body-2xs-medium.font-tablet-body-2xs-medium {
    font: var(--typography-body-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-body-2xs-regular.font-tablet-body-2xs-regular {
    font: var(--typography-body-2xs-regular, 400 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-link-l-medium.font-tablet-link-l-medium {
    font: var(--typography-link-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-link-m-medium.font-tablet-link-m-medium {
    font: var(--typography-link-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-link-s-medium.font-tablet-link-s-medium {
    font: var(--typography-link-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-link-xs-medium.font-tablet-link-xs-medium {
    font: var(--typography-link-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .font-tablet-link-2xs-medium.font-tablet-link-2xs-medium {
    font: var(--typography-link-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-display-xl-bold.font-laptop-display-xl-bold {
    font: var(--typography-display-xl-bold, 700 80px/92px Tartuffo);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-display-l-bold.font-laptop-display-l-bold {
    font: var(--typography-display-l-bold, 700 48px/64px Tartuffo);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-display-m-bold.font-laptop-display-m-bold {
    font: var(--typography-display-m-bold, 700 40px/44px Tartuffo);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-display-s-bold.font-laptop-display-s-bold {
    font: var(--typography-display-s-bold, 700 28px/36px Tartuffo);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-header-3xl-bold.font-laptop-header-3xl-bold {
    font: var(--typography-header-3xl-bold, 700 96px/112px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-header-2xl-bold.font-laptop-header-2xl-bold {
    font: var(--typography-header-2xl-bold, 700 48px/52px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-header-xl-bold.font-laptop-header-xl-bold {
    font: var(--typography-header-xl-bold, 700 40px/44px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-header-l-semibold.font-laptop-header-l-semibold {
    font: var(--typography-header-l-semibold, 600 28px/36px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-header-m-semibold.font-laptop-header-m-semibold {
    font: var(--typography-header-m-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-header-s-semibold.font-laptop-header-s-semibold {
    font: var(--typography-header-s-semibold, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-header-xs-semibold.font-laptop-header-xs-semibold {
    font: var(--typography-header-xs-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-body-l-semibold.font-laptop-body-l-semibold {
    font: var(--typography-body-l-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-body-l-medium.font-laptop-body-l-medium {
    font: var(--typography-body-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-body-l-regular.font-laptop-body-l-regular {
    font: var(--typography-body-l-regular, 400 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-body-m-semibold.font-laptop-body-m-semibold {
    font: var(--typography-body-m-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-body-m-medium.font-laptop-body-m-medium {
    font: var(--typography-body-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-body-m-regular.font-laptop-body-m-regular {
    font: var(--typography-body-m-regular, 400 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-body-s-semibold.font-laptop-body-s-semibold {
    font: var(--typography-body-s-semibold, 600 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-body-s-medium.font-laptop-body-s-medium {
    font: var(--typography-body-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-body-s-regular.font-laptop-body-s-regular {
    font: var(--typography-body-s-regular, 400 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-body-xs-semibold.font-laptop-body-xs-semibold {
    font: var(--typography-body-xs-semibold, 600 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-body-xs-medium.font-laptop-body-xs-medium {
    font: var(--typography-body-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-body-xs-regular.font-laptop-body-xs-regular {
    font: var(--typography-body-xs-regular, 400 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-body-2xs-semibold.font-laptop-body-2xs-semibold {
    font: var(--typography-body-2xs-semibold, 600 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-body-2xs-medium.font-laptop-body-2xs-medium {
    font: var(--typography-body-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-body-2xs-regular.font-laptop-body-2xs-regular {
    font: var(--typography-body-2xs-regular, 400 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-link-l-medium.font-laptop-link-l-medium {
    font: var(--typography-link-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-link-m-medium.font-laptop-link-m-medium {
    font: var(--typography-link-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-link-s-medium.font-laptop-link-s-medium {
    font: var(--typography-link-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-link-xs-medium.font-laptop-link-xs-medium {
    font: var(--typography-link-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .font-laptop-link-2xs-medium.font-laptop-link-2xs-medium {
    font: var(--typography-link-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-display-xl-bold.font-lg-deprecated-display-xl-bold {
    font: var(--typography-display-xl-bold, 700 80px/92px Tartuffo);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-display-l-bold.font-lg-deprecated-display-l-bold {
    font: var(--typography-display-l-bold, 700 48px/64px Tartuffo);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-display-m-bold.font-lg-deprecated-display-m-bold {
    font: var(--typography-display-m-bold, 700 40px/44px Tartuffo);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-display-s-bold.font-lg-deprecated-display-s-bold {
    font: var(--typography-display-s-bold, 700 28px/36px Tartuffo);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-header-3xl-bold.font-lg-deprecated-header-3xl-bold {
    font: var(--typography-header-3xl-bold, 700 96px/112px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-header-2xl-bold.font-lg-deprecated-header-2xl-bold {
    font: var(--typography-header-2xl-bold, 700 48px/52px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-header-xl-bold.font-lg-deprecated-header-xl-bold {
    font: var(--typography-header-xl-bold, 700 40px/44px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-header-l-semibold.font-lg-deprecated-header-l-semibold {
    font: var(--typography-header-l-semibold, 600 28px/36px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-header-m-semibold.font-lg-deprecated-header-m-semibold {
    font: var(--typography-header-m-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-header-s-semibold.font-lg-deprecated-header-s-semibold {
    font: var(--typography-header-s-semibold, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-header-xs-semibold.font-lg-deprecated-header-xs-semibold {
    font: var(--typography-header-xs-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-body-l-semibold.font-lg-deprecated-body-l-semibold {
    font: var(--typography-body-l-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-body-l-medium.font-lg-deprecated-body-l-medium {
    font: var(--typography-body-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-body-l-regular.font-lg-deprecated-body-l-regular {
    font: var(--typography-body-l-regular, 400 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-body-m-semibold.font-lg-deprecated-body-m-semibold {
    font: var(--typography-body-m-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-body-m-medium.font-lg-deprecated-body-m-medium {
    font: var(--typography-body-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-body-m-regular.font-lg-deprecated-body-m-regular {
    font: var(--typography-body-m-regular, 400 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-body-s-semibold.font-lg-deprecated-body-s-semibold {
    font: var(--typography-body-s-semibold, 600 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-body-s-medium.font-lg-deprecated-body-s-medium {
    font: var(--typography-body-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-body-s-regular.font-lg-deprecated-body-s-regular {
    font: var(--typography-body-s-regular, 400 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-body-xs-semibold.font-lg-deprecated-body-xs-semibold {
    font: var(--typography-body-xs-semibold, 600 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-body-xs-medium.font-lg-deprecated-body-xs-medium {
    font: var(--typography-body-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-body-xs-regular.font-lg-deprecated-body-xs-regular {
    font: var(--typography-body-xs-regular, 400 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-body-2xs-semibold.font-lg-deprecated-body-2xs-semibold {
    font: var(--typography-body-2xs-semibold, 600 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-body-2xs-medium.font-lg-deprecated-body-2xs-medium {
    font: var(--typography-body-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-body-2xs-regular.font-lg-deprecated-body-2xs-regular {
    font: var(--typography-body-2xs-regular, 400 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-link-l-medium.font-lg-deprecated-link-l-medium {
    font: var(--typography-link-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-link-m-medium.font-lg-deprecated-link-m-medium {
    font: var(--typography-link-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-link-s-medium.font-lg-deprecated-link-s-medium {
    font: var(--typography-link-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-link-xs-medium.font-lg-deprecated-link-xs-medium {
    font: var(--typography-link-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .font-lg-deprecated-link-2xs-medium.font-lg-deprecated-link-2xs-medium {
    font: var(--typography-link-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-display-xl-bold.font-desktop-display-xl-bold {
    font: var(--typography-display-xl-bold, 700 80px/92px Tartuffo);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-display-l-bold.font-desktop-display-l-bold {
    font: var(--typography-display-l-bold, 700 48px/64px Tartuffo);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-display-m-bold.font-desktop-display-m-bold {
    font: var(--typography-display-m-bold, 700 40px/44px Tartuffo);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-display-s-bold.font-desktop-display-s-bold {
    font: var(--typography-display-s-bold, 700 28px/36px Tartuffo);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-header-3xl-bold.font-desktop-header-3xl-bold {
    font: var(--typography-header-3xl-bold, 700 96px/112px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-header-2xl-bold.font-desktop-header-2xl-bold {
    font: var(--typography-header-2xl-bold, 700 48px/52px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-header-xl-bold.font-desktop-header-xl-bold {
    font: var(--typography-header-xl-bold, 700 40px/44px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-header-l-semibold.font-desktop-header-l-semibold {
    font: var(--typography-header-l-semibold, 600 28px/36px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-header-m-semibold.font-desktop-header-m-semibold {
    font: var(--typography-header-m-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-header-s-semibold.font-desktop-header-s-semibold {
    font: var(--typography-header-s-semibold, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-header-xs-semibold.font-desktop-header-xs-semibold {
    font: var(--typography-header-xs-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-body-l-semibold.font-desktop-body-l-semibold {
    font: var(--typography-body-l-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-body-l-medium.font-desktop-body-l-medium {
    font: var(--typography-body-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-body-l-regular.font-desktop-body-l-regular {
    font: var(--typography-body-l-regular, 400 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-body-m-semibold.font-desktop-body-m-semibold {
    font: var(--typography-body-m-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-body-m-medium.font-desktop-body-m-medium {
    font: var(--typography-body-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-body-m-regular.font-desktop-body-m-regular {
    font: var(--typography-body-m-regular, 400 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-body-s-semibold.font-desktop-body-s-semibold {
    font: var(--typography-body-s-semibold, 600 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-body-s-medium.font-desktop-body-s-medium {
    font: var(--typography-body-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-body-s-regular.font-desktop-body-s-regular {
    font: var(--typography-body-s-regular, 400 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-body-xs-semibold.font-desktop-body-xs-semibold {
    font: var(--typography-body-xs-semibold, 600 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-body-xs-medium.font-desktop-body-xs-medium {
    font: var(--typography-body-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-body-xs-regular.font-desktop-body-xs-regular {
    font: var(--typography-body-xs-regular, 400 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-body-2xs-semibold.font-desktop-body-2xs-semibold {
    font: var(--typography-body-2xs-semibold, 600 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-body-2xs-medium.font-desktop-body-2xs-medium {
    font: var(--typography-body-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-body-2xs-regular.font-desktop-body-2xs-regular {
    font: var(--typography-body-2xs-regular, 400 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-link-l-medium.font-desktop-link-l-medium {
    font: var(--typography-link-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-link-m-medium.font-desktop-link-m-medium {
    font: var(--typography-link-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-link-s-medium.font-desktop-link-s-medium {
    font: var(--typography-link-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-link-xs-medium.font-desktop-link-xs-medium {
    font: var(--typography-link-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .font-desktop-link-2xs-medium.font-desktop-link-2xs-medium {
    font: var(--typography-link-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-display-xl-bold.font-widescreen-display-xl-bold {
    font: var(--typography-display-xl-bold, 700 80px/92px Tartuffo);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-display-l-bold.font-widescreen-display-l-bold {
    font: var(--typography-display-l-bold, 700 48px/64px Tartuffo);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-display-m-bold.font-widescreen-display-m-bold {
    font: var(--typography-display-m-bold, 700 40px/44px Tartuffo);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-display-s-bold.font-widescreen-display-s-bold {
    font: var(--typography-display-s-bold, 700 28px/36px Tartuffo);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-header-3xl-bold.font-widescreen-header-3xl-bold {
    font: var(--typography-header-3xl-bold, 700 96px/112px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-header-2xl-bold.font-widescreen-header-2xl-bold {
    font: var(--typography-header-2xl-bold, 700 48px/52px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-header-xl-bold.font-widescreen-header-xl-bold {
    font: var(--typography-header-xl-bold, 700 40px/44px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-header-l-semibold.font-widescreen-header-l-semibold {
    font: var(--typography-header-l-semibold, 600 28px/36px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-header-m-semibold.font-widescreen-header-m-semibold {
    font: var(--typography-header-m-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-header-s-semibold.font-widescreen-header-s-semibold {
    font: var(--typography-header-s-semibold, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-header-xs-semibold.font-widescreen-header-xs-semibold {
    font: var(--typography-header-xs-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-body-l-semibold.font-widescreen-body-l-semibold {
    font: var(--typography-body-l-semibold, 600 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-body-l-medium.font-widescreen-body-l-medium {
    font: var(--typography-body-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-body-l-regular.font-widescreen-body-l-regular {
    font: var(--typography-body-l-regular, 400 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-body-m-semibold.font-widescreen-body-m-semibold {
    font: var(--typography-body-m-semibold, 600 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-body-m-medium.font-widescreen-body-m-medium {
    font: var(--typography-body-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-body-m-regular.font-widescreen-body-m-regular {
    font: var(--typography-body-m-regular, 400 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-body-s-semibold.font-widescreen-body-s-semibold {
    font: var(--typography-body-s-semibold, 600 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-body-s-medium.font-widescreen-body-s-medium {
    font: var(--typography-body-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-body-s-regular.font-widescreen-body-s-regular {
    font: var(--typography-body-s-regular, 400 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-body-xs-semibold.font-widescreen-body-xs-semibold {
    font: var(--typography-body-xs-semibold, 600 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-body-xs-medium.font-widescreen-body-xs-medium {
    font: var(--typography-body-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-body-xs-regular.font-widescreen-body-xs-regular {
    font: var(--typography-body-xs-regular, 400 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-body-2xs-semibold.font-widescreen-body-2xs-semibold {
    font: var(--typography-body-2xs-semibold, 600 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-body-2xs-medium.font-widescreen-body-2xs-medium {
    font: var(--typography-body-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-body-2xs-regular.font-widescreen-body-2xs-regular {
    font: var(--typography-body-2xs-regular, 400 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-link-l-medium.font-widescreen-link-l-medium {
    font: var(--typography-link-l-medium, 500 24px/32px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-link-m-medium.font-widescreen-link-m-medium {
    font: var(--typography-link-m-medium, 500 17px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-link-s-medium.font-widescreen-link-s-medium {
    font: var(--typography-link-s-medium, 500 15px/20px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-link-xs-medium.font-widescreen-link-xs-medium {
    font: var(--typography-link-xs-medium, 500 13px/16px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .font-widescreen-link-2xs-medium.font-widescreen-link-2xs-medium {
    font: var(--typography-link-2xs-medium, 500 11px/12px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .mb-default-0.mb-default-0 {
    margin-bottom: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 0) {
  .mb-default-50.mb-default-50 {
    margin-bottom: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 0) {
  .mb-default-75.mb-default-75 {
    margin-bottom: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 0) {
  .mb-default-85.mb-default-85 {
    margin-bottom: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 0) {
  .mb-default-100.mb-default-100 {
    margin-bottom: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 0) {
  .mb-default-200.mb-default-200 {
    margin-bottom: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 0) {
  .mb-default-300.mb-default-300 {
    margin-bottom: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 0) {
  .mb-default-400.mb-default-400 {
    margin-bottom: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 0) {
  .mb-default-500.mb-default-500 {
    margin-bottom: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 0) {
  .mb-default-600.mb-default-600 {
    margin-bottom: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 0) {
  .mb-default-700.mb-default-700 {
    margin-bottom: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 0) {
  .mb-default-800.mb-default-800 {
    margin-bottom: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 0) {
  .mb-default-900.mb-default-900 {
    margin-bottom: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 0) {
  .mb-default-950.mb-default-950 {
    margin-bottom: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 0) {
  .mb-default-1000.mb-default-1000 {
    margin-bottom: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 0) {
  .mb-default-1100.mb-default-1100 {
    margin-bottom: var(--spacing-1100, 128px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-0.mb-smalltablet-0 {
    margin-bottom: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-50.mb-smalltablet-50 {
    margin-bottom: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-75.mb-smalltablet-75 {
    margin-bottom: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-85.mb-smalltablet-85 {
    margin-bottom: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-100.mb-smalltablet-100 {
    margin-bottom: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-200.mb-smalltablet-200 {
    margin-bottom: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-300.mb-smalltablet-300 {
    margin-bottom: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-400.mb-smalltablet-400 {
    margin-bottom: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-500.mb-smalltablet-500 {
    margin-bottom: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-600.mb-smalltablet-600 {
    margin-bottom: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-700.mb-smalltablet-700 {
    margin-bottom: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-800.mb-smalltablet-800 {
    margin-bottom: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-900.mb-smalltablet-900 {
    margin-bottom: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-950.mb-smalltablet-950 {
    margin-bottom: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-1000.mb-smalltablet-1000 {
    margin-bottom: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 512px) {
  .mb-smalltablet-1100.mb-smalltablet-1100 {
    margin-bottom: var(--spacing-1100, 128px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-0.mb-xs-deprecated-0 {
    margin-bottom: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-50.mb-xs-deprecated-50 {
    margin-bottom: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-75.mb-xs-deprecated-75 {
    margin-bottom: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-85.mb-xs-deprecated-85 {
    margin-bottom: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-100.mb-xs-deprecated-100 {
    margin-bottom: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-200.mb-xs-deprecated-200 {
    margin-bottom: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-300.mb-xs-deprecated-300 {
    margin-bottom: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-400.mb-xs-deprecated-400 {
    margin-bottom: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-500.mb-xs-deprecated-500 {
    margin-bottom: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-600.mb-xs-deprecated-600 {
    margin-bottom: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-700.mb-xs-deprecated-700 {
    margin-bottom: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-800.mb-xs-deprecated-800 {
    margin-bottom: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-900.mb-xs-deprecated-900 {
    margin-bottom: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-950.mb-xs-deprecated-950 {
    margin-bottom: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-1000.mb-xs-deprecated-1000 {
    margin-bottom: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 520px) {
  .mb-xs-deprecated-1100.mb-xs-deprecated-1100 {
    margin-bottom: var(--spacing-1100, 128px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-0.mb-tablet-0 {
    margin-bottom: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-50.mb-tablet-50 {
    margin-bottom: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-75.mb-tablet-75 {
    margin-bottom: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-85.mb-tablet-85 {
    margin-bottom: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-100.mb-tablet-100 {
    margin-bottom: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-200.mb-tablet-200 {
    margin-bottom: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-300.mb-tablet-300 {
    margin-bottom: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-400.mb-tablet-400 {
    margin-bottom: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-500.mb-tablet-500 {
    margin-bottom: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-600.mb-tablet-600 {
    margin-bottom: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-700.mb-tablet-700 {
    margin-bottom: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-800.mb-tablet-800 {
    margin-bottom: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-900.mb-tablet-900 {
    margin-bottom: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-950.mb-tablet-950 {
    margin-bottom: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-1000.mb-tablet-1000 {
    margin-bottom: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 768px) {
  .mb-tablet-1100.mb-tablet-1100 {
    margin-bottom: var(--spacing-1100, 128px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-0.mb-laptop-0 {
    margin-bottom: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-50.mb-laptop-50 {
    margin-bottom: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-75.mb-laptop-75 {
    margin-bottom: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-85.mb-laptop-85 {
    margin-bottom: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-100.mb-laptop-100 {
    margin-bottom: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-200.mb-laptop-200 {
    margin-bottom: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-300.mb-laptop-300 {
    margin-bottom: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-400.mb-laptop-400 {
    margin-bottom: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-500.mb-laptop-500 {
    margin-bottom: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-600.mb-laptop-600 {
    margin-bottom: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-700.mb-laptop-700 {
    margin-bottom: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-800.mb-laptop-800 {
    margin-bottom: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-900.mb-laptop-900 {
    margin-bottom: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-950.mb-laptop-950 {
    margin-bottom: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-1000.mb-laptop-1000 {
    margin-bottom: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 1024px) {
  .mb-laptop-1100.mb-laptop-1100 {
    margin-bottom: var(--spacing-1100, 128px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-0.mb-lg-deprecated-0 {
    margin-bottom: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-50.mb-lg-deprecated-50 {
    margin-bottom: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-75.mb-lg-deprecated-75 {
    margin-bottom: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-85.mb-lg-deprecated-85 {
    margin-bottom: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-100.mb-lg-deprecated-100 {
    margin-bottom: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-200.mb-lg-deprecated-200 {
    margin-bottom: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-300.mb-lg-deprecated-300 {
    margin-bottom: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-400.mb-lg-deprecated-400 {
    margin-bottom: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-500.mb-lg-deprecated-500 {
    margin-bottom: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-600.mb-lg-deprecated-600 {
    margin-bottom: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-700.mb-lg-deprecated-700 {
    margin-bottom: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-800.mb-lg-deprecated-800 {
    margin-bottom: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-900.mb-lg-deprecated-900 {
    margin-bottom: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-950.mb-lg-deprecated-950 {
    margin-bottom: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-1000.mb-lg-deprecated-1000 {
    margin-bottom: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 1280px) {
  .mb-lg-deprecated-1100.mb-lg-deprecated-1100 {
    margin-bottom: var(--spacing-1100, 128px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-0.mb-desktop-0 {
    margin-bottom: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-50.mb-desktop-50 {
    margin-bottom: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-75.mb-desktop-75 {
    margin-bottom: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-85.mb-desktop-85 {
    margin-bottom: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-100.mb-desktop-100 {
    margin-bottom: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-200.mb-desktop-200 {
    margin-bottom: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-300.mb-desktop-300 {
    margin-bottom: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-400.mb-desktop-400 {
    margin-bottom: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-500.mb-desktop-500 {
    margin-bottom: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-600.mb-desktop-600 {
    margin-bottom: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-700.mb-desktop-700 {
    margin-bottom: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-800.mb-desktop-800 {
    margin-bottom: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-900.mb-desktop-900 {
    margin-bottom: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-950.mb-desktop-950 {
    margin-bottom: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-1000.mb-desktop-1000 {
    margin-bottom: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 1440px) {
  .mb-desktop-1100.mb-desktop-1100 {
    margin-bottom: var(--spacing-1100, 128px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-0.mb-widescreen-0 {
    margin-bottom: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-50.mb-widescreen-50 {
    margin-bottom: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-75.mb-widescreen-75 {
    margin-bottom: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-85.mb-widescreen-85 {
    margin-bottom: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-100.mb-widescreen-100 {
    margin-bottom: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-200.mb-widescreen-200 {
    margin-bottom: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-300.mb-widescreen-300 {
    margin-bottom: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-400.mb-widescreen-400 {
    margin-bottom: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-500.mb-widescreen-500 {
    margin-bottom: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-600.mb-widescreen-600 {
    margin-bottom: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-700.mb-widescreen-700 {
    margin-bottom: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-800.mb-widescreen-800 {
    margin-bottom: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-900.mb-widescreen-900 {
    margin-bottom: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-950.mb-widescreen-950 {
    margin-bottom: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-1000.mb-widescreen-1000 {
    margin-bottom: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 1920px) {
  .mb-widescreen-1100.mb-widescreen-1100 {
    margin-bottom: var(--spacing-1100, 128px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-0.gap-default-0 {
    gap: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-50.gap-default-50 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-75.gap-default-75 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-85.gap-default-85 {
    gap: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-100.gap-default-100 {
    gap: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-200.gap-default-200 {
    gap: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-300.gap-default-300 {
    gap: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-400.gap-default-400 {
    gap: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-500.gap-default-500 {
    gap: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-600.gap-default-600 {
    gap: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-700.gap-default-700 {
    gap: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-800.gap-default-800 {
    gap: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-900.gap-default-900 {
    gap: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-950.gap-default-950 {
    gap: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-1000.gap-default-1000 {
    gap: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 0) {
  .gap-default-1100.gap-default-1100 {
    gap: var(--spacing-1100, 128px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-0.gap-smalltablet-0 {
    gap: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-50.gap-smalltablet-50 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-75.gap-smalltablet-75 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-85.gap-smalltablet-85 {
    gap: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-100.gap-smalltablet-100 {
    gap: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-200.gap-smalltablet-200 {
    gap: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-300.gap-smalltablet-300 {
    gap: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-400.gap-smalltablet-400 {
    gap: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-500.gap-smalltablet-500 {
    gap: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-600.gap-smalltablet-600 {
    gap: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-700.gap-smalltablet-700 {
    gap: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-800.gap-smalltablet-800 {
    gap: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-900.gap-smalltablet-900 {
    gap: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-950.gap-smalltablet-950 {
    gap: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-1000.gap-smalltablet-1000 {
    gap: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 512px) {
  .gap-smalltablet-1100.gap-smalltablet-1100 {
    gap: var(--spacing-1100, 128px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-0.gap-xs-deprecated-0 {
    gap: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-50.gap-xs-deprecated-50 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-75.gap-xs-deprecated-75 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-85.gap-xs-deprecated-85 {
    gap: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-100.gap-xs-deprecated-100 {
    gap: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-200.gap-xs-deprecated-200 {
    gap: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-300.gap-xs-deprecated-300 {
    gap: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-400.gap-xs-deprecated-400 {
    gap: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-500.gap-xs-deprecated-500 {
    gap: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-600.gap-xs-deprecated-600 {
    gap: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-700.gap-xs-deprecated-700 {
    gap: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-800.gap-xs-deprecated-800 {
    gap: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-900.gap-xs-deprecated-900 {
    gap: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-950.gap-xs-deprecated-950 {
    gap: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-1000.gap-xs-deprecated-1000 {
    gap: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 520px) {
  .gap-xs-deprecated-1100.gap-xs-deprecated-1100 {
    gap: var(--spacing-1100, 128px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-0.gap-tablet-0 {
    gap: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-50.gap-tablet-50 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-75.gap-tablet-75 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-85.gap-tablet-85 {
    gap: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-100.gap-tablet-100 {
    gap: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-200.gap-tablet-200 {
    gap: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-300.gap-tablet-300 {
    gap: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-400.gap-tablet-400 {
    gap: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-500.gap-tablet-500 {
    gap: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-600.gap-tablet-600 {
    gap: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-700.gap-tablet-700 {
    gap: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-800.gap-tablet-800 {
    gap: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-900.gap-tablet-900 {
    gap: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-950.gap-tablet-950 {
    gap: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-1000.gap-tablet-1000 {
    gap: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 768px) {
  .gap-tablet-1100.gap-tablet-1100 {
    gap: var(--spacing-1100, 128px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-0.gap-laptop-0 {
    gap: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-50.gap-laptop-50 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-75.gap-laptop-75 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-85.gap-laptop-85 {
    gap: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-100.gap-laptop-100 {
    gap: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-200.gap-laptop-200 {
    gap: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-300.gap-laptop-300 {
    gap: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-400.gap-laptop-400 {
    gap: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-500.gap-laptop-500 {
    gap: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-600.gap-laptop-600 {
    gap: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-700.gap-laptop-700 {
    gap: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-800.gap-laptop-800 {
    gap: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-900.gap-laptop-900 {
    gap: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-950.gap-laptop-950 {
    gap: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-1000.gap-laptop-1000 {
    gap: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-laptop-1100.gap-laptop-1100 {
    gap: var(--spacing-1100, 128px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-0.gap-lg-deprecated-0 {
    gap: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-50.gap-lg-deprecated-50 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-75.gap-lg-deprecated-75 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-85.gap-lg-deprecated-85 {
    gap: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-100.gap-lg-deprecated-100 {
    gap: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-200.gap-lg-deprecated-200 {
    gap: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-300.gap-lg-deprecated-300 {
    gap: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-400.gap-lg-deprecated-400 {
    gap: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-500.gap-lg-deprecated-500 {
    gap: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-600.gap-lg-deprecated-600 {
    gap: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-700.gap-lg-deprecated-700 {
    gap: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-800.gap-lg-deprecated-800 {
    gap: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-900.gap-lg-deprecated-900 {
    gap: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-950.gap-lg-deprecated-950 {
    gap: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-1000.gap-lg-deprecated-1000 {
    gap: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-deprecated-1100.gap-lg-deprecated-1100 {
    gap: var(--spacing-1100, 128px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-0.gap-desktop-0 {
    gap: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-50.gap-desktop-50 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-75.gap-desktop-75 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-85.gap-desktop-85 {
    gap: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-100.gap-desktop-100 {
    gap: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-200.gap-desktop-200 {
    gap: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-300.gap-desktop-300 {
    gap: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-400.gap-desktop-400 {
    gap: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-500.gap-desktop-500 {
    gap: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-600.gap-desktop-600 {
    gap: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-700.gap-desktop-700 {
    gap: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-800.gap-desktop-800 {
    gap: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-900.gap-desktop-900 {
    gap: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-950.gap-desktop-950 {
    gap: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-1000.gap-desktop-1000 {
    gap: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 1440px) {
  .gap-desktop-1100.gap-desktop-1100 {
    gap: var(--spacing-1100, 128px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-0.gap-widescreen-0 {
    gap: var(--spacing-0, 0px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-50.gap-widescreen-50 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-75.gap-widescreen-75 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-85.gap-widescreen-85 {
    gap: var(--spacing-85, 6px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-100.gap-widescreen-100 {
    gap: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-200.gap-widescreen-200 {
    gap: var(--spacing-200, 12px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-300.gap-widescreen-300 {
    gap: var(--spacing-300, 16px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-400.gap-widescreen-400 {
    gap: var(--spacing-400, 20px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-500.gap-widescreen-500 {
    gap: var(--spacing-500, 24px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-600.gap-widescreen-600 {
    gap: var(--spacing-600, 32px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-700.gap-widescreen-700 {
    gap: var(--spacing-700, 40px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-800.gap-widescreen-800 {
    gap: var(--spacing-800, 48px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-900.gap-widescreen-900 {
    gap: var(--spacing-900, 64px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-950.gap-widescreen-950 {
    gap: var(--spacing-950, 72px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-1000.gap-widescreen-1000 {
    gap: var(--spacing-1000, 80px);
  }
}
@media screen and (min-width: 1920px) {
  .gap-widescreen-1100.gap-widescreen-1100 {
    gap: var(--spacing-1100, 128px);
  }
}
/*# sourceMappingURL=responsive.css.map */
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-text/build/Text.css ***!
  \*************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Text.module.scss */
._-wKf_Y {
  text-align: inherit;
}
._-wKf_Y.rfrOkY {
  color: var(--color-foreground-neutral, #0d1619);
}
._-wKf_Y.u4x3IY {
  color: var(--color-foreground-neutral-faded, #757676);
}
._-wKf_Y._3-CpeY {
  color: var(--color-foreground-accent, #6950f3);
}
._-wKf_Y.fmuhsY {
  color: var(--color-foreground-accent-hover, #5c4ace);
}
._-wKf_Y.Qy9lRY {
  color: var(--color-foreground-accent-active, #403591);
}
._-wKf_Y.hHHtjY {
  color: var(--color-foreground-positive, #1f8900);
}
._-wKf_Y._3yAZfY {
  color: var(--color-foreground-warning, #be7507);
}
._-wKf_Y.KO6GYY {
  color: var(--color-foreground-danger, #d4163a);
}
._-wKf_Y.fRge9Y {
  color: var(--color-foreground-danger-hover, #bb1232);
}
._-wKf_Y.FQdqbY {
  color: var(--color-foreground-danger-active, #831324);
}
._-wKf_Y.FjqwwY {
  color: var(--color-foreground-disabled, #acacac);
}
._-wKf_Y._3ZE-LY {
  color: var(--color-foreground-ghost, #acacac);
}
._-wKf_Y._pP5xY {
  color: var(--color-foreground-on-interactive, #ffffff);
}
._-wKf_Y._1yOdjY {
  color: var(--color-foreground-on-primary, #ffffff);
}
._-wKf_Y.fvVOQY {
  color: var(--color-foreground-info, #4f5ef2);
}
._-wKf_Y.joXIlY {
  color: var(--color-foreground-transparent, rgba(255, 255, 255, 0));
}
@media screen and (min-width: 0) {
  ._-wKf_Y.l3PJwY {
    text-align: left;
  }
}
@media screen and (min-width: 0) {
  ._-wKf_Y.bsiTwY {
    text-align: right;
  }
}
@media screen and (min-width: 0) {
  ._-wKf_Y.BnxS0Y {
    text-align: center;
  }
}
@media screen and (min-width: 512px) {
  ._-wKf_Y.IwkNaY {
    text-align: left;
  }
}
@media screen and (min-width: 512px) {
  ._-wKf_Y.yY_s5Y {
    text-align: right;
  }
}
@media screen and (min-width: 512px) {
  ._-wKf_Y.zi2HCY {
    text-align: center;
  }
}
@media screen and (min-width: 520px) {
  ._-wKf_Y.phw4gY {
    text-align: left;
  }
}
@media screen and (min-width: 520px) {
  ._-wKf_Y.Vy556Y {
    text-align: right;
  }
}
@media screen and (min-width: 520px) {
  ._-wKf_Y.gma6YY {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  ._-wKf_Y.dUGPHY {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  ._-wKf_Y.J2hPCY {
    text-align: right;
  }
}
@media screen and (min-width: 768px) {
  ._-wKf_Y.nnn9TY {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  ._-wKf_Y.Q6SRXY {
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  ._-wKf_Y._8HLjjY {
    text-align: right;
  }
}
@media screen and (min-width: 1024px) {
  ._-wKf_Y.bIMt-Y {
    text-align: center;
  }
}
@media screen and (min-width: 1280px) {
  ._-wKf_Y._0YPRMY {
    text-align: left;
  }
}
@media screen and (min-width: 1280px) {
  ._-wKf_Y.KTsY8Y {
    text-align: right;
  }
}
@media screen and (min-width: 1280px) {
  ._-wKf_Y.kxFlFY {
    text-align: center;
  }
}
@media screen and (min-width: 1440px) {
  ._-wKf_Y.LcnQRY {
    text-align: left;
  }
}
@media screen and (min-width: 1440px) {
  ._-wKf_Y.CMOuvY {
    text-align: right;
  }
}
@media screen and (min-width: 1440px) {
  ._-wKf_Y.l72lzY {
    text-align: center;
  }
}
@media screen and (min-width: 1920px) {
  ._-wKf_Y._0CExAY {
    text-align: left;
  }
}
@media screen and (min-width: 1920px) {
  ._-wKf_Y.hoOGvY {
    text-align: right;
  }
}
@media screen and (min-width: 1920px) {
  ._-wKf_Y.jAoiCY {
    text-align: center;
  }
}
._-wKf_Y.ZCvMwY {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
._-wKf_Y.ObBoYY {
  word-break: break-all;
  max-width: 100%;
}
._-wKf_Y.KfK9nY {
  white-space: nowrap;
}
._-wKf_Y.NPYqxY {
  white-space: pre-wrap;
}
._-wKf_Y._9CR1OY {
  font-variant-numeric: tabular-nums !important;
}
.sOTBAY {
  display: flex;
  align-items: center;
  height: 2px;
}
@media screen and (min-width: 0) {
  .sOTBAY.cuHQEY {
    height: var(--skeleton-text-size-body-2xs-container-composition-height, 12px);
  }
  .sOTBAY.ePmW2Y {
    height: var(--skeleton-text-size-body-xs-container-composition-height, 16px);
  }
  .sOTBAY.Akz72Y {
    height: var(--skeleton-text-size-body-s-container-composition-height, 20px);
  }
  .sOTBAY._5GmpaY {
    height: var(--skeleton-text-size-body-m-container-composition-height, 24px);
  }
  .sOTBAY.CiT3eY {
    height: var(--skeleton-text-size-body-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 0) {
  .sOTBAY.QDPH-Y {
    height: var(--skeleton-text-size-display-xl-container-composition-height, 92px);
  }
  .sOTBAY._25oycY {
    height: var(--skeleton-text-size-display-l-container-composition-height, 64px);
  }
  .sOTBAY.Ab_S1Y {
    height: var(--skeleton-text-size-display-m-container-composition-height, 44px);
  }
  .sOTBAY.VGpD9Y {
    height: var(--skeleton-text-size-display-s-container-composition-height, 36px);
  }
}
@media screen and (min-width: 0) {
  .sOTBAY.wU1ORY {
    height: var(--skeleton-text-size-header-xs-container-composition-height, 24px);
  }
  .sOTBAY._1-vzyY {
    height: var(--skeleton-text-size-header-s-container-composition-height, 28px);
  }
  .sOTBAY.D9LzPY {
    height: var(--skeleton-text-size-header-m-container-composition-height, 32px);
  }
  .sOTBAY.xaorOY {
    height: var(--skeleton-text-size-header-l-container-composition-height, 36px);
  }
  .sOTBAY.VuIohY {
    height: var(--skeleton-text-size-header-xl-container-composition-height, 44px);
  }
  .sOTBAY.d_z3cY {
    height: var(--skeleton-text-size-header-2xl-container-composition-height, 52px);
  }
  .sOTBAY.yowQpY {
    height: var(--skeleton-text-size-header-3xl-container-composition-height, 112px);
  }
}
@media screen and (min-width: 0) {
  .sOTBAY.New7tY {
    height: var(--skeleton-text-size-link-2xs-container-composition-height, 12px);
  }
  .sOTBAY.t44izY {
    height: var(--skeleton-text-size-link-xs-container-composition-height, 16px);
  }
  .sOTBAY._8-gA5Y {
    height: var(--skeleton-text-size-link-s-container-composition-height, 20px);
  }
  .sOTBAY.p7JP4Y {
    height: var(--skeleton-text-size-link-m-container-composition-height, 24px);
  }
  .sOTBAY._83UddY {
    height: var(--skeleton-text-size-link-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 512px) {
  .sOTBAY.awRR8Y {
    height: var(--skeleton-text-size-body-2xs-container-composition-height, 12px);
  }
  .sOTBAY._6AkVEY {
    height: var(--skeleton-text-size-body-xs-container-composition-height, 16px);
  }
  .sOTBAY._7LMXJY {
    height: var(--skeleton-text-size-body-s-container-composition-height, 20px);
  }
  .sOTBAY.NdSlwY {
    height: var(--skeleton-text-size-body-m-container-composition-height, 24px);
  }
  .sOTBAY.Ly5i1Y {
    height: var(--skeleton-text-size-body-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 512px) {
  .sOTBAY.R61SPY {
    height: var(--skeleton-text-size-display-xl-container-composition-height, 92px);
  }
  .sOTBAY.TLbc7Y {
    height: var(--skeleton-text-size-display-l-container-composition-height, 64px);
  }
  .sOTBAY._7iWvJY {
    height: var(--skeleton-text-size-display-m-container-composition-height, 44px);
  }
  .sOTBAY.NUyTqY {
    height: var(--skeleton-text-size-display-s-container-composition-height, 36px);
  }
}
@media screen and (min-width: 512px) {
  .sOTBAY.gtmCmY {
    height: var(--skeleton-text-size-header-xs-container-composition-height, 24px);
  }
  .sOTBAY.s0sGKY {
    height: var(--skeleton-text-size-header-s-container-composition-height, 28px);
  }
  .sOTBAY.E1FqYY {
    height: var(--skeleton-text-size-header-m-container-composition-height, 32px);
  }
  .sOTBAY.pzlbpY {
    height: var(--skeleton-text-size-header-l-container-composition-height, 36px);
  }
  .sOTBAY._2coweY {
    height: var(--skeleton-text-size-header-xl-container-composition-height, 44px);
  }
  .sOTBAY.Rk9tHY {
    height: var(--skeleton-text-size-header-2xl-container-composition-height, 52px);
  }
  .sOTBAY.F2wJMY {
    height: var(--skeleton-text-size-header-3xl-container-composition-height, 112px);
  }
}
@media screen and (min-width: 512px) {
  .sOTBAY.LJXrOY {
    height: var(--skeleton-text-size-link-2xs-container-composition-height, 12px);
  }
  .sOTBAY.FvojaY {
    height: var(--skeleton-text-size-link-xs-container-composition-height, 16px);
  }
  .sOTBAY.DKY_iY {
    height: var(--skeleton-text-size-link-s-container-composition-height, 20px);
  }
  .sOTBAY.f-MEVY {
    height: var(--skeleton-text-size-link-m-container-composition-height, 24px);
  }
  .sOTBAY._3OZiAY {
    height: var(--skeleton-text-size-link-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 520px) {
  .sOTBAY.UWiR2Y {
    height: var(--skeleton-text-size-body-2xs-container-composition-height, 12px);
  }
  .sOTBAY.Lxh49Y {
    height: var(--skeleton-text-size-body-xs-container-composition-height, 16px);
  }
  .sOTBAY._8NhrIY {
    height: var(--skeleton-text-size-body-s-container-composition-height, 20px);
  }
  .sOTBAY.hwZJnY {
    height: var(--skeleton-text-size-body-m-container-composition-height, 24px);
  }
  .sOTBAY.A73VIY {
    height: var(--skeleton-text-size-body-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 520px) {
  .sOTBAY._0H5mKY {
    height: var(--skeleton-text-size-display-xl-container-composition-height, 92px);
  }
  .sOTBAY.acMcwY {
    height: var(--skeleton-text-size-display-l-container-composition-height, 64px);
  }
  .sOTBAY.YG92bY {
    height: var(--skeleton-text-size-display-m-container-composition-height, 44px);
  }
  .sOTBAY._0RKlWY {
    height: var(--skeleton-text-size-display-s-container-composition-height, 36px);
  }
}
@media screen and (min-width: 520px) {
  .sOTBAY._6XBSnY {
    height: var(--skeleton-text-size-header-xs-container-composition-height, 24px);
  }
  .sOTBAY.tb1J_Y {
    height: var(--skeleton-text-size-header-s-container-composition-height, 28px);
  }
  .sOTBAY.iWVWKY {
    height: var(--skeleton-text-size-header-m-container-composition-height, 32px);
  }
  .sOTBAY.vUxAVY {
    height: var(--skeleton-text-size-header-l-container-composition-height, 36px);
  }
  .sOTBAY.djUvlY {
    height: var(--skeleton-text-size-header-xl-container-composition-height, 44px);
  }
  .sOTBAY.UFjE5Y {
    height: var(--skeleton-text-size-header-2xl-container-composition-height, 52px);
  }
  .sOTBAY.Q_8JbY {
    height: var(--skeleton-text-size-header-3xl-container-composition-height, 112px);
  }
}
@media screen and (min-width: 520px) {
  .sOTBAY.JZidjY {
    height: var(--skeleton-text-size-link-2xs-container-composition-height, 12px);
  }
  .sOTBAY.D7yMmY {
    height: var(--skeleton-text-size-link-xs-container-composition-height, 16px);
  }
  .sOTBAY.oA2xjY {
    height: var(--skeleton-text-size-link-s-container-composition-height, 20px);
  }
  .sOTBAY.bvLN5Y {
    height: var(--skeleton-text-size-link-m-container-composition-height, 24px);
  }
  .sOTBAY.qrzKMY {
    height: var(--skeleton-text-size-link-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 768px) {
  .sOTBAY.uNXeGY {
    height: var(--skeleton-text-size-body-2xs-container-composition-height, 12px);
  }
  .sOTBAY.t7J4QY {
    height: var(--skeleton-text-size-body-xs-container-composition-height, 16px);
  }
  .sOTBAY.DhkAwY {
    height: var(--skeleton-text-size-body-s-container-composition-height, 20px);
  }
  .sOTBAY.XhC_BY {
    height: var(--skeleton-text-size-body-m-container-composition-height, 24px);
  }
  .sOTBAY.JCGsTY {
    height: var(--skeleton-text-size-body-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 768px) {
  .sOTBAY.iylDWY {
    height: var(--skeleton-text-size-display-xl-container-composition-height, 92px);
  }
  .sOTBAY.if7sVY {
    height: var(--skeleton-text-size-display-l-container-composition-height, 64px);
  }
  .sOTBAY.WKMC2Y {
    height: var(--skeleton-text-size-display-m-container-composition-height, 44px);
  }
  .sOTBAY.nN6jLY {
    height: var(--skeleton-text-size-display-s-container-composition-height, 36px);
  }
}
@media screen and (min-width: 768px) {
  .sOTBAY.xtaEGY {
    height: var(--skeleton-text-size-header-xs-container-composition-height, 24px);
  }
  .sOTBAY.AkZKHY {
    height: var(--skeleton-text-size-header-s-container-composition-height, 28px);
  }
  .sOTBAY.q9yl3Y {
    height: var(--skeleton-text-size-header-m-container-composition-height, 32px);
  }
  .sOTBAY.I9ph_Y {
    height: var(--skeleton-text-size-header-l-container-composition-height, 36px);
  }
  .sOTBAY.mWIErY {
    height: var(--skeleton-text-size-header-xl-container-composition-height, 44px);
  }
  .sOTBAY.iK1lNY {
    height: var(--skeleton-text-size-header-2xl-container-composition-height, 52px);
  }
  .sOTBAY.np4QWY {
    height: var(--skeleton-text-size-header-3xl-container-composition-height, 112px);
  }
}
@media screen and (min-width: 768px) {
  .sOTBAY.saBaSY {
    height: var(--skeleton-text-size-link-2xs-container-composition-height, 12px);
  }
  .sOTBAY.d1JMVY {
    height: var(--skeleton-text-size-link-xs-container-composition-height, 16px);
  }
  .sOTBAY.Mz3BRY {
    height: var(--skeleton-text-size-link-s-container-composition-height, 20px);
  }
  .sOTBAY.GIyigY {
    height: var(--skeleton-text-size-link-m-container-composition-height, 24px);
  }
  .sOTBAY.XiUmUY {
    height: var(--skeleton-text-size-link-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 1024px) {
  .sOTBAY.RFkVAY {
    height: var(--skeleton-text-size-body-2xs-container-composition-height, 12px);
  }
  .sOTBAY.DQCQqY {
    height: var(--skeleton-text-size-body-xs-container-composition-height, 16px);
  }
  .sOTBAY.ik9c6Y {
    height: var(--skeleton-text-size-body-s-container-composition-height, 20px);
  }
  .sOTBAY.r4XMAY {
    height: var(--skeleton-text-size-body-m-container-composition-height, 24px);
  }
  .sOTBAY.r19_iY {
    height: var(--skeleton-text-size-body-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 1024px) {
  .sOTBAY.BytaWY {
    height: var(--skeleton-text-size-display-xl-container-composition-height, 92px);
  }
  .sOTBAY.I6y1VY {
    height: var(--skeleton-text-size-display-l-container-composition-height, 64px);
  }
  .sOTBAY.YZObFY {
    height: var(--skeleton-text-size-display-m-container-composition-height, 44px);
  }
  .sOTBAY.okpZbY {
    height: var(--skeleton-text-size-display-s-container-composition-height, 36px);
  }
}
@media screen and (min-width: 1024px) {
  .sOTBAY.wSEqTY {
    height: var(--skeleton-text-size-header-xs-container-composition-height, 24px);
  }
  .sOTBAY.KiFwtY {
    height: var(--skeleton-text-size-header-s-container-composition-height, 28px);
  }
  .sOTBAY.QfCBHY {
    height: var(--skeleton-text-size-header-m-container-composition-height, 32px);
  }
  .sOTBAY.fq9FiY {
    height: var(--skeleton-text-size-header-l-container-composition-height, 36px);
  }
  .sOTBAY.BVtMDY {
    height: var(--skeleton-text-size-header-xl-container-composition-height, 44px);
  }
  .sOTBAY.yJwadY {
    height: var(--skeleton-text-size-header-2xl-container-composition-height, 52px);
  }
  .sOTBAY.eTTrlY {
    height: var(--skeleton-text-size-header-3xl-container-composition-height, 112px);
  }
}
@media screen and (min-width: 1024px) {
  .sOTBAY._5daJhY {
    height: var(--skeleton-text-size-link-2xs-container-composition-height, 12px);
  }
  .sOTBAY.KfvmDY {
    height: var(--skeleton-text-size-link-xs-container-composition-height, 16px);
  }
  .sOTBAY.b60zdY {
    height: var(--skeleton-text-size-link-s-container-composition-height, 20px);
  }
  .sOTBAY.nPnsVY {
    height: var(--skeleton-text-size-link-m-container-composition-height, 24px);
  }
  .sOTBAY.eJJ23Y {
    height: var(--skeleton-text-size-link-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 1280px) {
  .sOTBAY.lDWxAY {
    height: var(--skeleton-text-size-body-2xs-container-composition-height, 12px);
  }
  .sOTBAY.qJXvbY {
    height: var(--skeleton-text-size-body-xs-container-composition-height, 16px);
  }
  .sOTBAY.EkSbHY {
    height: var(--skeleton-text-size-body-s-container-composition-height, 20px);
  }
  .sOTBAY.d2KHeY {
    height: var(--skeleton-text-size-body-m-container-composition-height, 24px);
  }
  .sOTBAY.k_1ibY {
    height: var(--skeleton-text-size-body-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 1280px) {
  .sOTBAY.YovK8Y {
    height: var(--skeleton-text-size-display-xl-container-composition-height, 92px);
  }
  .sOTBAY.eyG0ZY {
    height: var(--skeleton-text-size-display-l-container-composition-height, 64px);
  }
  .sOTBAY.KM5gYY {
    height: var(--skeleton-text-size-display-m-container-composition-height, 44px);
  }
  .sOTBAY._3YHGEY {
    height: var(--skeleton-text-size-display-s-container-composition-height, 36px);
  }
}
@media screen and (min-width: 1280px) {
  .sOTBAY.QR5LeY {
    height: var(--skeleton-text-size-header-xs-container-composition-height, 24px);
  }
  .sOTBAY.VQvPpY {
    height: var(--skeleton-text-size-header-s-container-composition-height, 28px);
  }
  .sOTBAY.Hnw02Y {
    height: var(--skeleton-text-size-header-m-container-composition-height, 32px);
  }
  .sOTBAY.Iq5hyY {
    height: var(--skeleton-text-size-header-l-container-composition-height, 36px);
  }
  .sOTBAY.CAOrPY {
    height: var(--skeleton-text-size-header-xl-container-composition-height, 44px);
  }
  .sOTBAY.jJCx7Y {
    height: var(--skeleton-text-size-header-2xl-container-composition-height, 52px);
  }
  .sOTBAY.MQWLBY {
    height: var(--skeleton-text-size-header-3xl-container-composition-height, 112px);
  }
}
@media screen and (min-width: 1280px) {
  .sOTBAY.NZ6lgY {
    height: var(--skeleton-text-size-link-2xs-container-composition-height, 12px);
  }
  .sOTBAY._-csLGY {
    height: var(--skeleton-text-size-link-xs-container-composition-height, 16px);
  }
  .sOTBAY.VOP7KY {
    height: var(--skeleton-text-size-link-s-container-composition-height, 20px);
  }
  .sOTBAY.BZDMPY {
    height: var(--skeleton-text-size-link-m-container-composition-height, 24px);
  }
  .sOTBAY.ZlzdqY {
    height: var(--skeleton-text-size-link-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 1440px) {
  .sOTBAY.GBFmIY {
    height: var(--skeleton-text-size-body-2xs-container-composition-height, 12px);
  }
  .sOTBAY.whdk8Y {
    height: var(--skeleton-text-size-body-xs-container-composition-height, 16px);
  }
  .sOTBAY.IXX4_Y {
    height: var(--skeleton-text-size-body-s-container-composition-height, 20px);
  }
  .sOTBAY.Y3qaKY {
    height: var(--skeleton-text-size-body-m-container-composition-height, 24px);
  }
  .sOTBAY.nK2qvY {
    height: var(--skeleton-text-size-body-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 1440px) {
  .sOTBAY.Y3q9LY {
    height: var(--skeleton-text-size-display-xl-container-composition-height, 92px);
  }
  .sOTBAY.FlahCY {
    height: var(--skeleton-text-size-display-l-container-composition-height, 64px);
  }
  .sOTBAY.P0N4nY {
    height: var(--skeleton-text-size-display-m-container-composition-height, 44px);
  }
  .sOTBAY._0dT3UY {
    height: var(--skeleton-text-size-display-s-container-composition-height, 36px);
  }
}
@media screen and (min-width: 1440px) {
  .sOTBAY.ExIvzY {
    height: var(--skeleton-text-size-header-xs-container-composition-height, 24px);
  }
  .sOTBAY.CpqkOY {
    height: var(--skeleton-text-size-header-s-container-composition-height, 28px);
  }
  .sOTBAY.A3t3mY {
    height: var(--skeleton-text-size-header-m-container-composition-height, 32px);
  }
  .sOTBAY.TOQf2Y {
    height: var(--skeleton-text-size-header-l-container-composition-height, 36px);
  }
  .sOTBAY.sUKLMY {
    height: var(--skeleton-text-size-header-xl-container-composition-height, 44px);
  }
  .sOTBAY.bcYh9Y {
    height: var(--skeleton-text-size-header-2xl-container-composition-height, 52px);
  }
  .sOTBAY.GCSkZY {
    height: var(--skeleton-text-size-header-3xl-container-composition-height, 112px);
  }
}
@media screen and (min-width: 1440px) {
  .sOTBAY._1qFLcY {
    height: var(--skeleton-text-size-link-2xs-container-composition-height, 12px);
  }
  .sOTBAY._3lCHHY {
    height: var(--skeleton-text-size-link-xs-container-composition-height, 16px);
  }
  .sOTBAY.zR_QaY {
    height: var(--skeleton-text-size-link-s-container-composition-height, 20px);
  }
  .sOTBAY._lvfJY {
    height: var(--skeleton-text-size-link-m-container-composition-height, 24px);
  }
  .sOTBAY.azqxjY {
    height: var(--skeleton-text-size-link-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 1920px) {
  .sOTBAY.Hc_BoY {
    height: var(--skeleton-text-size-body-2xs-container-composition-height, 12px);
  }
  .sOTBAY._1BTd_Y {
    height: var(--skeleton-text-size-body-xs-container-composition-height, 16px);
  }
  .sOTBAY.kHgAoY {
    height: var(--skeleton-text-size-body-s-container-composition-height, 20px);
  }
  .sOTBAY.wbOnMY {
    height: var(--skeleton-text-size-body-m-container-composition-height, 24px);
  }
  .sOTBAY.uRUO9Y {
    height: var(--skeleton-text-size-body-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 1920px) {
  .sOTBAY.fCIMLY {
    height: var(--skeleton-text-size-display-xl-container-composition-height, 92px);
  }
  .sOTBAY.IMuTkY {
    height: var(--skeleton-text-size-display-l-container-composition-height, 64px);
  }
  .sOTBAY.qAXbDY {
    height: var(--skeleton-text-size-display-m-container-composition-height, 44px);
  }
  .sOTBAY.t8RgGY {
    height: var(--skeleton-text-size-display-s-container-composition-height, 36px);
  }
}
@media screen and (min-width: 1920px) {
  .sOTBAY.w5ZkfY {
    height: var(--skeleton-text-size-header-xs-container-composition-height, 24px);
  }
  .sOTBAY._0RHa8Y {
    height: var(--skeleton-text-size-header-s-container-composition-height, 28px);
  }
  .sOTBAY.NZyvxY {
    height: var(--skeleton-text-size-header-m-container-composition-height, 32px);
  }
  .sOTBAY.f14srY {
    height: var(--skeleton-text-size-header-l-container-composition-height, 36px);
  }
  .sOTBAY.e9xsmY {
    height: var(--skeleton-text-size-header-xl-container-composition-height, 44px);
  }
  .sOTBAY.rTeSQY {
    height: var(--skeleton-text-size-header-2xl-container-composition-height, 52px);
  }
  .sOTBAY.tVddhY {
    height: var(--skeleton-text-size-header-3xl-container-composition-height, 112px);
  }
}
@media screen and (min-width: 1920px) {
  .sOTBAY.BEnFEY {
    height: var(--skeleton-text-size-link-2xs-container-composition-height, 12px);
  }
  .sOTBAY.cMAEpY {
    height: var(--skeleton-text-size-link-xs-container-composition-height, 16px);
  }
  .sOTBAY.i10rUY {
    height: var(--skeleton-text-size-link-s-container-composition-height, 20px);
  }
  .sOTBAY._0cNmfY {
    height: var(--skeleton-text-size-link-m-container-composition-height, 24px);
  }
  .sOTBAY.FApdpY {
    height: var(--skeleton-text-size-link-l-container-composition-height, 32px);
  }
}
@media screen and (min-width: 0) {
  .ZUzcYY.cuHQEY {
    height: var(--skeleton-text-size-body-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY.ePmW2Y {
    height: var(--skeleton-text-size-body-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.Akz72Y {
    height: var(--skeleton-text-size-body-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY._5GmpaY {
    height: var(--skeleton-text-size-body-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.CiT3eY {
    height: var(--skeleton-text-size-body-l-skeleton-composition-height, 12px) !important;
  }
}
@media screen and (min-width: 0) {
  .ZUzcYY.QDPH-Y {
    height: var(--skeleton-text-size-display-xl-skeleton-composition-height, 32px) !important;
  }
  .ZUzcYY._25oycY {
    height: var(--skeleton-text-size-display-l-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY.Ab_S1Y {
    height: var(--skeleton-text-size-display-m-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY.VGpD9Y {
    height: var(--skeleton-text-size-display-s-skeleton-composition-height, 16px) !important;
  }
}
@media screen and (min-width: 0) {
  .ZUzcYY.wU1ORY {
    height: var(--skeleton-text-size-header-xs-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY._1-vzyY {
    height: var(--skeleton-text-size-header-s-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY.D9LzPY {
    height: var(--skeleton-text-size-header-m-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY.xaorOY {
    height: var(--skeleton-text-size-header-l-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY.VuIohY {
    height: var(--skeleton-text-size-header-xl-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY.d_z3cY {
    height: var(--skeleton-text-size-header-2xl-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY.yowQpY {
    height: var(--skeleton-text-size-header-3xl-skeleton-composition-height, 40px) !important;
  }
}
@media screen and (min-width: 0) {
  .ZUzcYY.New7tY {
    height: var(--skeleton-text-size-link-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY.t44izY {
    height: var(--skeleton-text-size-link-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY._8-gA5Y {
    height: var(--skeleton-text-size-link-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.p7JP4Y {
    height: var(--skeleton-text-size-link-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY._83UddY {
    height: var(--skeleton-text-size-link-l-skeleton-composition-height, 12px) !important;
  }
}
@media screen and (min-width: 512px) {
  .ZUzcYY.awRR8Y {
    height: var(--skeleton-text-size-body-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY._6AkVEY {
    height: var(--skeleton-text-size-body-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY._7LMXJY {
    height: var(--skeleton-text-size-body-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.NdSlwY {
    height: var(--skeleton-text-size-body-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.Ly5i1Y {
    height: var(--skeleton-text-size-body-l-skeleton-composition-height, 12px) !important;
  }
}
@media screen and (min-width: 512px) {
  .ZUzcYY.R61SPY {
    height: var(--skeleton-text-size-display-xl-skeleton-composition-height, 32px) !important;
  }
  .ZUzcYY.TLbc7Y {
    height: var(--skeleton-text-size-display-l-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY._7iWvJY {
    height: var(--skeleton-text-size-display-m-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY.NUyTqY {
    height: var(--skeleton-text-size-display-s-skeleton-composition-height, 16px) !important;
  }
}
@media screen and (min-width: 512px) {
  .ZUzcYY.gtmCmY {
    height: var(--skeleton-text-size-header-xs-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY.s0sGKY {
    height: var(--skeleton-text-size-header-s-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY.E1FqYY {
    height: var(--skeleton-text-size-header-m-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY.pzlbpY {
    height: var(--skeleton-text-size-header-l-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY._2coweY {
    height: var(--skeleton-text-size-header-xl-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY.Rk9tHY {
    height: var(--skeleton-text-size-header-2xl-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY.F2wJMY {
    height: var(--skeleton-text-size-header-3xl-skeleton-composition-height, 40px) !important;
  }
}
@media screen and (min-width: 512px) {
  .ZUzcYY.LJXrOY {
    height: var(--skeleton-text-size-link-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY.FvojaY {
    height: var(--skeleton-text-size-link-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.DKY_iY {
    height: var(--skeleton-text-size-link-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.f-MEVY {
    height: var(--skeleton-text-size-link-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY._3OZiAY {
    height: var(--skeleton-text-size-link-l-skeleton-composition-height, 12px) !important;
  }
}
@media screen and (min-width: 520px) {
  .ZUzcYY.UWiR2Y {
    height: var(--skeleton-text-size-body-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY.Lxh49Y {
    height: var(--skeleton-text-size-body-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY._8NhrIY {
    height: var(--skeleton-text-size-body-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.hwZJnY {
    height: var(--skeleton-text-size-body-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.A73VIY {
    height: var(--skeleton-text-size-body-l-skeleton-composition-height, 12px) !important;
  }
}
@media screen and (min-width: 520px) {
  .ZUzcYY._0H5mKY {
    height: var(--skeleton-text-size-display-xl-skeleton-composition-height, 32px) !important;
  }
  .ZUzcYY.acMcwY {
    height: var(--skeleton-text-size-display-l-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY.YG92bY {
    height: var(--skeleton-text-size-display-m-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY._0RKlWY {
    height: var(--skeleton-text-size-display-s-skeleton-composition-height, 16px) !important;
  }
}
@media screen and (min-width: 520px) {
  .ZUzcYY._6XBSnY {
    height: var(--skeleton-text-size-header-xs-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY.tb1J_Y {
    height: var(--skeleton-text-size-header-s-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY.iWVWKY {
    height: var(--skeleton-text-size-header-m-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY.vUxAVY {
    height: var(--skeleton-text-size-header-l-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY.djUvlY {
    height: var(--skeleton-text-size-header-xl-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY.UFjE5Y {
    height: var(--skeleton-text-size-header-2xl-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY.Q_8JbY {
    height: var(--skeleton-text-size-header-3xl-skeleton-composition-height, 40px) !important;
  }
}
@media screen and (min-width: 520px) {
  .ZUzcYY.JZidjY {
    height: var(--skeleton-text-size-link-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY.D7yMmY {
    height: var(--skeleton-text-size-link-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.oA2xjY {
    height: var(--skeleton-text-size-link-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.bvLN5Y {
    height: var(--skeleton-text-size-link-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.qrzKMY {
    height: var(--skeleton-text-size-link-l-skeleton-composition-height, 12px) !important;
  }
}
@media screen and (min-width: 768px) {
  .ZUzcYY.uNXeGY {
    height: var(--skeleton-text-size-body-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY.t7J4QY {
    height: var(--skeleton-text-size-body-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.DhkAwY {
    height: var(--skeleton-text-size-body-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.XhC_BY {
    height: var(--skeleton-text-size-body-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.JCGsTY {
    height: var(--skeleton-text-size-body-l-skeleton-composition-height, 12px) !important;
  }
}
@media screen and (min-width: 768px) {
  .ZUzcYY.iylDWY {
    height: var(--skeleton-text-size-display-xl-skeleton-composition-height, 32px) !important;
  }
  .ZUzcYY.if7sVY {
    height: var(--skeleton-text-size-display-l-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY.WKMC2Y {
    height: var(--skeleton-text-size-display-m-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY.nN6jLY {
    height: var(--skeleton-text-size-display-s-skeleton-composition-height, 16px) !important;
  }
}
@media screen and (min-width: 768px) {
  .ZUzcYY.xtaEGY {
    height: var(--skeleton-text-size-header-xs-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY.AkZKHY {
    height: var(--skeleton-text-size-header-s-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY.q9yl3Y {
    height: var(--skeleton-text-size-header-m-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY.I9ph_Y {
    height: var(--skeleton-text-size-header-l-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY.mWIErY {
    height: var(--skeleton-text-size-header-xl-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY.iK1lNY {
    height: var(--skeleton-text-size-header-2xl-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY.np4QWY {
    height: var(--skeleton-text-size-header-3xl-skeleton-composition-height, 40px) !important;
  }
}
@media screen and (min-width: 768px) {
  .ZUzcYY.saBaSY {
    height: var(--skeleton-text-size-link-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY.d1JMVY {
    height: var(--skeleton-text-size-link-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.Mz3BRY {
    height: var(--skeleton-text-size-link-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.GIyigY {
    height: var(--skeleton-text-size-link-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.XiUmUY {
    height: var(--skeleton-text-size-link-l-skeleton-composition-height, 12px) !important;
  }
}
@media screen and (min-width: 1024px) {
  .ZUzcYY.RFkVAY {
    height: var(--skeleton-text-size-body-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY.DQCQqY {
    height: var(--skeleton-text-size-body-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.ik9c6Y {
    height: var(--skeleton-text-size-body-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.r4XMAY {
    height: var(--skeleton-text-size-body-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.r19_iY {
    height: var(--skeleton-text-size-body-l-skeleton-composition-height, 12px) !important;
  }
}
@media screen and (min-width: 1024px) {
  .ZUzcYY.BytaWY {
    height: var(--skeleton-text-size-display-xl-skeleton-composition-height, 32px) !important;
  }
  .ZUzcYY.I6y1VY {
    height: var(--skeleton-text-size-display-l-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY.YZObFY {
    height: var(--skeleton-text-size-display-m-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY.okpZbY {
    height: var(--skeleton-text-size-display-s-skeleton-composition-height, 16px) !important;
  }
}
@media screen and (min-width: 1024px) {
  .ZUzcYY.wSEqTY {
    height: var(--skeleton-text-size-header-xs-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY.KiFwtY {
    height: var(--skeleton-text-size-header-s-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY.QfCBHY {
    height: var(--skeleton-text-size-header-m-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY.fq9FiY {
    height: var(--skeleton-text-size-header-l-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY.BVtMDY {
    height: var(--skeleton-text-size-header-xl-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY.yJwadY {
    height: var(--skeleton-text-size-header-2xl-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY.eTTrlY {
    height: var(--skeleton-text-size-header-3xl-skeleton-composition-height, 40px) !important;
  }
}
@media screen and (min-width: 1024px) {
  .ZUzcYY._5daJhY {
    height: var(--skeleton-text-size-link-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY.KfvmDY {
    height: var(--skeleton-text-size-link-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.b60zdY {
    height: var(--skeleton-text-size-link-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.nPnsVY {
    height: var(--skeleton-text-size-link-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.eJJ23Y {
    height: var(--skeleton-text-size-link-l-skeleton-composition-height, 12px) !important;
  }
}
@media screen and (min-width: 1280px) {
  .ZUzcYY.lDWxAY {
    height: var(--skeleton-text-size-body-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY.qJXvbY {
    height: var(--skeleton-text-size-body-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.EkSbHY {
    height: var(--skeleton-text-size-body-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.d2KHeY {
    height: var(--skeleton-text-size-body-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.k_1ibY {
    height: var(--skeleton-text-size-body-l-skeleton-composition-height, 12px) !important;
  }
}
@media screen and (min-width: 1280px) {
  .ZUzcYY.YovK8Y {
    height: var(--skeleton-text-size-display-xl-skeleton-composition-height, 32px) !important;
  }
  .ZUzcYY.eyG0ZY {
    height: var(--skeleton-text-size-display-l-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY.KM5gYY {
    height: var(--skeleton-text-size-display-m-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY._3YHGEY {
    height: var(--skeleton-text-size-display-s-skeleton-composition-height, 16px) !important;
  }
}
@media screen and (min-width: 1280px) {
  .ZUzcYY.QR5LeY {
    height: var(--skeleton-text-size-header-xs-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY.VQvPpY {
    height: var(--skeleton-text-size-header-s-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY.Hnw02Y {
    height: var(--skeleton-text-size-header-m-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY.Iq5hyY {
    height: var(--skeleton-text-size-header-l-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY.CAOrPY {
    height: var(--skeleton-text-size-header-xl-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY.jJCx7Y {
    height: var(--skeleton-text-size-header-2xl-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY.MQWLBY {
    height: var(--skeleton-text-size-header-3xl-skeleton-composition-height, 40px) !important;
  }
}
@media screen and (min-width: 1280px) {
  .ZUzcYY.NZ6lgY {
    height: var(--skeleton-text-size-link-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY._-csLGY {
    height: var(--skeleton-text-size-link-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.VOP7KY {
    height: var(--skeleton-text-size-link-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.BZDMPY {
    height: var(--skeleton-text-size-link-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.ZlzdqY {
    height: var(--skeleton-text-size-link-l-skeleton-composition-height, 12px) !important;
  }
}
@media screen and (min-width: 1440px) {
  .ZUzcYY.GBFmIY {
    height: var(--skeleton-text-size-body-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY.whdk8Y {
    height: var(--skeleton-text-size-body-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.IXX4_Y {
    height: var(--skeleton-text-size-body-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.Y3qaKY {
    height: var(--skeleton-text-size-body-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.nK2qvY {
    height: var(--skeleton-text-size-body-l-skeleton-composition-height, 12px) !important;
  }
}
@media screen and (min-width: 1440px) {
  .ZUzcYY.Y3q9LY {
    height: var(--skeleton-text-size-display-xl-skeleton-composition-height, 32px) !important;
  }
  .ZUzcYY.FlahCY {
    height: var(--skeleton-text-size-display-l-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY.P0N4nY {
    height: var(--skeleton-text-size-display-m-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY._0dT3UY {
    height: var(--skeleton-text-size-display-s-skeleton-composition-height, 16px) !important;
  }
}
@media screen and (min-width: 1440px) {
  .ZUzcYY.ExIvzY {
    height: var(--skeleton-text-size-header-xs-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY.CpqkOY {
    height: var(--skeleton-text-size-header-s-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY.A3t3mY {
    height: var(--skeleton-text-size-header-m-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY.TOQf2Y {
    height: var(--skeleton-text-size-header-l-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY.sUKLMY {
    height: var(--skeleton-text-size-header-xl-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY.bcYh9Y {
    height: var(--skeleton-text-size-header-2xl-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY.GCSkZY {
    height: var(--skeleton-text-size-header-3xl-skeleton-composition-height, 40px) !important;
  }
}
@media screen and (min-width: 1440px) {
  .ZUzcYY._1qFLcY {
    height: var(--skeleton-text-size-link-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY._3lCHHY {
    height: var(--skeleton-text-size-link-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.zR_QaY {
    height: var(--skeleton-text-size-link-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY._lvfJY {
    height: var(--skeleton-text-size-link-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.azqxjY {
    height: var(--skeleton-text-size-link-l-skeleton-composition-height, 12px) !important;
  }
}
@media screen and (min-width: 1920px) {
  .ZUzcYY.Hc_BoY {
    height: var(--skeleton-text-size-body-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY._1BTd_Y {
    height: var(--skeleton-text-size-body-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.kHgAoY {
    height: var(--skeleton-text-size-body-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.wbOnMY {
    height: var(--skeleton-text-size-body-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.uRUO9Y {
    height: var(--skeleton-text-size-body-l-skeleton-composition-height, 12px) !important;
  }
}
@media screen and (min-width: 1920px) {
  .ZUzcYY.fCIMLY {
    height: var(--skeleton-text-size-display-xl-skeleton-composition-height, 32px) !important;
  }
  .ZUzcYY.IMuTkY {
    height: var(--skeleton-text-size-display-l-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY.qAXbDY {
    height: var(--skeleton-text-size-display-m-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY.t8RgGY {
    height: var(--skeleton-text-size-display-s-skeleton-composition-height, 16px) !important;
  }
}
@media screen and (min-width: 1920px) {
  .ZUzcYY.w5ZkfY {
    height: var(--skeleton-text-size-header-xs-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY._0RHa8Y {
    height: var(--skeleton-text-size-header-s-skeleton-composition-height, 12px) !important;
  }
  .ZUzcYY.NZyvxY {
    height: var(--skeleton-text-size-header-m-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY.f14srY {
    height: var(--skeleton-text-size-header-l-skeleton-composition-height, 16px) !important;
  }
  .ZUzcYY.e9xsmY {
    height: var(--skeleton-text-size-header-xl-skeleton-composition-height, 20px) !important;
  }
  .ZUzcYY.rTeSQY {
    height: var(--skeleton-text-size-header-2xl-skeleton-composition-height, 24px) !important;
  }
  .ZUzcYY.tVddhY {
    height: var(--skeleton-text-size-header-3xl-skeleton-composition-height, 40px) !important;
  }
}
@media screen and (min-width: 1920px) {
  .ZUzcYY.BEnFEY {
    height: var(--skeleton-text-size-link-2xs-skeleton-composition-height, 4px) !important;
  }
  .ZUzcYY.cMAEpY {
    height: var(--skeleton-text-size-link-xs-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.i10rUY {
    height: var(--skeleton-text-size-link-s-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY._0cNmfY {
    height: var(--skeleton-text-size-link-m-skeleton-composition-height, 8px) !important;
  }
  .ZUzcYY.FApdpY {
    height: var(--skeleton-text-size-link-l-skeleton-composition-height, 12px) !important;
  }
}
._-wKf_Y.o4_WUY {
  text-transform: uppercase;
}
._-wKf_Y._7wBmLY {
  text-transform: capitalize;
}
/*# sourceMappingURL=Text.css.map */
/*!*********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-skeleton/build/Skeleton.css ***!
  \*********************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Skeleton.module.scss */
@keyframes xy1obM {
  0% {
    opacity: var(--skeleton-variant-primary-container-animation-keyframes-from-opacity, 0.2);
  }
  50% {
    opacity: var(--skeleton-variant-primary-container-animation-keyframes-to-opacity, 0.5);
  }
  100% {
    opacity: var(--skeleton-variant-primary-container-animation-keyframes-from-opacity, 0.2);
  }
}
.vNvbDM.igyalM {
  background-color: var(--skeleton-variant-primary-container-background-color, #d3d3d3);
  animation-duration: 2000ms;
  animation-timing-function: var(--skeleton-variant-primary-container-animation-config-motion-easing, cubic-bezier(0.42, 0, 0.58, 1));
  animation-iteration-count: infinite;
}
@media screen and (min-width: 0) {
  .vNvbDM._9y4jJM {
    width: var(--width-default);
  }
  .vNvbDM.g0e8hM {
    height: var(--height-default);
  }
}
@media screen and (min-width: 512px) {
  .vNvbDM.WKidlM {
    width: var(--width-smalltablet);
  }
  .vNvbDM.gjyWaM {
    height: var(--height-smalltablet);
  }
}
@media screen and (min-width: 520px) {
  .vNvbDM._2Xro4M {
    width: var(--width-xs-deprecated);
  }
  .vNvbDM.ZLGMwM {
    height: var(--height-xs-deprecated);
  }
}
@media screen and (min-width: 768px) {
  .vNvbDM.HScasM {
    width: var(--width-tablet);
  }
  .vNvbDM.UbhLuM {
    height: var(--height-tablet);
  }
}
@media screen and (min-width: 1024px) {
  .vNvbDM.mOduPM {
    width: var(--width-laptop);
  }
  .vNvbDM.aQRpTM {
    height: var(--height-laptop);
  }
}
@media screen and (min-width: 1280px) {
  .vNvbDM.wYlfbM {
    width: var(--width-lg-deprecated);
  }
  .vNvbDM.rQT26M {
    height: var(--height-lg-deprecated);
  }
}
@media screen and (min-width: 1440px) {
  .vNvbDM.BBtV3M {
    width: var(--width-desktop);
  }
  .vNvbDM.gqQupM {
    height: var(--height-desktop);
  }
}
@media screen and (min-width: 1920px) {
  .vNvbDM.HGE7zM {
    width: var(--width-widescreen);
  }
  .vNvbDM.SSUSxM {
    height: var(--height-widescreen);
  }
}
.vNvbDM.KC7gpM {
  animation-name: xy1obM;
}
.vNvbDM.FJAykM {
  border-radius: var(--skeleton-shape-sharp-composition-border-radius, 0px);
}
.vNvbDM.CNvaaM {
  border-radius: var(--skeleton-shape-default-composition-border-radius, 8px);
}
.vNvbDM._4UtZ3M {
  border-radius: var(--skeleton-shape-rounded-composition-border-radius, 999px);
}
.vNvbDM.wptTNM {
  aspect-ratio: var(--aspect-ratio-16x9, 1.7777777778);
}
.vNvbDM.lcgUvM {
  aspect-ratio: var(--aspect-ratio-16x10, 1.6);
}
.vNvbDM.GNZ3ZM {
  aspect-ratio: var(--aspect-ratio-3x2, 1.5);
}
.vNvbDM.yEO3EM {
  aspect-ratio: var(--aspect-ratio-4x3, 1.3333333333);
}
.vNvbDM.kx6zgM {
  aspect-ratio: var(--aspect-ratio-5x4, 1.25);
}
.vNvbDM.O--XFM {
  aspect-ratio: var(--aspect-ratio-7x5, 1.4);
}
.vNvbDM._7bUAUM {
  aspect-ratio: var(--aspect-ratio-8x3, 2.6666666667);
}
.vNvbDM.Qs83nM {
  aspect-ratio: var(--aspect-ratio-1x1, 1);
}
.vNvbDM.vZumpM {
  aspect-ratio: var(--aspect-ratio-9x16, 0.5625);
}
.vNvbDM.uZVv9M {
  aspect-ratio: var(--aspect-ratio-10x16, 0.625);
}
.vNvbDM.E72GAM {
  aspect-ratio: var(--aspect-ratio-2x3, 0.6666666667);
}
.vNvbDM.AobPCM {
  aspect-ratio: var(--aspect-ratio-3x4, 0.75);
}
.vNvbDM.usy_8M {
  aspect-ratio: var(--aspect-ratio-4x5, 0.8);
}
/*# sourceMappingURL=Skeleton.css.map */
/*!***********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-hooks/build/useFocusRing/useFocusRing.css ***!
  \***********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/useFocusRing/useFocusRing.module.scss */
._XdQ9R {
  position: relative;
}
._XdQ9R::before {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  padding: 2px;
  box-shadow: var(--box-shadow-focus-ring, 0 0 0 2px white, 0 0 0 4px #0d1619);
  opacity: 0;
  transition: opacity 100ms ease-in-out;
  border-radius: inherit;
}
._XdQ9R.pq-73R::before {
  opacity: 1;
}
/*# sourceMappingURL=useFocusRing.css.map */
/*!******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-button-behaviour/build/BaseButton/BaseButton.css ***!
  \******************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/BaseButton/BaseButton.module.scss */
.bXwNAZ {
  outline: none;
  position: relative;
  cursor: pointer;
  direction: inherit;
  flex-wrap: nowrap;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}
.bXwNAZ.X4fHoZ {
  color: transparent;
  pointer-events: none;
}
.bXwNAZ.X4fHoZ:hover,
.bXwNAZ.X4fHoZ:active,
.bXwNAZ.X4fHoZ[aria-disabled=true] {
  color: transparent;
}
/*# sourceMappingURL=BaseButton.css.map */
/*!******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-anchor-behaviour/build/BaseAnchor/BaseAnchor.css ***!
  \******************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/BaseAnchor/BaseAnchor.module.scss */
.CLnQGg {
  text-decoration: inherit;
  outline: inherit;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}
.CLnQGg.HhPGZg {
  width: 100%;
  display: block;
}
/*# sourceMappingURL=BaseAnchor.css.map */
/*!**************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/normalize.css ***!
  \**************************************************************************************************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
}

button {
  border: none;
  padding: 0;
}
/*!******************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Icon/Icon.scss.css ***!
  \******************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
.d0a3d33b5 {
  width: 10px;
  height: 10px;
}

._2bf0aa3b5 {
  width: 12px;
  height: 12px;
}

._30c0c33b5 {
  width: 14px;
  height: 14px;
}

._7cf5c03b5 {
  width: 16px;
  height: 16px;
}

.a46dfb3b5 {
  width: 18px;
  height: 18px;
}

.a504233b5 {
  width: 20px;
  height: 20px;
}

.e341a13b5 {
  width: 24px;
  height: 24px;
}

.ac01463b5 {
  width: 28px;
  height: 28px;
}

._5ccfa03b5 {
  width: 32px;
  height: 32px;
}

.df74243b5 {
  width: 40px;
  height: 40px;
}

.c88d633b5 {
  width: 48px;
  height: 48px;
}

.b9d0a53b5 {
  width: 56px;
  height: 56px;
}

._346cc63b5 {
  width: 64px;
  height: 64px;
}

._8e29a93b5 {
  width: 72px;
  height: 72px;
}

._780b053b5 {
  width: 80px;
  height: 80px;
}

._1b8f6b3b5 {
  width: 100px;
  height: 100px;
}

._1fffed3b5 {
  width: 136px;
  height: 136px;
}

._06c66e3b5 {
  display: inline-block;
  flex-shrink: 0;
  position: relative;
}
._06c66e3b5 > svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
._06c66e3b5._2db78a3b5 svg path:not(.svg-no-fill),
._06c66e3b5._2db78a3b5 svg .svg-fill {
  fill: #fff;
}
._06c66e3b5._2db78a3b5 svg .svg-stroke {
  stroke: #fff;
}
._06c66e3b5._53eb293b5 svg path:not(.svg-no-fill),
._06c66e3b5._53eb293b5 svg .svg-fill {
  fill: #e97b90;
}
._06c66e3b5._53eb293b5 svg .svg-stroke {
  stroke: #e97b90;
}
._06c66e3b5._7b6c773b5 svg path:not(.svg-no-fill),
._06c66e3b5._7b6c773b5 svg .svg-fill {
  fill: #da2346;
}
._06c66e3b5._7b6c773b5 svg .svg-stroke {
  stroke: #da2346;
}
._06c66e3b5._00d6a33b5 svg path:not(.svg-no-fill),
._06c66e3b5._00d6a33b5 svg .svg-fill {
  fill: #00a36d;
}
._06c66e3b5._00d6a33b5 svg .svg-stroke {
  stroke: #00a36d;
}
._06c66e3b5._51022c3b5 svg path:not(.svg-no-fill),
._06c66e3b5._51022c3b5 svg .svg-fill {
  fill: #6950f3;
}
._06c66e3b5._51022c3b5 svg .svg-stroke {
  stroke: #6950f3;
}
._06c66e3b5.ed206e3b5 svg path:not(.svg-no-fill),
._06c66e3b5.ed206e3b5 svg .svg-fill {
  fill: #b7babe;
}
._06c66e3b5.ed206e3b5 svg .svg-stroke {
  stroke: #b7babe;
}
._06c66e3b5.e65d143b5 svg path:not(.svg-no-fill),
._06c66e3b5.e65d143b5 svg .svg-fill {
  fill: #878c93;
}
._06c66e3b5.e65d143b5 svg .svg-stroke {
  stroke: #878c93;
}
._06c66e3b5.b3c3db3b5 svg path:not(.svg-no-fill),
._06c66e3b5.b3c3db3b5 svg .svg-fill {
  fill: #404753;
}
._06c66e3b5.b3c3db3b5 svg .svg-stroke {
  stroke: #404753;
}
._06c66e3b5.d59af83b5 svg path:not(.svg-no-fill),
._06c66e3b5.d59af83b5 svg .svg-fill {
  fill: #101928;
}
._06c66e3b5.d59af83b5 svg .svg-stroke {
  stroke: #101928;
}
._06c66e3b5._1b7cd53b5 svg path:not(.svg-no-fill),
._06c66e3b5._1b7cd53b5 svg .svg-fill {
  fill: #f8f8fb;
}
._06c66e3b5._1b7cd53b5 svg .svg-stroke {
  stroke: #f8f8fb;
}
._06c66e3b5._93f0dc3b5 svg path:not(.svg-no-fill),
._06c66e3b5._93f0dc3b5 svg .svg-fill {
  fill: #f19101;
}
._06c66e3b5._93f0dc3b5 svg .svg-stroke {
  stroke: #f19101;
}
._06c66e3b5.a8efcc3b5 svg path:not(.svg-no-fill),
._06c66e3b5.a8efcc3b5 svg .svg-fill {
  fill: #e66422;
}
._06c66e3b5.a8efcc3b5 svg .svg-stroke {
  stroke: #e66422;
}
._06c66e3b5._66ab293b5 svg path:not(.svg-no-fill),
._06c66e3b5._66ab293b5 svg .svg-fill {
  fill: #8880ff;
}
._06c66e3b5._66ab293b5 svg .svg-stroke {
  stroke: #8880ff;
}
._06c66e3b5._9afe803b5 svg path:not(.svg-no-fill),
._06c66e3b5._9afe803b5 svg .svg-fill {
  fill: #6950f3;
}
._06c66e3b5._9afe803b5 svg .svg-stroke {
  stroke: #6950f3;
}
._06c66e3b5.e482d33b5 svg path:not(.svg-no-fill),
._06c66e3b5.e482d33b5 svg .svg-fill {
  fill: currentColor;
}
._06c66e3b5.e482d33b5 svg .svg-stroke {
  stroke: currentColor;
}
._06c66e3b5._17ebfc3b5 {
  opacity: 0.4;
}
/*!**************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SideEdgePadding/SideEdgePaddingContextProvider.css ***!
  \**************************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable */

/* stylelint-enable */
/*!********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Paper/Paper.scss.css ***!
  \********************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c6b2b1b {
  width: 100%;
  transition: box-shadow 150ms ease-in-out, border-color 150ms ease-in-out, background-color 150ms ease-in-out;
}
._06c6b2b1b._195b78b1b {
  max-width: 560px;
}
._06c6b2b1b._82957bb1b {
  width: auto;
}
._06c6b2b1b._38cf3eb1b {
  max-width: 600px;
}
._06c6b2b1b.add7fdb1b {
  box-shadow: 0 4px 8px 0 rgba(16, 25, 40, 0.1);
}
._06c6b2b1b.de1195b1b {
  box-shadow: 0 8px 16px 0 rgba(16, 25, 40, 0.1);
}
._06c6b2b1b.e68e02b1b {
  box-shadow: 0 4px 8px 0 #0d16190a, 0 12px 20px 0 #0d161914;
}
@media (hover: hover) and (pointer: fine) {
  ._06c6b2b1b.d90583b1b:hover {
    box-shadow: 0 4px 8px 0 rgba(16, 25, 40, 0.1);
  }
  ._06c6b2b1b._746997b1b:hover {
    box-shadow: 0 8px 16px 0 rgba(16, 25, 40, 0.1);
  }
}
._06c6b2b1b.d62520b1b {
  margin-bottom: 64px;
}
._06c6b2b1b.d8efebb1b {
  margin-bottom: 56px;
}
._06c6b2b1b._40900db1b {
  margin-bottom: 24px;
}
._06c6b2b1b._2ff037b1b {
  margin-bottom: 16px;
}
._06c6b2b1b._66335ab1b {
  margin-bottom: 8px;
}
._06c6b2b1b._599491b1b {
  border-radius: 4px;
}
._06c6b2b1b.da9342b1b {
  border-radius: 6px;
}
._06c6b2b1b._2787a8b1b {
  border-radius: 8px;
}
._06c6b2b1b._0dfc76b1b {
  border-radius: 16px;
}
._06c6b2b1b.d393fab1b {
  background-color: #fff;
}
._06c6b2b1b._1ec5a1b1b {
  background-color: transparent;
}
._06c6b2b1b._85789db1b {
  background-color: #e7e8e9;
}
._06c6b2b1b._7e0b5fb1b {
  background-color: #d5d7da;
}
._06c6b2b1b._2301c7b1b {
  background-color: #b7babe;
}
._06c6b2b1b._5faa95b1b {
  background-color: #101928;
}
._06c6b2b1b.db338bb1b {
  background-color: #f8f8fb;
}
._06c6b2b1b.f6cec6b1b {
  background-color: #f2f2f7;
}
._06c6b2b1b._7b7f0cb1b {
  background-color: #e8e8ee;
}
._06c6b2b1b.ef9bfab1b {
  background-color: #e7e8ff;
}
._06c6b2b1b._96f62fb1b {
  background-color: #b0b1fd;
}
._06c6b2b1b._6e1289b1b {
  background-color: #8880ff;
}
._06c6b2b1b._14d5f8b1b {
  background-color: #6950f3;
}
._06c6b2b1b._85fef5b1b {
  background-color: #e7e8ff;
}
._06c6b2b1b._0378b9b1b {
  background-color: #dbddff;
}
._06c6b2b1b.d25804b1b {
  background-color: #b0b1fd;
}
._06c6b2b1b._3739ceb1b {
  border-color: #d5d7da;
}
._06c6b2b1b.a15bb3b1b {
  border-color: #fff;
}
._06c6b2b1b.d02282b1b {
  border-color: #e7e8e9;
}
._06c6b2b1b._77eb60b1b {
  border-color: #d5d7da;
}
._06c6b2b1b._405bb3b1b {
  border-color: #e7e8ff;
}
._06c6b2b1b._61c62bb1b {
  border-color: #b0b1fd;
}
._06c6b2b1b.a6e71eb1b {
  border-color: #8880ff;
}
._06c6b2b1b._24f4b2b1b {
  border-color: #6950f3;
}
._06c6b2b1b._5e0469b1b {
  border-color: #da2346;
}
._06c6b2b1b.cd51cdb1b {
  border-color: var(--color-border-neutral-faded-hover, #bfbfbf);
}
._06c6b2b1b._246968b1b {
  background-color: #fff4cc;
}
._06c6b2b1b._56b4d1b1b {
  background-color: #fdeba5;
}
._06c6b2b1b.cc19c8b1b {
  background-color: #fade87;
}
._06c6b2b1b._179bb8b1b {
  border-style: solid;
  border-width: 1px;
}
@media (hover: hover) and (pointer: fine) {
  ._06c6b2b1b._24adceb1b:hover:hover, ._06c6b2b1b._24adceb1b:hover:focus {
    border-color: #101928;
  }
}
._06c6b2b1b._6ebb67b1b {
  overflow: hidden;
}
/*!******************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/utils/cssCore.css ***!
  \******************************************************************************************************/
/* stylelint-disable-line block-no-empty */
.bb74238b8 {
  padding: 0 0 0 8px;
}

._33c9558b8 {
  padding: 0 0 0 16px;
}

._1356b78b8 {
  padding: 0 0 0 24px;
}

.f75ceb8b8 {
  padding: 0 0 8px 0;
}

.a6c9488b8 {
  padding: 0 0 12px 0;
}

._8382808b8 {
  padding: 12px 0 8px 0;
}

.ddf41d8b8 {
  padding: 0 0 16px 0;
}

._3fac048b8 {
  padding: 0 0 24px 0;
}

.fe23828b8 {
  padding: 0 0 32px 0;
}

._914e938b8 {
  padding: 0 0 40px 0;
}

.b6969e8b8 {
  padding: 0 0 48px 0;
}

._9172048b8 {
  padding: 2px;
}

.a036d98b8 {
  padding: 40px 0 0 0;
}

._2165dd8b8 {
  padding: 40px 16px 8px 16px;
}

._21f3088b8 {
  padding: 40px 40px 24px 40px;
}

._16daa78b8 {
  padding: 0 8px 0 0;
}

.f976d78b8 {
  padding: 0 8px 0 8px;
}

._26f49a8b8 {
  padding: 0 12px 0 0;
}

.a036d18b8 {
  padding: 12px 0 0 0;
}

._6669338b8 {
  padding: 12px 0 12px 0;
}

.e2c0118b8 {
  padding: 12px 8px 12px 8px;
}

._3ee0d08b8 {
  padding: 16px 32px 32px 32px;
}

.e940e28b8 {
  padding: 12px;
}

._0eb3848b8 {
  padding: 12px 16px 12px 16px;
}

._4866cf8b8 {
  padding: 0 16px 0 0;
}

.b7fdf78b8 {
  padding: 16px 0 8px 0;
}

.b4f5e78b8 {
  padding: 16px 0 16px 0;
}

._0274148b8 {
  padding: 0 16px 0 16px;
}

._67be828b8 {
  padding: 0 32px 0 32px;
}

.dd52a88b8 {
  padding: 0 32px 32px 32px;
}

._3451e58b8 {
  padding: 0 16px 16px 16px;
}

._3850858b8 {
  padding: 0 20px 0 20px;
}

._36076a8b8 {
  padding: 0 20px 16px 20px;
}

._21275c8b8 {
  padding: 20px 16px 20px 16px;
}

._354dce8b8 {
  padding: 0 16px 20px 16px;
}

._2d5d7d8b8 {
  padding: 0 24px 0 0;
}

.db96ed8b8 {
  padding: 0 24px 0 24px;
}

._07e2488b8 {
  padding: 0 24px 24px 24px;
}

._06679d8b8 {
  padding: 0 24px 32px 24px;
}

._7eec9d8b8 {
  padding: 0 24px 16px 24px;
}

._9aa0fa8b8 {
  padding: 24px 32px 16px 32px;
}

.b0355e8b8 {
  padding: 0 40px 0 40px;
}

._69673b8b8 {
  padding: 0 32px 40px 32px;
}

._73c7d88b8 {
  padding: 12px 24px 12px 24px;
}

._03d6fd8b8 {
  padding: 8px 24px 8px 24px;
}

._7dd2608b8 {
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  ._7dd2608b8 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  ._7dd2608b8 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}

._04f1608b8 {
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (max-width: 767px) {
  ._04f1608b8 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  ._04f1608b8 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}

._3fbe118b8 {
  padding: 8px 12px;
}

._73c96e8b8 {
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
  padding-top: 0;
  padding-bottom: 8px;
}
@media (max-width: 767px) {
  ._73c96e8b8 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  ._73c96e8b8 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}

.ac03458b8 {
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
  padding-top: 0;
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  .ac03458b8 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  .ac03458b8 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}

._0efc0a8b8 {
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
  padding-top: 0;
  padding-bottom: 24px;
}
@media (max-width: 767px) {
  ._0efc0a8b8 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  ._0efc0a8b8 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}

.a3bbfc8b8 {
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
  padding-top: 0;
  padding-bottom: 32px;
}
@media (max-width: 767px) {
  .a3bbfc8b8 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  .a3bbfc8b8 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}

.e753498b8 {
  padding: 0 0 56px;
}

.a74bed8b8 {
  padding: 0 16px 8px 16px;
}

.dc36e08b8 {
  padding: 0 16px 24px 16px;
}

._36fdde8b8 {
  padding: 8px 0 0 0;
}

.deeac48b8 {
  padding: 4px 0 0 0;
}

._0aef058b8 {
  padding: 8px 0 8px 0;
}

._4f23968b8 {
  padding: 8px 0 24px 0;
}

._31ccd78b8 {
  padding: 8px 0 32px 0;
}

.d122678b8 {
  padding: 8px 8px 8px 8px;
}

._9d05638b8 {
  padding: 8px 8px 0 8px;
}

.c444d38b8 {
  padding: 8px 16px 8px 16px;
}

.d687be8b8 {
  padding: 16px 20px 8px 20px;
}

.ddb6338b8 {
  padding: 8px 20px 8px 20px;
}

.b2ffb18b8 {
  padding: 8px 24px 16px 24px;
}

.dd60568b8 {
  padding: 16px 0 0 0;
}

.fdbe0b8b8 {
  padding: 16px 0 24px 0;
}

._2379d28b8 {
  padding: 16px 0 32px 0;
}

.fec9088b8 {
  padding: 16px 0 40px 0;
}

.bc2c9f8b8 {
  padding: 16px 8px 8px 8px;
}

._15598a8b8 {
  padding: 16px 12px;
}

._92a3da8b8 {
  padding: 16px 16px 16px 0;
}

._09c1578b8 {
  padding: 16px 16px 0 16px;
}

.e2269c8b8 {
  padding: 16px 16px 8px 16px;
}

.a78e858b8 {
  padding: 16px 16px 16px 16px;
}

._1adaa18b8 {
  padding: 16px 16px 24px 16px;
}

.aed0a38b8 {
  padding: 16px 20px 16px 20px;
}

._4ebd878b8 {
  padding: 16px 24px 0 24px;
}

._7cbc9d8b8 {
  padding: 16px 24px 8px 24px;
}

.a473c78b8 {
  padding: 16px 24px 16px 24px;
}

.da391f8b8 {
  padding: 16px 24px 32px 24px;
}

.ee25c08b8 {
  padding: 16px 40px 0 40px;
}

._102a068b8 {
  padding: 16px 40px 16px 40px;
}

._26ac748b8 {
  padding: 16px 80px 16px 80px;
}

.d23ecd8b8 {
  padding: 16px 32px 16px 32px;
}

.dc7ec08b8 {
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
  padding-top: 16px;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .dc7ec08b8 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  .dc7ec08b8 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}

.c62fd08b8 {
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
  padding-top: 16px;
  padding-bottom: 8px;
}
@media (max-width: 767px) {
  .c62fd08b8 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  .c62fd08b8 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}

._8707108b8 {
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  ._8707108b8 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  ._8707108b8 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}

.d9cb4a8b8 {
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
  padding-top: 16px;
  padding-bottom: 24px;
}
@media (max-width: 767px) {
  .d9cb4a8b8 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  .d9cb4a8b8 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}

._33b0728b8 {
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
  padding-top: 24px;
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  ._33b0728b8 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  ._33b0728b8 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}

.ae97908b8 {
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
  padding-top: 16px;
  padding-bottom: 32px;
}
@media (max-width: 767px) {
  .ae97908b8 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  .ae97908b8 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}

.b37eb38b8 {
  padding: 16px 20px 16px 0;
}

.c4ce1a8b8 {
  padding: 20px 16px 0 16px;
}

.f4dd2d8b8 {
  padding: 20px 20px 20px 20px;
}

.a646a98b8 {
  padding: 24px 0 0 0;
}

.c1e8b98b8 {
  padding: 24px 16px 0 16px;
}

.dade8b8b8 {
  padding: 24px 16px 8px 16px;
}

.d7d7258b8 {
  padding: 24px 16px 16px 16px;
}

._151c458b8 {
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
  padding-top: 24px;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  ._151c458b8 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  ._151c458b8 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}

.bdcb218b8 {
  padding: 24px 0 24px 0;
}

._6152c18b8 {
  padding: 24px 0 40px 0;
}

._4a41798b8 {
  padding: 24px 8px 24px 8px;
}

.b4821e8b8 {
  padding: 24px 16px 24px 16px;
}

.b6eeef8b8 {
  padding: 24px 20px 24px 20px;
}

._1cf73c8b8 {
  padding: 24px 24px 24px 24px;
}

._966cd68b8 {
  padding: 24px 24px 32px 24px;
}

._2798548b8 {
  padding: 24px 32px 24px 32px;
}

.a565438b8 {
  padding: 24px 32px 32px 32px;
}

._0b32228b8 {
  padding: 24px 32px 32px 24px;
}

.f791b68b8 {
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (max-width: 767px) {
  .f791b68b8 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  .f791b68b8 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}

._50c5978b8 {
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
  padding-top: 24px;
  padding-bottom: 56px;
}
@media (max-width: 767px) {
  ._50c5978b8 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  ._50c5978b8 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}

.a7ade88b8 {
  padding: 52px 16px 0 16px;
}

.c3b1568b8 {
  padding: 32px 24px 8px 24px;
}

.c99f848b8 {
  padding: 32px 24px 32px 24px;
}

._3d928a8b8 {
  padding: 32px 32px 32px 32px;
}

._83f46d8b8 {
  padding: 32px 40px;
}

.e5b5f08b8 {
  padding: 32px 32px 16px 32px;
}

._2c746a8b8 {
  padding: 32px 0 32px 0;
}

.adb7568b8 {
  padding: 32px 0 0 0;
}

.af55e48b8 {
  padding: 32px 8px 16px 8px;
}

.a15fb78b8 {
  padding: 40px 0 24px 0;
}

._3e58398b8 {
  padding: 40px 0 40px 0;
}

._3bfb3c8b8 {
  padding: 40px 40px 40px 40px;
}

.ef78158b8 {
  padding: 80px 0 56px 0;
}

.af97cd8b8 {
  padding: 80px 16px 56px 16px;
}

.c931c18b8 {
  padding: 0 0 80px 0;
}

._5e24908b8 {
  padding: 24px 0 16px 0;
}

._3ebdbc8b8 {
  padding: 24px 0 20px 0;
}

._2766bd8b8 {
  padding: 24px 20px 20px 20px;
}

._8fb5b28b8 {
  padding: 64px 32px 64px 32px;
}

.c233a68b8 {
  padding: 64px 64px 64px 64px;
}

._3e42ec8b8 {
  padding: 64px 0 64px 0;
}

.f7c5118b8 {
  padding: 0 8px 8px 0;
}

.b8c9f38b8 {
  padding: 0 8px 8px 8px;
}

.b637d28b8 {
  padding: 8px 8px 0 0;
}

._532e678b8 {
  display: flex;
  flex-direction: row;
}

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

._854ae78b8 {
  flex-grow: 1;
}

._4c4a538b8 {
  flex-grow: 2;
}

._040e108b8 {
  flex-wrap: wrap;
}

._05dafa8b8 {
  flex-wrap: nowrap;
}

._423fb08b8 {
  flex-shrink: 0;
}

._48c2cf8b8 {
  flex-shrink: 1;
}

.ad3d298b8 {
  flex-shrink: 2;
}

._90d2d88b8 {
  flex-basis: auto;
}

._9d7d878b8 {
  flex-basis: initial;
}

._7692b68b8 {
  flex-basis: inherit;
}

._61f0d68b8 {
  align-items: center;
}

._8b2bf88b8 {
  align-items: end;
}

.ad65c38b8 {
  align-items: flex-end;
}

._569b5e8b8 {
  align-items: flex-start;
}

._38e3ae8b8 {
  align-items: baseline;
}

._4455798b8 {
  justify-content: center;
}

._31c06c8b8 {
  justify-content: space-between;
}

._174d178b8 {
  justify-content: end;
}

.cfd5b18b8 {
  justify-content: flex-end;
}

._81d9448b8 {
  justify-content: space-evenly;
}

.a418f38b8 {
  align-self: flex-start;
}

.d1cedf8b8 {
  align-self: flex-end;
}

.df91028b8 {
  align-self: stretch;
}

.e99c6f8b8 {
  align-self: center;
}

._6d75678b8 {
  position: absolute;
}

._4d73db8b8 {
  position: relative;
}

._2113268b8 {
  position: static;
}

._191ef78b8 {
  position: fixed;
}

._059e178b8 {
  position: sticky;
}

._4be01e8b8 {
  margin-bottom: -2px;
}
._4be01e8b8 > * {
  margin-right: 2px;
  margin-bottom: 2px;
}
._4be01e8b8 > *:last-child {
  margin-right: 0;
}

._57ec078b8 {
  margin-right: -2px;
}
._57ec078b8 > * {
  margin-bottom: 2px;
  margin-right: 2px;
}
._57ec078b8 > *:last-child {
  margin-bottom: 0;
}

._6a153e8b8 > * {
  margin-bottom: 2px;
}
._6a153e8b8 > *:last-child {
  margin-bottom: 0;
}

._84c9ac8b8 {
  margin-bottom: -4px;
}
._84c9ac8b8 > * {
  margin-right: 4px;
  margin-bottom: 4px;
}
._84c9ac8b8 > *:last-child {
  margin-right: 0;
}

._0080318b8 {
  margin-right: -4px;
}
._0080318b8 > * {
  margin-bottom: 4px;
  margin-right: 4px;
}
._0080318b8 > *:last-child {
  margin-bottom: 0;
}

._2842568b8 > * {
  margin-bottom: 4px;
}
._2842568b8 > *:last-child {
  margin-bottom: 0;
}

.e8fa558b8 {
  margin-bottom: -8px;
}
.e8fa558b8 > * {
  margin-right: 8px;
  margin-bottom: 8px;
}
.e8fa558b8 > *:last-child {
  margin-right: 0;
}

.d305428b8 {
  margin-right: -8px;
}
.d305428b8 > * {
  margin-bottom: 8px;
  margin-right: 8px;
}
.d305428b8 > *:last-child {
  margin-bottom: 0;
}

.fc8bb78b8 > * {
  margin-bottom: 8px;
}
.fc8bb78b8 > *:last-child {
  margin-bottom: 0;
}

.eacd378b8 {
  margin-bottom: -12px;
}
.eacd378b8 > * {
  margin-right: 12px;
  margin-bottom: 12px;
}
.eacd378b8 > *:last-child {
  margin-right: 0;
}

._9f4e3d8b8 {
  margin-right: -12px;
}
._9f4e3d8b8 > * {
  margin-bottom: 12px;
  margin-right: 12px;
}
._9f4e3d8b8 > *:last-child {
  margin-bottom: 0;
}

._8732c48b8 > * {
  margin-bottom: 12px;
}
._8732c48b8 > *:last-child {
  margin-bottom: 0;
}

._017bc08b8 {
  margin-bottom: -16px;
}
._017bc08b8 > * {
  margin-right: 16px;
  margin-bottom: 16px;
}
._017bc08b8 > *:last-child {
  margin-right: 0;
}

.e7c0338b8 {
  margin-right: -16px;
}
.e7c0338b8 > * {
  margin-bottom: 16px;
  margin-right: 16px;
}
.e7c0338b8 > *:last-child {
  margin-bottom: 0;
}

._4798568b8 > * {
  margin-bottom: 16px;
}
._4798568b8 > *:last-child {
  margin-bottom: 0;
}

._7537e68b8 {
  margin-bottom: -24px;
}
._7537e68b8 > * {
  margin-right: 24px;
  margin-bottom: 24px;
}
._7537e68b8 > *:last-child {
  margin-right: 0;
}

._5185fa8b8 {
  margin-right: -24px;
}
._5185fa8b8 > * {
  margin-bottom: 24px;
  margin-right: 24px;
}
._5185fa8b8 > *:last-child {
  margin-bottom: 0;
}

._8e56948b8 > * {
  margin-bottom: 24px;
}
._8e56948b8 > *:last-child {
  margin-bottom: 0;
}

._1327218b8 {
  margin-bottom: -32px;
}
._1327218b8 > * {
  margin-right: 32px;
  margin-bottom: 32px;
}
._1327218b8 > *:last-child {
  margin-right: 0;
}

.c5e90d8b8 {
  margin-right: -32px;
}
.c5e90d8b8 > * {
  margin-bottom: 32px;
  margin-right: 32px;
}
.c5e90d8b8 > *:last-child {
  margin-bottom: 0;
}

._34878a8b8 > * {
  margin-bottom: 32px;
}
._34878a8b8 > *:last-child {
  margin-bottom: 0;
}

.b634608b8 {
  margin-bottom: -48px;
}
.b634608b8 > * {
  margin-right: 48px;
  margin-bottom: 48px;
}
.b634608b8 > *:last-child {
  margin-right: 0;
}

._6ef33c8b8 {
  margin-right: -48px;
}
._6ef33c8b8 > * {
  margin-bottom: 48px;
  margin-right: 48px;
}
._6ef33c8b8 > *:last-child {
  margin-bottom: 0;
}

.bb39078b8 > * {
  margin-bottom: 48px;
}
.bb39078b8 > *:last-child {
  margin-bottom: 0;
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Paper/PaperEdit/PaperEdit.scss.css ***!
  \**********************************************************************************************************************************/
._06c61d302 {
  display: flex;
  justify-content: flex-end;
  height: 0;
}
._06c61d302 .b1b1ee302 {
  position: absolute;
}
/*!******************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Link/Link.scss.css ***!
  \******************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c67e8a6 {
  font-family: "Roobert PRO", sans-serif;
  text-decoration: none;
  letter-spacing: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  transition: color 150ms ease-in-out, box-shadow 150ms ease-in-out;
  outline: none;
  position: relative;
  color: #6950f3;
}
._06c67e8a6._4a41b18a6::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 20px);
  width: calc(100% + 20px);
}
._06c67e8a6.eecb1d8a6 {
  cursor: pointer;
}
._06c67e8a6 ._982d298a6 {
  position: relative;
  margin-bottom: -1px;
  word-break: break-all;
}
._06c67e8a6 ._982d298a6._822f6a8a6 {
  transform: translateY(-1px);
}
._06c67e8a6.c01fba8a6 ._982d298a6 {
  display: inline-block;
}
._06c67e8a6._995cc08a6 ._982d298a6 {
  display: inline;
}
._06c67e8a6._995cc08a6 .c2d42f8a6 svg {
  top: 2px;
}
._06c67e8a6._995cc08a6 .c2d42f8a6.de90738a6 {
  margin-right: 2px;
}
._06c67e8a6._995cc08a6 .c2d42f8a6._35742d8a6 {
  margin-left: 2px;
}
._06c67e8a6._429df68a6 .c2d42f8a6.de90738a6 {
  margin-right: 0;
}
._06c67e8a6._429df68a6 .c2d42f8a6._35742d8a6 {
  margin-left: 0;
}
._06c67e8a6 .c2d42f8a6 {
  transition: color 150ms ease-in-out;
  vertical-align: middle;
}
._06c67e8a6 .c2d42f8a6.de90738a6 {
  margin-right: 10px;
}
._06c67e8a6 .c2d42f8a6._35742d8a6 {
  margin-left: 10px;
}
._06c67e8a6._8c2b108a6 {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #6950f3;
}
._06c67e8a6._8c2b108a6._9594fe8a6, ._06c67e8a6._8c2b108a6._9594fe8a6 svg path {
  fill: #6950f3;
}
._06c67e8a6._8c2b108a6.f0577d8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6._8c2b108a6:focus ._982d298a6, ._06c67e8a6._8c2b108a6:hover ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6._8c2b108a6._96871f8a6 {
  color: #101928;
}
._06c67e8a6._8c2b108a6._96871f8a6._9594fe8a6, ._06c67e8a6._8c2b108a6._96871f8a6._9594fe8a6 svg path {
  fill: #101928;
}
._06c67e8a6._8c2b108a6._96871f8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6._8c2b108a6.bac1c48a6 ._982d298a6 {
  text-decoration: none;
}
._06c67e8a6.a74fed8a6 {
  color: #6950f3;
}
._06c67e8a6.a74fed8a6._9594fe8a6, ._06c67e8a6.a74fed8a6._9594fe8a6 svg path {
  fill: #6950f3;
}
._06c67e8a6.a74fed8a6.f0577d8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6.a74fed8a6:focus ._982d298a6, ._06c67e8a6.a74fed8a6:hover ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6.a74fed8a6._96871f8a6 {
  color: #101928;
}
._06c67e8a6.a74fed8a6._96871f8a6._9594fe8a6, ._06c67e8a6.a74fed8a6._96871f8a6._9594fe8a6 svg path {
  fill: #101928;
}
._06c67e8a6.a74fed8a6._96871f8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6.a74fed8a6.bac1c48a6 ._982d298a6 {
  text-decoration: none;
}
._06c67e8a6.a99b788a6 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  color: #6950f3;
}
._06c67e8a6.a99b788a6._9594fe8a6, ._06c67e8a6.a99b788a6._9594fe8a6 svg path {
  fill: #6950f3;
}
._06c67e8a6.a99b788a6.f0577d8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6.a99b788a6:focus ._982d298a6, ._06c67e8a6.a99b788a6:hover ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6.a99b788a6._96871f8a6 {
  color: #101928;
}
._06c67e8a6.a99b788a6._96871f8a6._9594fe8a6, ._06c67e8a6.a99b788a6._96871f8a6._9594fe8a6 svg path {
  fill: #101928;
}
._06c67e8a6.a99b788a6._96871f8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6.a99b788a6.bac1c48a6 ._982d298a6 {
  text-decoration: none;
}
._06c67e8a6._6255bf8a6 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  color: #6950f3;
}
._06c67e8a6._6255bf8a6._9594fe8a6, ._06c67e8a6._6255bf8a6._9594fe8a6 svg path {
  fill: #6950f3;
}
._06c67e8a6._6255bf8a6.f0577d8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6._6255bf8a6:focus ._982d298a6, ._06c67e8a6._6255bf8a6:hover ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6._6255bf8a6._96871f8a6 {
  color: #101928;
}
._06c67e8a6._6255bf8a6._96871f8a6._9594fe8a6, ._06c67e8a6._6255bf8a6._96871f8a6._9594fe8a6 svg path {
  fill: #101928;
}
._06c67e8a6._6255bf8a6._96871f8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6._6255bf8a6.bac1c48a6 ._982d298a6 {
  text-decoration: none;
}
._06c67e8a6.eebcdf8a6 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  color: #878c93;
}
._06c67e8a6.eebcdf8a6._9594fe8a6, ._06c67e8a6.eebcdf8a6._9594fe8a6 svg path {
  fill: #878c93;
}
._06c67e8a6.eebcdf8a6._17ebac8a6 {
  color: #101928;
  pointer-events: none;
}
._06c67e8a6.eebcdf8a6._17ebac8a6:focus ._982d298a6 {
  text-decoration: none;
}
._06c67e8a6.eebcdf8a6._17ebac8a6:hover {
  cursor: auto;
}
._06c67e8a6.eebcdf8a6.f0577d8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6._12697d8a6 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  color: #404753;
}
._06c67e8a6._12697d8a6._17ebac8a6 {
  color: #404753;
  pointer-events: none;
}
._06c67e8a6._12697d8a6._17ebac8a6:focus ._982d298a6 {
  text-decoration: none;
}
._06c67e8a6._12697d8a6._17ebac8a6:hover {
  cursor: auto;
}
._06c67e8a6._12697d8a6.f0577d8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6._5074de8a6 {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #da2346;
}
._06c67e8a6._5074de8a6._9594fe8a6, ._06c67e8a6._5074de8a6._9594fe8a6 svg path {
  fill: #da2346;
}
._06c67e8a6._5074de8a6.f0577d8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6._5074de8a6:focus ._982d298a6, ._06c67e8a6._5074de8a6:hover ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6._5074de8a6._96871f8a6 {
  color: #101928;
}
._06c67e8a6._5074de8a6._96871f8a6._9594fe8a6, ._06c67e8a6._5074de8a6._96871f8a6._9594fe8a6 svg path {
  fill: #101928;
}
._06c67e8a6._5074de8a6._96871f8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6._5074de8a6.bac1c48a6 ._982d298a6 {
  text-decoration: none;
}
._06c67e8a6._2465518a6 {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #101928;
}
._06c67e8a6._2465518a6._9594fe8a6, ._06c67e8a6._2465518a6._9594fe8a6 svg path {
  fill: #101928;
}
._06c67e8a6._2465518a6.f0577d8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6._2465518a6:focus ._982d298a6, ._06c67e8a6._2465518a6:hover ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6._2465518a6._96871f8a6 {
  color: #101928;
}
._06c67e8a6._2465518a6._96871f8a6._9594fe8a6, ._06c67e8a6._2465518a6._96871f8a6._9594fe8a6 svg path {
  fill: #101928;
}
._06c67e8a6._2465518a6._96871f8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6._2465518a6.bac1c48a6 ._982d298a6 {
  text-decoration: none;
}
._06c67e8a6._2465518a6._17ebac8a6 {
  pointer-events: none;
}
._06c67e8a6.a45d878a6 {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
}
._06c67e8a6.a45d878a6._9594fe8a6, ._06c67e8a6.a45d878a6._9594fe8a6 svg path {
  fill: #fff;
}
._06c67e8a6.a45d878a6.f0577d8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6.a45d878a6:focus ._982d298a6, ._06c67e8a6.a45d878a6:hover ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6.a45d878a6._96871f8a6 {
  color: #fff;
}
._06c67e8a6.a45d878a6._96871f8a6._9594fe8a6, ._06c67e8a6.a45d878a6._96871f8a6._9594fe8a6 svg path {
  fill: #fff;
}
._06c67e8a6.a45d878a6._96871f8a6 ._982d298a6 {
  text-decoration: underline;
}
._06c67e8a6.a45d878a6.bac1c48a6 ._982d298a6 {
  text-decoration: none;
}
._06c67e8a6._17ebac8a6 {
  box-shadow: none;
  color: #878c93;
}
._06c67e8a6._17ebac8a6._9594fe8a6, ._06c67e8a6._17ebac8a6._9594fe8a6 svg path {
  fill: #878c93;
}
._06c67e8a6._17ebac8a6:focus ._982d298a6 {
  text-decoration: none;
}
._06c67e8a6._6c834f8a6 {
  font-size: inherit;
  line-height: inherit;
}
._06c67e8a6._6557e68a6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
._06c67e8a6._5aee8c8a6 ._982d298a6 {
  word-break: normal;
}
._06c67e8a6.fbf4da8a6 ._982d298a6 {
  word-break: break-word;
}
._06c67e8a6._4dc7688a6 {
  text-align: left;
}
._06c67e8a6._0edd348a6 {
  align-self: left;
}
._06c67e8a6.af5b668a6 {
  justify-self: left;
}
._06c67e8a6._3f45ad8a6 {
  text-align: center;
}
._06c67e8a6._60020e8a6 {
  align-self: center;
}
._06c67e8a6._83b0028a6 {
  justify-self: center;
}
._06c67e8a6._12526f8a6 {
  text-align: right;
}
._06c67e8a6.f8d1a98a6 {
  align-self: right;
}
._06c67e8a6._7177758a6 {
  justify-self: right;
}
._06c67e8a6.bac1c48a6 {
  z-index: 1;
}
._06c67e8a6.bac1c48a6 ._982d298a6 {
  text-decoration: none;
  border-bottom-style: solid;
  margin-bottom: -1px;
  border-bottom-width: 3px;
  border-bottom-color: transparent;
}
._06c67e8a6.bac1c48a6 ._982d298a6:hover {
  border-bottom-color: #404753;
}
._06c67e8a6.bac1c48a6.f0577d8a6 ._982d298a6 {
  border-bottom-color: #404753;
}
._06c67e8a6.b2c7c18a6 {
  word-wrap: initial;
  overflow: initial;
  max-width: initial;
  white-space: nowrap;
}
._06c67e8a6.b3931b8a6 ._982d298a6 {
  text-decoration: none;
}
/*!**********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Action/Action.scss.css ***!
  \**********************************************************************************************************************/
.eecba5090 {
  cursor: pointer;
  text-decoration: none;
}
/*!*********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Item/Content.scss.css ***!
  \*********************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._586cb3699 > *:not(:first-child) {
  margin-left: 0px;
}

._6baf6f699 > *:not(:first-child) {
  margin-top: 0px;
}

._4f808c699 > *:not(:first-child) {
  margin-left: 2px;
}

._2671e8699 > *:not(:first-child) {
  margin-top: 2px;
}

._815218699 > *:not(:first-child) {
  margin-left: 4px;
}

._3aa3d0699 > *:not(:first-child) {
  margin-top: 4px;
}

.fec70f699 > *:not(:first-child) {
  margin-left: 6px;
}

._2f7789699 > *:not(:first-child) {
  margin-top: 6px;
}

._68ab44699 > *:not(:first-child) {
  margin-left: 8px;
}

._0dcc9e699 > *:not(:first-child) {
  margin-top: 8px;
}

.b152ab699 > *:not(:first-child) {
  margin-left: 12px;
}

._346694699 > *:not(:first-child) {
  margin-top: 12px;
}

.fa5ca7699 > *:not(:first-child) {
  margin-left: 16px;
}

._0af6b8699 > *:not(:first-child) {
  margin-top: 16px;
}

._662ff1699 > *:not(:first-child) {
  margin-left: 24px;
}

._098621699 > *:not(:first-child) {
  margin-top: 24px;
}

._659dd5699 > *:not(:first-child) {
  margin-left: 32px;
}

._7a1a87699 > *:not(:first-child) {
  margin-top: 32px;
}

._84457f699 > *:not(:first-child) {
  margin-left: 40px;
}

._41b713699 > *:not(:first-child) {
  margin-top: 40px;
}

.df0c74699 > *:not(:first-child) {
  margin-left: 48px;
}

.dc6aae699 > *:not(:first-child) {
  margin-top: 48px;
}

._06c620699.d393fd699 {
  background-color: #fff;
}
._06c620699._8abfac699 {
  background-color: #f8f8fb;
}
._06c620699._69f111699 {
  border-radius: 8px;
}
._06c620699._18b7be699 {
  border-radius: inherit;
}
._06c620699._31f783699 {
  width: 100%;
}
._06c620699._195b12699 {
  width: 560px;
}
._06c620699.a7aaf6699 {
  width: 272px;
}
._06c620699._206ac5699 {
  width: 280px;
}
._06c620699.bb3fe2699 {
  width: 180px;
}
._06c620699._7774f2699 {
  min-height: 100%;
}
._06c620699._448f45699 {
  min-height: 48px;
}
._06c620699.c2c562699 {
  min-height: 250px;
}
._06c620699._1ea7b9699 {
  min-height: 270px;
}
._06c620699._4235d8699 {
  min-height: 150px;
}
._06c620699._1d137a699 {
  min-height: 0;
}
._06c620699._9addda699 {
  max-width: 130px;
}
._06c620699._4f417a699 {
  max-width: 185px;
}
._06c620699._4ed537699 {
  max-width: 265px;
}
._06c620699._49d50e699 {
  min-width: 0;
}
/*!******************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Text/Text.scss.css ***!
  \******************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c61aec0 {
  font-family: "Roobert PRO", sans-serif;
  word-wrap: break-word;
  min-width: 0;
  max-width: 100%;
  transition: color 200ms ease-in-out;
}
._06c61aec0._1c8e95ec0 {
  font-size: 56px;
  font-weight: 600;
  line-height: 70px;
}
._06c61aec0._831149ec0 {
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
}
._06c61aec0._7ebfb1ec0 {
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}
._06c61aec0.a1e988ec0 {
  font-size: 38px;
  font-weight: 600;
  line-height: 46px;
}
._06c61aec0.cbf1a9ec0 {
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}
._06c61aec0._16f024ec0 {
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}
._06c61aec0._318228ec0 {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
._06c61aec0.b4b38eec0 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
._06c61aec0._4ebba4ec0 {
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
._06c61aec0._820426ec0 {
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
}
._06c61aec0.cc6293ec0 {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}
._06c61aec0._6cdc40ec0 {
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}
._06c61aec0.a81b80ec0 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}
._06c61aec0._52e828ec0 {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
._06c61aec0._19f603ec0 {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}
._06c61aec0._61e1dfec0 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
._06c61aec0.ea4fb1ec0 {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}
._06c61aec0._993226ec0 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}
._06c61aec0._7cbcf6ec0 {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
}
._06c61aec0.bad055ec0 {
  font-size: 11px;
  font-weight: 400;
  line-height: 17px;
}
._06c61aec0._0f074eec0 {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}
._06c61aec0._45f149ec0 {
  font-weight: 600;
}
._06c61aec0._01f784ec0 {
  font-weight: 600;
}
._06c61aec0._937b92ec0 {
  font-weight: 600;
}
._06c61aec0.de04cfec0 {
  font-weight: 500;
}
._06c61aec0.c8e96bec0 {
  font-weight: 400;
}
._06c61aec0._6c5a24ec0 {
  font-weight: 300;
}
._06c61aec0._90a94cec0 {
  color: black;
}
._06c61aec0._2db752ec0 {
  color: white;
}
._06c61aec0.ed20a9ec0 {
  color: #b7babe;
}
._06c61aec0.e65d86ec0 {
  color: #878c93;
}
._06c61aec0.b3c38cec0 {
  color: #404753;
}
._06c61aec0.d59abeec0 {
  color: #101928;
}
._06c61aec0._00d658ec0 {
  color: #00a36d;
}
._06c61aec0._7b6c70ec0 {
  color: #da2346;
}
._06c61aec0._510217ec0 {
  color: #6950f3;
}
._06c61aec0._1b2b0bec0 {
  color: #fdeba5;
}
._06c61aec0._93f02dec0 {
  color: #f19101;
}
._06c61aec0.a8ef1bec0 {
  color: #e66422;
}
._06c61aec0.f0e1e5ec0 {
  color: inherit;
}
._06c61aec0._4dc74dec0 {
  text-align: left;
}
._06c61aec0._3f4527ec0 {
  text-align: center;
}
._06c61aec0._1252aeec0 {
  text-align: right;
}
._06c61aec0._8e9a46ec0 {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
._06c61aec0._5b1b4cec0 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
._06c61aec0._694286ec0 {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
._06c61aec0.b2c776ec0 {
  word-wrap: initial;
  overflow: initial;
  max-width: initial;
  white-space: nowrap;
}
._06c61aec0._5c885cec0 {
  text-decoration: line-through;
}
._06c61aec0._9449f8ec0 {
  text-decoration: underline;
}
._06c61aec0.d2cf3dec0 {
  text-transform: uppercase;
}
._06c61aec0._3e944cec0 {
  text-transform: capitalize;
}
._06c61aec0.cc1a96ec0 {
  white-space: pre-wrap;
}
._06c61aec0._5fecf9ec0 {
  word-break: break-word;
}
._06c61aec0._69c99eec0 {
  word-break: break-all;
}
._06c61aec0.b0147aec0 {
  text-overflow: ellipsis;
  overflow: hidden;
}
._06c61aec0._8ca066ec0 {
  white-space: pre-wrap;
}
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Formik/Form/Form.scss.css ***!
  \*************************************************************************************************************************/
._06c68854e._82835654e {
  width: 100%;
}
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/Field/Field.scss.css ***!
  \*************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6c680f {
  display: flex;
  flex-direction: column;
  font-family: "Roobert PRO", sans-serif;
  box-sizing: border-box;
  font-variant: normal;
  font-style: normal;
}
._06c6c680f.b08cd180f {
  padding: 0 16px 24px 16px;
}
._06c6c680f ._94c18780f {
  position: relative;
  top: -120px;
  width: 0;
  height: 0;
  pointer-events: none;
}
._06c6c680f .efe85080f {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  flex-grow: 0;
  color: #878c93;
  text-align: right;
}
._06c6c680f ._2872ae80f {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 5px 0;
}
._06c6c680f .c832fe80f {
  display: flex;
  align-items: center;
}
._06c6c680f .c832fe80f .c00f8d80f {
  margin-left: 16px;
}
._06c6c680f ._009e2e80f {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin: 5px 0 0 0;
  color: #878c93;
}
._06c6c680f ._009e2e80f.e6cfdf80f {
  color: #00a36d;
}
._06c6c680f.ec1a5880f {
  padding-left: 0;
  padding-right: 0;
}
._06c6c680f._5d04ef80f {
  padding-left: 0;
  padding-right: 8px;
}
._06c6c680f._2f33cb80f {
  padding-left: 8px;
  padding-right: 8px;
}
._06c6c680f.a85fb280f {
  padding-left: 8px;
  padding-right: 0;
}
._06c6c680f.f262fb80f {
  padding-bottom: 16px;
}
._06c6c680f._0e18e980f {
  padding-top: 16px;
  padding-bottom: 16px;
}
._06c6c680f._5e734e80f {
  padding-bottom: 0;
}
._06c6c680f._7ebf4180f ._009e2e80f {
  color: #da2346;
}
._06c6c680f._17eb9e80f ._009e2e80f {
  color: #878c93;
}
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/Label/Label.scss.css ***!
  \*************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6577ea {
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  flex-grow: 1;
  color: #101928;
}
/*!******************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/utils/cssGrid.css ***!
  \******************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._307e7d436 {
  grid-column-start: span 1;
}

.f499d0436 {
  grid-column-start: span 2;
}

._90dee5436 {
  grid-column-start: span 3;
}

._03d406436 {
  grid-column-start: span 4;
}

.e8e8eb436 {
  grid-column-start: span 5;
}

._0f67e6436 {
  grid-column-start: span 6;
}

._3909ca436 {
  grid-column-start: span 7;
}

._7e0e2e436 {
  grid-column-start: span 8;
}

._6a4a8c436 {
  grid-column-start: span 9;
}

._1766eb436 {
  grid-column-start: span 10;
}

.b766dd436 {
  grid-column-start: span 11;
}

._4f1b18436 {
  grid-column-start: span 12;
}

@media (max-width: 767px) {
  ._01fe8c436 {
    grid-column-start: span 1;
  }

  .bc3d50436 {
    grid-column-start: span 2;
  }

  ._7af4fe436 {
    grid-column-start: span 3;
  }

  ._2688e2436 {
    grid-column-start: span 4;
  }

  .d9b4d4436 {
    grid-column-start: span 5;
  }

  .b14500436 {
    grid-column-start: span 6;
  }

  .f36551436 {
    grid-column-start: span 7;
  }

  .a90ef9436 {
    grid-column-start: span 8;
  }

  ._2b4fe0436 {
    grid-column-start: span 9;
  }

  ._963c20436 {
    grid-column-start: span 10;
  }

  ._7ffba9436 {
    grid-column-start: span 11;
  }

  ._9837df436 {
    grid-column-start: span 12;
  }
}
@media (max-width: 991px) {
  .f1cdbd436 {
    grid-column-start: span 1;
  }

  ._0c020b436 {
    grid-column-start: span 2;
  }

  ._86c364436 {
    grid-column-start: span 3;
  }

  ._3ec4ad436 {
    grid-column-start: span 4;
  }

  ._28e76f436 {
    grid-column-start: span 5;
  }

  ._387fd9436 {
    grid-column-start: span 6;
  }

  ._0c29b7436 {
    grid-column-start: span 7;
  }

  ._32d2d0436 {
    grid-column-start: span 8;
  }

  .cf6af7436 {
    grid-column-start: span 9;
  }

  ._028c95436 {
    grid-column-start: span 10;
  }

  ._2cd239436 {
    grid-column-start: span 11;
  }

  ._8b330a436 {
    grid-column-start: span 12;
  }
}
@media (min-width: 992px) {
  ._8ce6a2436 {
    grid-column-start: span 1;
  }

  ._384f5a436 {
    grid-column-start: span 2;
  }

  ._0a86f5436 {
    grid-column-start: span 3;
  }

  ._4a0914436 {
    grid-column-start: span 4;
  }

  ._372c74436 {
    grid-column-start: span 5;
  }

  ._9cd6e9436 {
    grid-column-start: span 6;
  }

  .dddcaf436 {
    grid-column-start: span 7;
  }

  ._043778436 {
    grid-column-start: span 8;
  }

  ._1e4410436 {
    grid-column-start: span 9;
  }

  ._2d98ad436 {
    grid-column-start: span 10;
  }

  ._1416a5436 {
    grid-column-start: span 11;
  }

  ._7417d7436 {
    grid-column-start: span 12;
  }
}
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/Input/Input.scss.css ***!
  \*************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c615473 {
  position: relative;
  display: flex;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #d5d7da;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  transition: box-shadow 150ms ease-in-out, border-color 150ms ease-in-out;
}
._06c615473:not(._17eb41473):hover {
  box-shadow: var(--input-no-shadow, 0 4px 6px 0 rgba(16, 25, 40, 0.06));
  border: var(--input-no-shadow-border, 1px solid #d5d7da);
}
._06c615473:focus-within {
  border-color: #6950f3;
}
._06c615473 .c96c35473 {
  font-family: "Roobert PRO", sans-serif;
  color: #101928;
  background-color: #fff;
  margin: 0;
  border: 0;
  outline: none;
  box-sizing: border-box;
  width: 100%;
}
._06c615473 .c96c35473.d2cfa1473 {
  text-transform: uppercase;
}
._06c615473 .c96c35473::placeholder {
  color: #b7babe;
  text-transform: none;
}
._06c615473 .c96c35473:disabled {
  color: var(--color-foreground-disabled, #acacac);
  opacity: 1;
  -webkit-text-fill-color: var(--color-foreground-disabled, #acacac);
}
._06c615473 .c96c35473.f70840473 {
  cursor: default;
}
._06c615473 .c96c35473[type=number]::-webkit-outer-spin-button, ._06c615473 .c96c35473[type=number]::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
}
._06c615473 .c96c35473[type=number] {
  -moz-appearance: textfield;
}
._06c615473 ._27f6df473 {
  text-align: center;
}
._06c615473 .e97b38473, ._06c615473 .e7a2b6473 {
  flex: 0 0 auto;
  padding: 12px 11px;
  color: #878c93;
  border-right: solid 1px #d5d7da;
  user-select: none;
}
._06c615473 ._97fea0473, ._06c615473 .a1b71a473 {
  flex: 0 0 auto;
  padding: 12px 11px;
  color: #878c93;
  border-left: solid 1px #d5d7da;
  user-select: none;
}
._06c615473 .e7a2b6473 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
._06c615473 .a1b71a473 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
._06c615473 .e97b38473 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
._06c615473 ._97fea0473 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
._06c615473.f3faef473 .c96c35473 {
  padding-left: 0;
}
._06c615473.f3faef473 .e7a2b6473,
._06c615473.f3faef473 .e97b38473 {
  border-right: none;
}
._06c615473._2d8d1f473 .c96c35473 {
  padding-right: 0;
}
._06c615473._2d8d1f473 .a1b71a473,
._06c615473._2d8d1f473 ._97fea0473 {
  border-left: none;
}
._06c615473._06523a473 {
  height: 48px;
  min-height: 48px;
}
._06c615473._06523a473 .c96c35473 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 16px;
}
._06c615473._06523a473 .e97b38473,
._06c615473._06523a473 ._97fea0473 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 11px;
}
._06c615473._9ba6d9473 {
  height: 40px;
  min-height: 40px;
}
._06c615473._9ba6d9473 .c96c35473 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  padding: 10px 16px;
}
._06c615473._9ba6d9473 .e97b38473,
._06c615473._9ba6d9473 ._97fea0473 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  padding: 10px 11px;
}
._06c615473.f70840473 {
  border: 1px solid #d5d7da;
}
._06c615473._17eb41473 {
  border-color: #d5d7da;
  background-color: var(--color-background-disabled, #f2f2f2);
  color: var(--color-foreground-disabled, #acacac);
}
._06c615473._17eb41473 .c96c35473 {
  background-color: var(--color-background-disabled, #f2f2f2);
  color: var(--color-foreground-disabled, #acacac);
}
._06c615473._17eb41473 .e7a2b6473,
._06c615473._17eb41473 .a1b71a473,
._06c615473._17eb41473 .e97b38473,
._06c615473._17eb41473 ._97fea0473 {
  color: var(--color-foreground-disabled, #acacac);
}
._06c615473.ca008e473 {
  border-color: #da2346;
}
/*!*******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/AmountToggleField.scss.css ***!
  \*******************************************************************************************************************************/
.ad934691d {
  display: flex;
}

.b596e891d {
  margin-left: 8px;
}

._233fe791d {
  min-width: 24px;
  display: flex;
  justify-content: center;
}
/*!*********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-grid-layout/build/GridLayout.styles.css ***!
  \*********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/GridLayout.module.scss */
.n5MsbQ {
  display: grid;
  grid-auto-flow: row;
}
.n5MsbQ._7xL_mQ {
  --itemSize: 1fr;
}
.n5MsbQ.Pamz9Q {
  --itemSize: minmax(var(--column-min, 0), var(--column-max, $defaultItemSize));
}
.n5MsbQ.c25lpQ {
  --itemSize: max-content;
}
.n5MsbQ._2nFQyQ {
  --itemSize: min-content;
}
.n5MsbQ.h-t5YQ {
  --itemSize: auto;
}
.n5MsbQ.JRGQmQ {
  grid-template-columns: repeat(1, var(--itemSize));
}
.n5MsbQ.r92ieQ {
  grid-template-columns: repeat(2, var(--itemSize));
}
.n5MsbQ.mvce9Q {
  grid-template-columns: repeat(3, var(--itemSize));
}
.n5MsbQ.Bx5y7Q {
  grid-template-columns: repeat(4, var(--itemSize));
}
.n5MsbQ.rUSDjQ {
  grid-template-columns: repeat(5, var(--itemSize));
}
.n5MsbQ.lgaIYQ {
  grid-template-columns: repeat(6, var(--itemSize));
}
.n5MsbQ.lBaDaQ {
  grid-template-columns: repeat(7, var(--itemSize));
}
.n5MsbQ.KBhRBQ {
  grid-template-columns: repeat(8, var(--itemSize));
}
.n5MsbQ._9RnKnQ {
  grid-template-columns: repeat(9, var(--itemSize));
}
.n5MsbQ.xJ4oJQ {
  grid-template-columns: repeat(10, var(--itemSize));
}
.n5MsbQ.YwPNSQ {
  grid-template-columns: repeat(11, var(--itemSize));
}
.n5MsbQ.WcRltQ {
  grid-template-columns: repeat(12, var(--itemSize));
}
.n5MsbQ.vgHqnQ {
  grid-template-columns: repeat(13, var(--itemSize));
}
.n5MsbQ.CxF7BQ {
  grid-template-columns: repeat(14, var(--itemSize));
}
.n5MsbQ.p1uwKQ {
  grid-template-columns: repeat(15, var(--itemSize));
}
.n5MsbQ.sisL5Q {
  grid-template-columns: repeat(16, var(--itemSize));
}
.n5MsbQ.PrlhWQ {
  grid-template-columns: repeat(17, var(--itemSize));
}
.n5MsbQ.b1F_6Q {
  grid-template-columns: repeat(18, var(--itemSize));
}
.n5MsbQ.o6WItQ {
  grid-template-columns: repeat(19, var(--itemSize));
}
.n5MsbQ.ekgCuQ {
  grid-template-columns: repeat(20, var(--itemSize));
}
.n5MsbQ.Q4qmiQ {
  grid-template-columns: repeat(21, var(--itemSize));
}
.n5MsbQ.OkvF4Q {
  grid-template-columns: repeat(22, var(--itemSize));
}
.n5MsbQ.IZOllQ {
  grid-template-columns: repeat(23, var(--itemSize));
}
.n5MsbQ._6zmF6Q {
  grid-template-columns: repeat(24, var(--itemSize));
}
.n5MsbQ._7zM2UQ {
  grid-template-columns: repeat(auto-fit, var(--itemSize));
}
.n5MsbQ._3LRJLQ {
  grid-template-columns: repeat(auto-fill, var(--itemSize));
}
.n5MsbQ._0LgNtQ,
.n5MsbQ.CB3eBQ {
  --rowSize: auto;
}
.n5MsbQ.s8X4eQ {
  --rowSize: minmax(var(--row-min, 0), var(--row-max, $defaultItemSize));
}
.n5MsbQ.hukSmQ {
  --rowSize: max-content;
}
.n5MsbQ.M9i2FQ {
  --rowSize: min-content;
}
.n5MsbQ.CzY5eQ {
  grid-auto-rows: var(--rowSize);
}
.n5MsbQ.wrAD8Q {
  grid-template-rows: repeat(auto-fit, var(--rowSize));
}
.n5MsbQ.dw9MPQ {
  grid-template-rows: repeat(auto-fill, var(--rowSize));
}
.n5MsbQ.oG7qvQ {
  grid-column-gap: 4px;
}
.n5MsbQ.Q65OPQ {
  grid-column-gap: 8px;
}
.n5MsbQ.DnsgHQ {
  grid-column-gap: 12px;
}
.n5MsbQ._-PJ_xQ {
  grid-column-gap: 16px;
}
.n5MsbQ.vFUckQ {
  grid-column-gap: 20px;
}
.n5MsbQ.R_94jQ {
  grid-column-gap: 24px;
}
.n5MsbQ._hb9sQ {
  grid-column-gap: 28px;
}
.n5MsbQ.JQBXNQ {
  grid-column-gap: 32px;
}
.n5MsbQ.QNPg5Q {
  grid-column-gap: 36px;
}
.n5MsbQ.J9JRcQ {
  grid-column-gap: 40px;
}
.n5MsbQ.qZGG_Q {
  grid-column-gap: 44px;
}
.n5MsbQ.lCEKpQ {
  grid-column-gap: 48px;
}
.n5MsbQ.ZeC36Q {
  grid-column-gap: 52px;
}
.n5MsbQ.XHH9hQ {
  grid-column-gap: 56px;
}
.n5MsbQ.iRlHLQ {
  grid-column-gap: 60px;
}
.n5MsbQ._9aOeSQ {
  grid-column-gap: 64px;
}
.n5MsbQ.UB-ISQ {
  grid-row-gap: 4px;
}
.n5MsbQ._0kDoQQ {
  grid-row-gap: 8px;
}
.n5MsbQ.j_636Q {
  grid-row-gap: 12px;
}
.n5MsbQ.i38g-Q {
  grid-row-gap: 16px;
}
.n5MsbQ._7AEBAQ {
  grid-row-gap: 20px;
}
.n5MsbQ.gAcXmQ {
  grid-row-gap: 24px;
}
.n5MsbQ.V1qkXQ {
  grid-row-gap: 28px;
}
.n5MsbQ._7PBc-Q {
  grid-row-gap: 32px;
}
.n5MsbQ.hRgKLQ {
  grid-row-gap: 36px;
}
.n5MsbQ._0-Hl6Q {
  grid-row-gap: 40px;
}
.n5MsbQ.CyhhvQ {
  grid-row-gap: 44px;
}
.n5MsbQ._3x1xFQ {
  grid-row-gap: 48px;
}
.n5MsbQ._4pHvDQ {
  padding: 0;
}
@media (min-width: 768px) {
  .n5MsbQ._4pHvDQ {
    padding: 16px 24px;
  }
}
.n5MsbQ._-0UnSQ {
  flex-grow: 0;
}
.n5MsbQ.V10WzQ {
  flex-grow: 1;
}
.n5MsbQ.IYp5tQ {
  justify-items: start;
}
.n5MsbQ.aCFHlQ {
  align-items: start;
}
.n5MsbQ.Q5lkuQ {
  justify-items: center;
}
.n5MsbQ.gVp5EQ {
  align-items: center;
}
.n5MsbQ.qPMMKQ {
  justify-items: end;
}
.n5MsbQ._3opsdQ {
  align-items: end;
}
.n5MsbQ._8VXJhQ {
  justify-content: start;
}
.n5MsbQ._2mAPBQ {
  align-content: start;
}
.n5MsbQ.QwufCQ {
  justify-content: center;
}
.n5MsbQ.CYpAKQ {
  align-content: center;
}
.n5MsbQ.P4t_cQ {
  justify-content: end;
}
.n5MsbQ.I312qQ {
  align-content: end;
}
.n5MsbQ.VqjArQ {
  justify-content: space-between;
}
.n5MsbQ._94Pf-Q {
  align-content: space-between;
}
.EKsYiQ.xEnHLQ {
  align-self: start;
}
.EKsYiQ.LNmDHQ {
  align-self: center;
}
.EKsYiQ.hM0UoQ {
  align-self: end;
}
.EKsYiQ.iw3DjQ {
  align-self: stretch;
}
@media screen and (min-width: 0) {
  .EKsYiQ._0vqD4Q {
    grid-column-start: span 1;
  }
}
@media screen and (min-width: 512px) {
  .EKsYiQ.bAdj3Q {
    grid-column-start: span 1;
  }
}
@media screen and (min-width: 520px) {
  .EKsYiQ.BpJuOQ {
    grid-column-start: span 1;
  }
}
@media screen and (min-width: 768px) {
  .EKsYiQ.tQfk6Q {
    grid-column-start: span 1;
  }
}
@media screen and (min-width: 1024px) {
  .EKsYiQ.wwmcNQ {
    grid-column-start: span 1;
  }
}
@media screen and (min-width: 1280px) {
  .EKsYiQ._8vCCiQ {
    grid-column-start: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .EKsYiQ._2Ts7fQ {
    grid-column-start: span 1;
  }
}
@media screen and (min-width: 1920px) {
  .EKsYiQ._w2OsQ {
    grid-column-start: span 1;
  }
}
@media (max-width: 768px) {
  .EKsYiQ.AxqCvQ {
    grid-column-start: span 1;
  }
}
@media (max-width: 1024px) {
  .EKsYiQ.a8co4Q {
    grid-column-start: span 1;
  }
}
@media (min-width: 1024px) {
  .EKsYiQ.Wc12cQ {
    grid-column-start: span 1;
  }
}
@media screen and (min-width: 0) {
  .EKsYiQ._Z-HeQ {
    grid-column-start: span 2;
  }
}
@media screen and (min-width: 512px) {
  .EKsYiQ._-1r2TQ {
    grid-column-start: span 2;
  }
}
@media screen and (min-width: 520px) {
  .EKsYiQ._ZoVcQ {
    grid-column-start: span 2;
  }
}
@media screen and (min-width: 768px) {
  .EKsYiQ._90QHzQ {
    grid-column-start: span 2;
  }
}
@media screen and (min-width: 1024px) {
  .EKsYiQ.esb-2Q {
    grid-column-start: span 2;
  }
}
@media screen and (min-width: 1280px) {
  .EKsYiQ._vvwmQ {
    grid-column-start: span 2;
  }
}
@media screen and (min-width: 1440px) {
  .EKsYiQ.vgff2Q {
    grid-column-start: span 2;
  }
}
@media screen and (min-width: 1920px) {
  .EKsYiQ.iPOFFQ {
    grid-column-start: span 2;
  }
}
@media (max-width: 768px) {
  .EKsYiQ.X5ZwAQ {
    grid-column-start: span 2;
  }
}
@media (max-width: 1024px) {
  .EKsYiQ.WS_7jQ {
    grid-column-start: span 2;
  }
}
@media (min-width: 1024px) {
  .EKsYiQ.xEmshQ {
    grid-column-start: span 2;
  }
}
@media screen and (min-width: 0) {
  .EKsYiQ._9aSP1Q {
    grid-column-start: span 3;
  }
}
@media screen and (min-width: 512px) {
  .EKsYiQ.fIWk7Q {
    grid-column-start: span 3;
  }
}
@media screen and (min-width: 520px) {
  .EKsYiQ.zPBYZQ {
    grid-column-start: span 3;
  }
}
@media screen and (min-width: 768px) {
  .EKsYiQ.fcKhIQ {
    grid-column-start: span 3;
  }
}
@media screen and (min-width: 1024px) {
  .EKsYiQ.zag1-Q {
    grid-column-start: span 3;
  }
}
@media screen and (min-width: 1280px) {
  .EKsYiQ.WFdR-Q {
    grid-column-start: span 3;
  }
}
@media screen and (min-width: 1440px) {
  .EKsYiQ.PBobdQ {
    grid-column-start: span 3;
  }
}
@media screen and (min-width: 1920px) {
  .EKsYiQ.oT1qvQ {
    grid-column-start: span 3;
  }
}
@media (max-width: 768px) {
  .EKsYiQ.wy_PnQ {
    grid-column-start: span 3;
  }
}
@media (max-width: 1024px) {
  .EKsYiQ.neR3mQ {
    grid-column-start: span 3;
  }
}
@media (min-width: 1024px) {
  .EKsYiQ.hCiFxQ {
    grid-column-start: span 3;
  }
}
@media screen and (min-width: 0) {
  .EKsYiQ.VjNgkQ {
    grid-column-start: span 4;
  }
}
@media screen and (min-width: 512px) {
  .EKsYiQ.ulu2QQ {
    grid-column-start: span 4;
  }
}
@media screen and (min-width: 520px) {
  .EKsYiQ._5l-vAQ {
    grid-column-start: span 4;
  }
}
@media screen and (min-width: 768px) {
  .EKsYiQ.mmZtDQ {
    grid-column-start: span 4;
  }
}
@media screen and (min-width: 1024px) {
  .EKsYiQ.vAFHDQ {
    grid-column-start: span 4;
  }
}
@media screen and (min-width: 1280px) {
  .EKsYiQ.JO51bQ {
    grid-column-start: span 4;
  }
}
@media screen and (min-width: 1440px) {
  .EKsYiQ._9BZvvQ {
    grid-column-start: span 4;
  }
}
@media screen and (min-width: 1920px) {
  .EKsYiQ.V9LOUQ {
    grid-column-start: span 4;
  }
}
@media (max-width: 768px) {
  .EKsYiQ.QYxs2Q {
    grid-column-start: span 4;
  }
}
@media (max-width: 1024px) {
  .EKsYiQ.vgZtnQ {
    grid-column-start: span 4;
  }
}
@media (min-width: 1024px) {
  .EKsYiQ.jpc7HQ {
    grid-column-start: span 4;
  }
}
@media screen and (min-width: 0) {
  .EKsYiQ.hZ8IbQ {
    grid-column-start: span 5;
  }
}
@media screen and (min-width: 512px) {
  .EKsYiQ.w8I6mQ {
    grid-column-start: span 5;
  }
}
@media screen and (min-width: 520px) {
  .EKsYiQ.CWPvSQ {
    grid-column-start: span 5;
  }
}
@media screen and (min-width: 768px) {
  .EKsYiQ._8ttEjQ {
    grid-column-start: span 5;
  }
}
@media screen and (min-width: 1024px) {
  .EKsYiQ.s9koeQ {
    grid-column-start: span 5;
  }
}
@media screen and (min-width: 1280px) {
  .EKsYiQ.lbwT0Q {
    grid-column-start: span 5;
  }
}
@media screen and (min-width: 1440px) {
  .EKsYiQ.L0zQrQ {
    grid-column-start: span 5;
  }
}
@media screen and (min-width: 1920px) {
  .EKsYiQ.y9v50Q {
    grid-column-start: span 5;
  }
}
@media (max-width: 768px) {
  .EKsYiQ.zp4__Q {
    grid-column-start: span 5;
  }
}
@media (max-width: 1024px) {
  .EKsYiQ.lQ2nWQ {
    grid-column-start: span 5;
  }
}
@media (min-width: 1024px) {
  .EKsYiQ.ZaF74Q {
    grid-column-start: span 5;
  }
}
@media screen and (min-width: 0) {
  .EKsYiQ.jNx99Q {
    grid-column-start: span 6;
  }
}
@media screen and (min-width: 512px) {
  .EKsYiQ.C6xXVQ {
    grid-column-start: span 6;
  }
}
@media screen and (min-width: 520px) {
  .EKsYiQ.AnRZ4Q {
    grid-column-start: span 6;
  }
}
@media screen and (min-width: 768px) {
  .EKsYiQ.ahIlBQ {
    grid-column-start: span 6;
  }
}
@media screen and (min-width: 1024px) {
  .EKsYiQ._2vHACQ {
    grid-column-start: span 6;
  }
}
@media screen and (min-width: 1280px) {
  .EKsYiQ.P2HNwQ {
    grid-column-start: span 6;
  }
}
@media screen and (min-width: 1440px) {
  .EKsYiQ.ksp_UQ {
    grid-column-start: span 6;
  }
}
@media screen and (min-width: 1920px) {
  .EKsYiQ.bvEkEQ {
    grid-column-start: span 6;
  }
}
@media (max-width: 768px) {
  .EKsYiQ.yBNyvQ {
    grid-column-start: span 6;
  }
}
@media (max-width: 1024px) {
  .EKsYiQ.QzcSeQ {
    grid-column-start: span 6;
  }
}
@media (min-width: 1024px) {
  .EKsYiQ.xJtHpQ {
    grid-column-start: span 6;
  }
}
@media screen and (min-width: 0) {
  .EKsYiQ.SinAsQ {
    grid-column-start: span 7;
  }
}
@media screen and (min-width: 512px) {
  .EKsYiQ.djZtqQ {
    grid-column-start: span 7;
  }
}
@media screen and (min-width: 520px) {
  .EKsYiQ.aAYypQ {
    grid-column-start: span 7;
  }
}
@media screen and (min-width: 768px) {
  .EKsYiQ.nWIp-Q {
    grid-column-start: span 7;
  }
}
@media screen and (min-width: 1024px) {
  .EKsYiQ.TsS3BQ {
    grid-column-start: span 7;
  }
}
@media screen and (min-width: 1280px) {
  .EKsYiQ.JlYN7Q {
    grid-column-start: span 7;
  }
}
@media screen and (min-width: 1440px) {
  .EKsYiQ._5nzUeQ {
    grid-column-start: span 7;
  }
}
@media screen and (min-width: 1920px) {
  .EKsYiQ.wkixSQ {
    grid-column-start: span 7;
  }
}
@media (max-width: 768px) {
  .EKsYiQ.e3SMPQ {
    grid-column-start: span 7;
  }
}
@media (max-width: 1024px) {
  .EKsYiQ.NYT4JQ {
    grid-column-start: span 7;
  }
}
@media (min-width: 1024px) {
  .EKsYiQ.ERgQVQ {
    grid-column-start: span 7;
  }
}
@media screen and (min-width: 0) {
  .EKsYiQ.KeKjQQ {
    grid-column-start: span 8;
  }
}
@media screen and (min-width: 512px) {
  .EKsYiQ.R9vWnQ {
    grid-column-start: span 8;
  }
}
@media screen and (min-width: 520px) {
  .EKsYiQ._2auziQ {
    grid-column-start: span 8;
  }
}
@media screen and (min-width: 768px) {
  .EKsYiQ.N8bIvQ {
    grid-column-start: span 8;
  }
}
@media screen and (min-width: 1024px) {
  .EKsYiQ.onTTnQ {
    grid-column-start: span 8;
  }
}
@media screen and (min-width: 1280px) {
  .EKsYiQ.EoMAaQ {
    grid-column-start: span 8;
  }
}
@media screen and (min-width: 1440px) {
  .EKsYiQ.AxFsyQ {
    grid-column-start: span 8;
  }
}
@media screen and (min-width: 1920px) {
  .EKsYiQ._3jYagQ {
    grid-column-start: span 8;
  }
}
@media (max-width: 768px) {
  .EKsYiQ._5BC--Q {
    grid-column-start: span 8;
  }
}
@media (max-width: 1024px) {
  .EKsYiQ._3Ky0aQ {
    grid-column-start: span 8;
  }
}
@media (min-width: 1024px) {
  .EKsYiQ.fjKsKQ {
    grid-column-start: span 8;
  }
}
@media screen and (min-width: 0) {
  .EKsYiQ.jyKcpQ {
    grid-column-start: span 9;
  }
}
@media screen and (min-width: 512px) {
  .EKsYiQ.Kv_DcQ {
    grid-column-start: span 9;
  }
}
@media screen and (min-width: 520px) {
  .EKsYiQ.MvPRIQ {
    grid-column-start: span 9;
  }
}
@media screen and (min-width: 768px) {
  .EKsYiQ.kTRLaQ {
    grid-column-start: span 9;
  }
}
@media screen and (min-width: 1024px) {
  .EKsYiQ._2v-UrQ {
    grid-column-start: span 9;
  }
}
@media screen and (min-width: 1280px) {
  .EKsYiQ.FJrF1Q {
    grid-column-start: span 9;
  }
}
@media screen and (min-width: 1440px) {
  .EKsYiQ.BZ_XMQ {
    grid-column-start: span 9;
  }
}
@media screen and (min-width: 1920px) {
  .EKsYiQ.IHkjQQ {
    grid-column-start: span 9;
  }
}
@media (max-width: 768px) {
  .EKsYiQ.R7d3RQ {
    grid-column-start: span 9;
  }
}
@media (max-width: 1024px) {
  .EKsYiQ._0nN2MQ {
    grid-column-start: span 9;
  }
}
@media (min-width: 1024px) {
  .EKsYiQ.bs6wSQ {
    grid-column-start: span 9;
  }
}
@media screen and (min-width: 0) {
  .EKsYiQ.v7ZtnQ {
    grid-column-start: span 10;
  }
}
@media screen and (min-width: 512px) {
  .EKsYiQ._4cJgYQ {
    grid-column-start: span 10;
  }
}
@media screen and (min-width: 520px) {
  .EKsYiQ.yaw8EQ {
    grid-column-start: span 10;
  }
}
@media screen and (min-width: 768px) {
  .EKsYiQ.THYAOQ {
    grid-column-start: span 10;
  }
}
@media screen and (min-width: 1024px) {
  .EKsYiQ.S-Id9Q {
    grid-column-start: span 10;
  }
}
@media screen and (min-width: 1280px) {
  .EKsYiQ.i41o0Q {
    grid-column-start: span 10;
  }
}
@media screen and (min-width: 1440px) {
  .EKsYiQ.cUhtWQ {
    grid-column-start: span 10;
  }
}
@media screen and (min-width: 1920px) {
  .EKsYiQ.o1obFQ {
    grid-column-start: span 10;
  }
}
@media (max-width: 768px) {
  .EKsYiQ.lnfl7Q {
    grid-column-start: span 10;
  }
}
@media (max-width: 1024px) {
  .EKsYiQ.w-jIUQ {
    grid-column-start: span 10;
  }
}
@media (min-width: 1024px) {
  .EKsYiQ.JY4ssQ {
    grid-column-start: span 10;
  }
}
@media screen and (min-width: 0) {
  .EKsYiQ.jzWApQ {
    grid-column-start: span 11;
  }
}
@media screen and (min-width: 512px) {
  .EKsYiQ.V9eSYQ {
    grid-column-start: span 11;
  }
}
@media screen and (min-width: 520px) {
  .EKsYiQ.DRZPBQ {
    grid-column-start: span 11;
  }
}
@media screen and (min-width: 768px) {
  .EKsYiQ.p3OYuQ {
    grid-column-start: span 11;
  }
}
@media screen and (min-width: 1024px) {
  .EKsYiQ.MN5KxQ {
    grid-column-start: span 11;
  }
}
@media screen and (min-width: 1280px) {
  .EKsYiQ.rVXDWQ {
    grid-column-start: span 11;
  }
}
@media screen and (min-width: 1440px) {
  .EKsYiQ.xMbeuQ {
    grid-column-start: span 11;
  }
}
@media screen and (min-width: 1920px) {
  .EKsYiQ.cykecQ {
    grid-column-start: span 11;
  }
}
@media (max-width: 768px) {
  .EKsYiQ.cix5cQ {
    grid-column-start: span 11;
  }
}
@media (max-width: 1024px) {
  .EKsYiQ.bL_P6Q {
    grid-column-start: span 11;
  }
}
@media (min-width: 1024px) {
  .EKsYiQ._31YZ4Q {
    grid-column-start: span 11;
  }
}
@media screen and (min-width: 0) {
  .EKsYiQ.r020FQ {
    grid-column-start: span 12;
  }
}
@media screen and (min-width: 512px) {
  .EKsYiQ.gvvI-Q {
    grid-column-start: span 12;
  }
}
@media screen and (min-width: 520px) {
  .EKsYiQ.MwBOYQ {
    grid-column-start: span 12;
  }
}
@media screen and (min-width: 768px) {
  .EKsYiQ.gTv28Q {
    grid-column-start: span 12;
  }
}
@media screen and (min-width: 1024px) {
  .EKsYiQ.gwNBFQ {
    grid-column-start: span 12;
  }
}
@media screen and (min-width: 1280px) {
  .EKsYiQ.S1AdGQ {
    grid-column-start: span 12;
  }
}
@media screen and (min-width: 1440px) {
  .EKsYiQ.kIQ7zQ {
    grid-column-start: span 12;
  }
}
@media screen and (min-width: 1920px) {
  .EKsYiQ.CqnS9Q {
    grid-column-start: span 12;
  }
}
@media (max-width: 768px) {
  .EKsYiQ.s_SozQ {
    grid-column-start: span 12;
  }
}
@media (max-width: 1024px) {
  .EKsYiQ.z7FZ1Q {
    grid-column-start: span 12;
  }
}
@media (min-width: 1024px) {
  .EKsYiQ.HlamjQ {
    grid-column-start: span 12;
  }
}
/*# sourceMappingURL=GridLayout.styles.css.map */
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/ToggleGroup/Toggle.scss.css ***!
  \********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6846d3 {
  background-color: #fff;
  border: solid 1px #d5d7da;
  border-radius: 0;
  color: #101928;
  outline: none;
  transition: box-shadow 150ms ease-in-out;
}
._06c6846d3:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
._06c6846d3:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
._06c6846d3._7c8bde6d3 {
  box-shadow: 0 4px 8px 0 rgba(16, 25, 40, 0.1);
}
._06c6846d3.e61a916d3 {
  background-color: #6950f3;
  border-color: #6950f3;
  color: #fff;
}
._06c6846d3._17ebda6d3 {
  color: #878c93;
}
._06c6846d3._17ebda6d3.e61a916d3 {
  background-color: #d5d7da;
  border-color: #d5d7da;
  color: #fff;
}
._06c6846d3._0652156d3 {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  width: 64px;
  padding: 11px;
}
._06c6846d3.f5509e6d3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 45px;
  padding: 0;
}
/*!*************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/ToggleGroup/ToggleGroup.scss.css ***!
  \*************************************************************************************************************************************/
._06c6b102d .c96c6b02d {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
/*!*************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/AutocompleteField/AutocompleteField.scss.css ***!
  \*************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c63ad10 {
  position: relative;
}
._06c63ad10._8cc724d10 {
  margin-bottom: 40px;
}
._06c63ad10._8cc724d10._6621c0d10 {
  margin-bottom: 300px;
}
._06c63ad10._8cc724d10 .f2c969d10 {
  max-height: 280px;
}
._06c63ad10 .f2c969d10 {
  z-index: 11;
  list-style: none;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  border-radius: 8px;
  border: 1px solid #d5d7da;
  background: white;
  box-shadow: 0 8px 16px 0 rgba(16, 25, 40, 0.1);
  padding: 8px 0;
  margin-bottom: 4px;
  max-height: calc(100vh - 100% - 4px);
  overflow: auto;
  display: none;
}
._06c63ad10 .f2c969d10._6621c0d10 {
  display: block;
}
._06c63ad10 ._57c7c5d10 {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #101928;
  display: block;
  width: 100%;
  background: none;
  border: 1px solid transparent;
  outline: none;
  padding: 12px 16px;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
}
._06c63ad10 ._57c7c5d10:hover, ._06c63ad10 ._57c7c5d10:active, ._06c63ad10 ._57c7c5d10.c51f0cd10 {
  border-color: #f2f2f7;
  background-color: #f2f2f7;
}
._06c63ad10 ._57c7c5d10.d7cbccd10 {
  color: #6950f3;
}
/*!*****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/BirthdayField/BirthdayField.scss.css ***!
  \*****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6b3cf0 ._4097c3cf0 {
  color: #b7babe;
}
/*!***************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/Select/Select.scss.css ***!
  \***************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c64f3c0 {
  position: relative;
  display: flex;
  border-radius: 8px;
  border: 1px solid #d5d7da;
  background-color: #fff;
  width: 100%;
  overflow: hidden;
}
._06c64f3c0:not(._17ebef3c0) {
  transition: box-shadow 150ms ease-in-out, border-color 150ms ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  ._06c64f3c0:not(._17ebef3c0):hover {
    box-shadow: var(--input-no-shadow, 0 4px 6px 0 rgba(16, 25, 40, 0.06));
    border: var(--input-no-shadow-border, 1px solid #d5d7da);
  }
}
._06c64f3c0:focus-within {
  border-color: #6950f3;
}
._06c64f3c0 .b1a3dd3c0 {
  font-family: "Roobert PRO", sans-serif;
  color: #101928;
  background-color: #fff;
  border: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  cursor: pointer;
}
._06c64f3c0 .b1a3dd3c0:disabled {
  cursor: default;
}
._06c64f3c0 .b1a3dd3c0 ::-ms-expand {
  display: none;
}
._06c64f3c0 .b1a3dd3c0._17ebef3c0 {
  color: #878c93;
}
._06c64f3c0 .b1a3dd3c0:required:invalid {
  color: #b7babe;
}
._06c64f3c0 .b1a3dd3c0 option {
  color: #101928;
}
._06c64f3c0 ._40977e3c0 {
  color: #b7babe;
}
._06c64f3c0 .e97b843c0, ._06c64f3c0 .e7a2893c0 {
  flex: 0 0 auto;
  padding: 12px 11px;
  color: #878c93;
  border-right: solid 1px #d5d7da;
  user-select: none;
}
._06c64f3c0 .e7a2893c0 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
._06c64f3c0.f3faa03c0 .b1a3dd3c0 {
  padding-left: 0;
}
._06c64f3c0.f3faa03c0 .e7a2893c0,
._06c64f3c0.f3faa03c0 .e97b843c0 {
  border-right: none;
}
._06c64f3c0 .caabdc3c0 {
  display: flex;
  align-items: center;
  height: 100%;
  right: 16px;
  position: absolute;
  column-gap: 8px;
}
._06c64f3c0 .a1b78d3c0 {
  width: 16px;
}
._06c64f3c0 .d28ffe3c0 {
  pointer-events: none;
}
._06c64f3c0._0652e93c0 .b1a3dd3c0 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  height: 46px;
  padding: 10px 48px 10px 16px;
}
._06c64f3c0._0652e93c0 .e97b843c0 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 11px 12px;
}
._06c64f3c0._9ba61f3c0 .b1a3dd3c0 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  height: 38px;
  padding: 9px 48px 9px 16px;
}
._06c64f3c0._9ba61f3c0 .e97b843c0 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  padding: 9px 12px;
}
._06c64f3c0._7ebf8c3c0 {
  border-color: #da2346;
}
._06c64f3c0._17ebef3c0 {
  border-color: #d5d7da;
  background-color: var(--color-background-disabled, #f2f2f2);
  color: var(--color-foreground-disabled, #acacac);
}
._06c64f3c0._17ebef3c0 .b1a3dd3c0 {
  background-color: var(--color-background-disabled, #f2f2f2);
  color: var(--color-foreground-disabled, #acacac);
}
._06c64f3c0._17ebef3c0 .e7a2893c0,
._06c64f3c0._17ebef3c0 .e97b843c0 {
  color: var(--color-foreground-disabled, #acacac);
}
/*!************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Icon/ActionIcon.scss.css ***!
  \************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c627649 {
  position: relative;
  line-height: 0;
  cursor: pointer;
}
._06c627649 ._278e63649 {
  display: flex;
  flex-grow: 1;
}
._06c627649._4095fa649 {
  padding: 4px;
  border-radius: 8px;
  transition: background 300ms ease;
}
._06c627649._154efc649:hover, ._06c627649._154efc649._96875f649 {
  background: #404753;
}
._06c627649._145674649:hover, ._06c627649._145674649._96875f649 {
  background: #f2f2f7;
}
._06c627649._315f53649:hover, ._06c627649._315f53649._96875f649 {
  background: #e8e8ee;
}
._06c627649._4095fa649._17ebe1649 {
  pointer-events: none;
}
._06c627649._69c04d649 {
  line-height: 70px;
}
._06c627649._1f5bb4649 {
  opacity: 0;
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ProgressDots/ProgressDots.scss.css ***!
  \**********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
@keyframes f9ee93949 {
  50% {
    opacity: 0.2;
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
._06c64b949 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._06c64b949.adcafb949 {
  flex-grow: 1;
}
._06c64b949._205326949 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}
._06c64b949._992ad3949 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
._06c64b949 .e9deb7949 {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 6px;
  animation: f9ee93949 0.7s 0s infinite steps(25);
  background-color: #fff;
}
._06c64b949 .e9deb7949:nth-child(2n-1) {
  animation-delay: -0.35s;
}
._06c64b949._9ba63b949 .e9deb7949 {
  width: 4px;
  height: 4px;
  margin: 0 2px;
}
._06c64b949.c0e731949 .e9deb7949 {
  width: 6px;
  height: 6px;
  margin: 0 2px;
}
._06c64b949._8852ad949 .e9deb7949 {
  width: 8px;
  height: 8px;
  margin: 0 2px;
}
._06c64b949.b7c3f0949 .e9deb7949 {
  width: 10px;
  height: 10px;
  margin: 0 6px;
}
._06c64b949.e6bb0e949 .e9deb7949 {
  background-color: #101928;
}
._06c64b949._164754949 .e9deb7949 {
  background-color: #6950f3;
}
._06c64b949.b1f549949 .e9deb7949 {
  background-color: #da2346;
}
/*!*******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/Checkbox/Checkbox.scss.css ***!
  \*******************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c6c1cab {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d5d7da;
  box-shadow: 0 4px 6px 0 rgba(16, 25, 40, 0.06);
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color 250ms ease, border 250ms ease;
  cursor: pointer;
  outline: none;
}
._06c6c1cab .c2d4e8cab {
  height: 0;
  width: 0;
  transition: all 250ms ease;
}
._06c6c1cab .c96cf6cab {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
@media (hover: hover) and (pointer: fine) {
  ._06c6c1cab:hover {
    border: 1px solid #101928;
  }
}
._06c6c1cab.e61ae1cab {
  background-color: #6950f3;
  border: none;
}
._06c6c1cab.e61ae1cab .c2d4e8cab {
  height: 14px;
  width: 14px;
}
._06c6c1cab.e61ae1cab._7ebf20cab {
  background-color: #da2346;
}
._06c6c1cab._17eb36cab {
  background-color: #e7e8e9;
  box-shadow: unset;
  border: unset;
  cursor: default;
}
._06c6c1cab.fe9394cab {
  border-radius: 50%;
  box-shadow: unset;
}
._06c6c1cab.fe9394cab.e61ae1cab {
  background-color: #6950f3;
  border: none;
}
._06c6c1cab.fe9394cab.e61ae1cab .c2d4e8cab {
  height: 12px;
  width: 12px;
}
._06c6c1cab.fe9394cab._17eb36cab {
  border: 1px solid #e7e8e9;
  background-color: #e7e8e9;
}
._06c6c1cab.f8def6cab {
  border: 1px solid #d5d7da;
  border-radius: 50%;
  box-shadow: unset;
}
._06c6c1cab.f8def6cab.e61ae1cab {
  background-color: #fff;
}
._06c6c1cab.f8def6cab.e61ae1cab .c2d4e8cab {
  height: 12px;
  width: 12px;
}
._06c6c1cab.f8def6cab._17eb36cab {
  border: 1px solid #e7e8e9;
  background-color: #e7e8e9;
}
/*!***************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/Switch/Switch.scss.css ***!
  \***************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c62ba43 {
  flex: 0 0 48px;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: #d5d7da;
  height: 24px;
  position: relative;
  vertical-align: middle;
  align-self: flex-start;
  width: 48px;
  user-select: none;
  pointer-events: none;
  transition: background-color 0.3s;
  box-sizing: border-box;
  padding: 2px;
}
._06c62ba43 .c96c09a43 {
  display: none;
}
._06c62ba43 .c96c09a43[readonly] {
  -webkit-touch-callout: none;
  user-select: none;
}
._06c62ba43 .c96c09a43:focus {
  outline: none;
  box-shadow: none;
}
._06c62ba43 ._7410cea43 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  border-radius: 15px;
  height: 20px;
  width: 20px;
  transition: transform 0.3s, box-shadow 0.3s;
}
._06c62ba43 ._0c034ca43 {
  opacity: 0;
  transition: opacity 0.2s;
}
._06c62ba43:hover {
  border: 1px solid #6950f3;
}
._06c62ba43.e61a6ca43 {
  background-color: #6950f3;
}
._06c62ba43.e61a6ca43 ._7410cea43 {
  background-color: white;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15), 0 3px 1px 0 rgba(0, 0, 0, 0.06);
  transform: translateX(23px);
}
._06c62ba43._17ebc8a43 {
  cursor: auto;
  background-color: #d5d7da;
}
._06c62ba43._17ebc8a43 ._7410cea43 {
  background-color: #b7babe;
}
._06c62ba43.ca0073a43 {
  background-color: white;
  border: 1px solid #da2346;
}
._06c62ba43.ca0073a43 ._7410cea43 {
  background-color: #da2346;
}
._06c62ba43._1449ada43 ._0c034ca43 {
  cursor: auto;
  opacity: 1;
}
/*!***********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/LabelField/LabelField.scss.css ***!
  \***********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c6afe7d {
  display: flex;
  flex-direction: row;
  font-family: "Roobert PRO", sans-serif;
  box-sizing: border-box;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
._06c6afe7d.b08ca3e7d {
  padding: 0 16px 24px 16px;
}
._06c6afe7d ._927a3be7d {
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  opacity: 0.01;
  overflow: hidden;
}
._06c6afe7d ._1aca59e7d {
  flex-grow: 1;
  color: #101928;
}
._06c6afe7d .efe8fae7d {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  flex-grow: 0;
  color: #878c93;
  margin-left: 4px;
}
._06c6afe7d ._2872e6e7d {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
}
._06c6afe7d ._2704c5e7d {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  flex-grow: 1;
}
._06c6afe7d ._009ea4e7d {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin: 4px 0 0 0;
  color: #878c93;
}
@media (max-width: 767px) {
  ._06c6afe7d._6c8669e7d {
    padding-left: 0;
    padding-right: 0;
  }
  ._06c6afe7d._6c8669e7d:not(:last-child) {
    margin-bottom: 24px;
    border-bottom: 1px solid #e7e8e9;
  }
}
._06c6afe7d.ec1aa6e7d {
  padding-left: 0;
  padding-right: 0;
}
._06c6afe7d._5d04afe7d {
  padding-left: 0;
  padding-right: 8px;
}
._06c6afe7d._2f33e5e7d {
  padding-left: 8px;
  padding-right: 8px;
}
._06c6afe7d.a85fe4e7d {
  padding-left: 8px;
  padding-right: 0;
}
._06c6afe7d._5e739fe7d {
  padding-bottom: 0;
}
._06c6afe7d._8c2bc9e7d ._1aca59e7d {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}
._06c6afe7d._8c2bc9e7d ._3707ade7d {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}
._06c6afe7d._1e95abe7d ._1aca59e7d {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}
._06c6afe7d._1e95abe7d ._3707ade7d {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
}
._06c6afe7d.cb68d9e7d ._1aca59e7d {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
@media (max-width: 768px) {
  ._06c6afe7d.bbef53e7d {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  ._06c6afe7d.bbef53e7d ._2704c5e7d {
    margin-left: 0;
    margin-right: 16px;
  }
}
._06c6afe7d._7ebf4ce7d ._009ea4e7d {
  color: #da2346;
}
._06c6afe7d._17ebd9e7d ._1aca59e7d {
  color: #878c93;
}
/*!**************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/BooleanField.scss.css ***!
  \**************************************************************************************************************************/
._78b4e72bf {
  align-self: flex-start;
}

._6fe98b2bf {
  align-self: flex-start;
}
/*!***********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/CheckboxMultiple/CheckboxMultiple.scss.css ***!
  \***********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6ba69b ._7ac6f269b {
  padding-bottom: 24px;
}
._06c6ba69b ._7ac6f269b:first-child {
  margin-top: 11px;
}
._06c6ba69b ._7ac6f269b.d5244969b {
  padding-bottom: 8px;
}
._06c6ba69b ._7ac6f269b:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
._06c6ba69b ._7ac6f269b.d5244969b + ._7ac6f269b.d5244969b {
  padding-top: 8px;
}
._06c6ba69b ._7ac6f269b._46950f69b {
  border-bottom: none;
}
/*!***************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/CheckBoxFieldArray/CheckBoxFieldArray.scss.css ***!
  \***************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6bdcdb button:active,
._06c6bdcdb button:focus {
  color: inherit;
}
._06c6bdcdb ._93b959cdb ._2101a2cdb ._6347adcdb {
  text-align: left;
  padding-left: 20px;
}
._06c6bdcdb ._93b959cdb ._2101a2cdb ._6347adcdb.b632afcdb {
  width: 100%;
  padding: 0;
}
@media (min-width: 768px) {
  ._06c6bdcdb ._93b959cdb ._2101a2cdb ._6347adcdb.b632afcdb {
    margin-right: 16px;
  }
}
._06c6bdcdb ._93b959cdb ._2101a2cdb ._6347adcdb._93cfedcdb {
  padding-left: 0;
}
@media (min-width: 768px) {
  ._06c6bdcdb ._93b959cdb ._2101a2cdb ._6347adcdb {
    padding-left: 48px;
  }
}
@media (min-width: 768px) {
  ._06c6bdcdb ._93b959cdb ._2101a2cdb ._4f1a96cdb {
    margin-left: 48px;
  }
}
@media (min-width: 768px) {
  ._06c6bdcdb ._93b959cdb ._2101a2cdb ._1cca9dcdb {
    padding-left: 48px;
  }
}
._06c6bdcdb ._4b688ecdb ._2101a2cdb ._6347adcdb {
  text-align: left;
  padding-left: 36px;
}
._06c6bdcdb ._4b688ecdb ._2101a2cdb ._6347adcdb.b632afcdb {
  width: 100%;
  padding: 0;
}
@media (min-width: 768px) {
  ._06c6bdcdb ._4b688ecdb ._2101a2cdb ._6347adcdb.b632afcdb {
    margin-right: 16px;
  }
}
._06c6bdcdb ._4b688ecdb ._2101a2cdb ._6347adcdb._93cfedcdb {
  padding-left: 0;
}
@media (min-width: 768px) {
  ._06c6bdcdb ._4b688ecdb ._2101a2cdb ._6347adcdb {
    padding-left: 64px;
  }
}
@media (min-width: 768px) {
  ._06c6bdcdb ._4b688ecdb ._2101a2cdb ._4f1a96cdb {
    margin-left: 64px;
  }
}
@media (min-width: 768px) {
  ._06c6bdcdb ._4b688ecdb ._2101a2cdb ._1cca9dcdb {
    padding-left: 64px;
  }
}
._06c6bdcdb ._6aac8dcdb ._2101a2cdb ._6347adcdb {
  text-align: left;
  padding-left: 52px;
}
._06c6bdcdb ._6aac8dcdb ._2101a2cdb ._6347adcdb.b632afcdb {
  width: 100%;
  padding: 0;
}
@media (min-width: 768px) {
  ._06c6bdcdb ._6aac8dcdb ._2101a2cdb ._6347adcdb.b632afcdb {
    margin-right: 16px;
  }
}
._06c6bdcdb ._6aac8dcdb ._2101a2cdb ._6347adcdb._93cfedcdb {
  padding-left: 0;
}
@media (min-width: 768px) {
  ._06c6bdcdb ._6aac8dcdb ._2101a2cdb ._6347adcdb {
    padding-left: 80px;
  }
}
@media (min-width: 768px) {
  ._06c6bdcdb ._6aac8dcdb ._2101a2cdb ._4f1a96cdb {
    margin-left: 80px;
  }
}
@media (min-width: 768px) {
  ._06c6bdcdb ._6aac8dcdb ._2101a2cdb ._1cca9dcdb {
    padding-left: 80px;
  }
}
._06c6bdcdb .f38548cdb ._2101a2cdb ._6347adcdb {
  text-align: left;
  padding-left: 68px;
}
._06c6bdcdb .f38548cdb ._2101a2cdb ._6347adcdb.b632afcdb {
  width: 100%;
  padding: 0;
}
@media (min-width: 768px) {
  ._06c6bdcdb .f38548cdb ._2101a2cdb ._6347adcdb.b632afcdb {
    margin-right: 16px;
  }
}
._06c6bdcdb .f38548cdb ._2101a2cdb ._6347adcdb._93cfedcdb {
  padding-left: 0;
}
@media (min-width: 768px) {
  ._06c6bdcdb .f38548cdb ._2101a2cdb ._6347adcdb {
    padding-left: 96px;
  }
}
@media (min-width: 768px) {
  ._06c6bdcdb .f38548cdb ._2101a2cdb ._4f1a96cdb {
    margin-left: 96px;
  }
}
@media (min-width: 768px) {
  ._06c6bdcdb .f38548cdb ._2101a2cdb ._1cca9dcdb {
    padding-left: 96px;
  }
}
._06c6bdcdb ._629da4cdb ._2101a2cdb ._6347adcdb {
  text-align: left;
  padding-left: 84px;
}
._06c6bdcdb ._629da4cdb ._2101a2cdb ._6347adcdb.b632afcdb {
  width: 100%;
  padding: 0;
}
@media (min-width: 768px) {
  ._06c6bdcdb ._629da4cdb ._2101a2cdb ._6347adcdb.b632afcdb {
    margin-right: 16px;
  }
}
._06c6bdcdb ._629da4cdb ._2101a2cdb ._6347adcdb._93cfedcdb {
  padding-left: 0;
}
@media (min-width: 768px) {
  ._06c6bdcdb ._629da4cdb ._2101a2cdb ._6347adcdb {
    padding-left: 112px;
  }
}
@media (min-width: 768px) {
  ._06c6bdcdb ._629da4cdb ._2101a2cdb ._4f1a96cdb {
    margin-left: 112px;
  }
}
@media (min-width: 768px) {
  ._06c6bdcdb ._629da4cdb ._2101a2cdb ._1cca9dcdb {
    padding-left: 112px;
  }
}
._06c6bdcdb ._6347adcdb {
  display: flex;
  padding: 24px 20px;
  background-color: transparent;
  outline: none;
  border: none;
  width: 100%;
}
._06c6bdcdb ._6347adcdb.bc5c24cdb {
  align-items: flex-start;
}
._06c6bdcdb ._6347adcdb._6355d0cdb ._6fe905cdb {
  margin-top: 18px;
}
._06c6bdcdb ._6347adcdb._6355d0cdb ._6fe905cdb._0fc3dccdb {
  margin-top: 0;
  align-items: center;
}
._06c6bdcdb ._6347adcdb.cae50acdb {
  align-items: center;
}
@media (min-width: 768px) {
  ._06c6bdcdb ._6347adcdb {
    padding: 24px 24px;
  }
  ._06c6bdcdb ._6347adcdb:not(.f760e7cdb):hover {
    background-color: #f8f8fb;
    cursor: pointer;
  }
  ._06c6bdcdb ._6347adcdb:not(.f760e7cdb):hover.b632afcdb {
    background-color: transparent;
    color: #101928;
  }
  ._06c6bdcdb ._6347adcdb:not(.f760e7cdb):hover .aaf2b9cdb ._6c35c5cdb {
    background-color: #fff;
  }
}
._06c6bdcdb ._6347adcdb ._6fe905cdb {
  margin-right: 16px;
}
._06c6bdcdb ._6347adcdb .aaf2b9cdb {
  display: flex;
  align-items: center;
  flex: 1;
}
._06c6bdcdb ._6347adcdb .aaf2b9cdb.e0005bcdb {
  font-weight: bold;
}
._06c6bdcdb ._6347adcdb .aaf2b9cdb ._6c35c5cdb {
  border-radius: 12px;
  background-color: #f2f2f7;
  margin-left: 8px;
  margin-bottom: 0;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  line-height: 24px;
  margin-top: 0;
  flex-shrink: 0;
}
._06c6bdcdb ._6347adcdb.b632afcdb {
  width: 100%;
  padding: 0;
}
._06c6bdcdb ._4f1a96cdb {
  border-bottom: 1px solid #e7e8e9;
  margin-left: 20px;
}
._06c6bdcdb ._4f1a96cdb.a18b61cdb {
  margin-left: 0;
}
@media (min-width: 768px) {
  ._06c6bdcdb ._4f1a96cdb {
    margin-left: 32px;
  }
}
@media (max-width: 767px) {
  ._06c6bdcdb .a8e6cdcdb {
    border-bottom: 16px solid #f2f2f7;
  }
}
._06c6bdcdb._8510edcdb ._6347adcdb {
  padding-top: 12px;
  padding-bottom: 12px;
}
._06c6bdcdb.c11d54cdb ._6347adcdb {
  padding-top: 16px;
  padding-bottom: 16px;
}
._06c6bdcdb.d86af2cdb ._6347adcdb {
  padding-top: 24px;
  padding-bottom: 24px;
}
._06c6bdcdb._5f7b0dcdb ._6347adcdb {
  padding-left: 0;
}
._06c6bdcdb._5f7b0dcdb ._4f1a96cdb {
  margin-left: 0;
}
@media (min-width: 768px) {
  ._06c6bdcdb._5f7b0dcdb .ae85d4cdb ._2101a2cdb ._6347adcdb {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  ._06c6bdcdb._5f7b0dcdb {
    padding-left: 0;
  }
}
._06c6bdcdb._31f462cdb ._6347adcdb:hover {
  background-color: transparent;
}
._06c6bdcdb._31f462cdb ._6347adcdb:hover .aaf2b9cdb ._6c35c5cdb {
  background-color: #f2f2f7;
}
@media (min-width: 768px) {
  ._06c6bdcdb._31f462cdb ._2101a2cdb {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  ._06c6bdcdb._31f462cdb ._2101a2cdb._9ce7d9cdb {
    column-gap: 16px;
  }
  ._06c6bdcdb._31f462cdb ._2101a2cdb._67fbb8cdb {
    column-gap: 0;
  }
  ._06c6bdcdb._31f462cdb ._4f1a96cdb {
    display: none;
  }
}
._06c6bdcdb.fdb463cdb:not(._31f462cdb):not(._5f7b0dcdb) .ae85d4cdb ._6347adcdb {
  padding-left: 20px;
}
@media (min-width: 768px) {
  ._06c6bdcdb.fdb463cdb:not(._31f462cdb):not(._5f7b0dcdb) .ae85d4cdb ._6347adcdb {
    padding-left: 32px;
  }
}
._06c6bdcdb.fdb463cdb:not(._31f462cdb):not(._5f7b0dcdb) .ae85d4cdb ._4f1a96cdb {
  margin-left: 20px;
}
@media (min-width: 768px) {
  ._06c6bdcdb.fdb463cdb:not(._31f462cdb):not(._5f7b0dcdb) .ae85d4cdb ._4f1a96cdb {
    margin-left: 32px;
  }
}
._06c6bdcdb.fdb463cdb:not(._31f462cdb):not(._5f7b0dcdb) .ae85d4cdb > ._4f1a96cdb {
  margin-left: 0;
}
/*!************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DeprecatedAccordion/DeprecatedAccordion.scss.css ***!
  \************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c683c7c {
  width: 100%;
  will-change: transform;
  transform: translateZ(0);
}
._06c683c7c ._1e05d3c7c {
  box-sizing: border-box;
  display: flex;
  padding: 24px 32px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  border: 1px solid transparent;
  outline: none;
  cursor: pointer;
  position: relative;
}
._06c683c7c ._1e05d3c7c ._6fe9c7c7c {
  background-color: transparent;
  border: 0 solid transparent;
  padding: 0;
  margin-right: 16px;
}
._06c683c7c ._1e05d3c7c::after {
  display: block;
  height: 1px;
  background: #e7e8e9;
  content: " ";
  width: calc(100% - 32px);
  position: absolute;
  bottom: -1px;
}
._06c683c7c ._1e05d3c7c._469512c7c::after {
  display: none;
}
._06c683c7c ._1e05d3c7c:hover {
  background-color: #f2f2f7;
}
._06c683c7c ._1e05d3c7c:focus {
  outline: none;
  background-color: #e7e8ff;
  border: 1px solid #b0b1fd;
}
._06c683c7c ._1e05d3c7c:focus::after {
  display: none;
}
._06c683c7c ._1e05d3c7c:active {
  color: unset;
}
._06c683c7c ._1e05d3c7c._5f7b4fc7c {
  padding: 0;
}
@media (max-width: 767px) {
  ._06c683c7c ._1e05d3c7c {
    padding: 24px 20px;
  }
  ._06c683c7c ._1e05d3c7c:hover {
    background-color: transparent;
  }
}
._06c683c7c .ed7075c7c {
  display: flex;
  filter: opacity(0%);
  transition: max-height 0.3s ease-in-out, filter 0.3s ease-in-out;
  overflow: hidden;
  will-change: transform;
  transform: translateZ(0);
}
._06c683c7c .ed7075c7c._691649c7c {
  filter: opacity(100%);
}
._06c683c7c .ed7075c7c ._33bf0ac7c {
  width: 100%;
  margin: 32px;
}
._06c683c7c .ed7075c7c._5f7b4fc7c ._33bf0ac7c {
  margin: 0;
}
@media (max-width: 767px) {
  ._06c683c7c .ed7075c7c ._33bf0ac7c {
    margin: 20px;
  }
  ._06c683c7c .ed7075c7c._5f7b4fc7c ._33bf0ac7c {
    margin: 0;
  }
}
._06c683c7c .b55ab2c7c {
  transform: rotate(0deg);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 767px) {
  ._06c683c7c .b55ab2c7c {
    margin-left: 12px;
  }
}
._06c683c7c .b55ab2c7c._691649c7c {
  transform: rotate(180deg);
}
._06c683c7c.afd98fc7c {
  background-color: #f8f8fb;
}
._06c683c7c.afd98fc7c ._1e05d3c7c {
  padding: 24px;
}
._06c683c7c.afd98fc7c ._1e05d3c7c::after {
  display: none;
}
._06c683c7c.afd98fc7c ._1e05d3c7c._691649c7c::after {
  display: block;
  width: calc(100% - 48px);
}
._06c683c7c.afd98fc7c ._1e05d3c7c._691649c7c:focus::after {
  display: none;
}
._06c683c7c.afd98fc7c .ed7075c7c ._33bf0ac7c {
  padding: 24px;
}
@media (max-width: 767px) {
  ._06c683c7c.afd98fc7c ._1e05d3c7c {
    padding: 16px;
  }
  ._06c683c7c.afd98fc7c ._1e05d3c7c._691649c7c::after {
    display: block;
    width: calc(100% - 32px);
  }
  ._06c683c7c.afd98fc7c .ed7075c7c ._33bf0ac7c {
    margin: 16px;
  }
  ._06c683c7c.afd98fc7c .ed7075c7c._5f7b4fc7c ._33bf0ac7c {
    margin: 0;
  }
}
._06c683c7c._010230c7c {
  border-radius: 4px;
}
._06c683c7c._010230c7c ._1e05d3c7c {
  border-radius: 4px;
}
._06c683c7c._7ebff1c7c {
  border: 1px solid #da2346;
}
._06c683c7c .a1b75fc7c {
  margin-left: auto;
  margin-right: 16px;
}
/*!***********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/DateSelect/DateSelect.scss.css ***!
  \***********************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._7ecaf91da {
  border: solid 1px #d5d7da;
  box-shadow: 0 8px 16px 0 rgba(16, 25, 40, 0.08);
  border-radius: 8px;
  padding: 20px;
}
@media (min-width: 545px) {
  ._7ecaf91da._53d5211da {
    padding: 28px 32px 32px 32px;
  }
}
@media (min-width: 545px) {
  ._7ecaf91da.a78ed51da {
    padding: 16px 16px 16px 16px;
  }
}
/*!***************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/SelectButton/SelectButton.scss.css ***!
  \***************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c6c25cc {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  border: 1px solid #d5d7da;
  background-color: #fff;
  outline: none;
}
._06c6c25cc .c96c8c5cc {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: "Roobert PRO", sans-serif;
  color: #101928;
  cursor: pointer;
  flex: 1 1 auto;
  min-width: 0;
  padding: 10px 48px 11px 15px;
  height: 46px;
  border: 0;
  white-space: nowrap;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: border-color 150ms ease-in-out;
}
._06c6c25cc .c96c8c5cc._17ebdc5cc {
  color: var(--color-foreground-disabled, #acacac);
}
._06c6c25cc .c96c8c5cc._6e45b65cc {
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
  flex: 0 0 auto;
  padding: 0 24px 0 0;
  height: 22px;
}
._06c6c25cc ._4097575cc {
  color: #b7babe;
}
@media (hover: hover) {
  ._06c6c25cc:hover, ._06c6c25cc._7c8bad5cc {
    box-shadow: var(--input-no-shadow, 0 4px 6px 0 rgba(16, 25, 40, 0.06));
    border: var(--input-no-shadow-border, 1px solid #d5d7da);
  }
}
._06c6c25cc._6e45b65cc {
  border: none;
}
@media (hover: hover) {
  ._06c6c25cc._6e45b65cc:hover, ._06c6c25cc._6e45b65cc._7c8bad5cc {
    box-shadow: none;
    border: none;
  }
}
._06c6c25cc._6e45b65cc._96875e5cc {
  border: none;
}
._06c6c25cc._6e45b65cc .a1b77d5cc {
  height: 16px;
  width: 16px;
  position: relative;
}
._06c6c25cc._96875e5cc {
  border: 1px solid #6950f3;
}
._06c6c25cc .a1b77d5cc {
  display: flex;
  align-items: center;
  height: 100%;
  right: 16px;
  width: 16px;
  position: absolute;
  pointer-events: none;
}
._06c6c25cc ._02ffae5cc {
  display: flex;
  align-items: center;
  padding: 13px 15px;
}
._06c6c25cc.ca00735cc {
  border-color: #da2346;
}
._06c6c25cc._17ebdc5cc {
  border-color: #d5d7da;
  background-color: var(--color-background-disabled, #f2f2f2);
  color: var(--color-foreground-disabled, #acacac);
  cursor: default;
}
._06c6c25cc._17ebdc5cc .c96c8c5cc {
  background-color: var(--color-background-disabled, #f2f2f2);
  color: var(--color-foreground-disabled, #acacac);
  cursor: default;
}
/*!********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Popup/Popup.scss.css ***!
  \********************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c629661 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
}

.ed70c8661 {
  position: fixed;
  z-index: 2000;
  transition: transform 120ms ease-out, opacity 120ms ease-out;
}
.ed70c8661._89b9a2661 {
  background-color: white;
}
.ed70c8661.b3dee7661 {
  box-shadow: 0 10px 20px 10px rgba(16, 25, 40, 0.25);
}
.ed70c8661.d0ec7a661 {
  transform: translateY(0);
  opacity: 1;
}
.ed70c8661.bec6ad661 {
  transform: translateY(-25%);
  opacity: 0;
}
.ed70c8661.bec6ad661._5b88eb661 {
  transform: translateY(25%);
}
.ed70c8661._8a5beb661 {
  opacity: 0;
  transition: opacity 100ms ease-out;
}

/* stylelint-disable */
/*!************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Overlay/Overlay.scss.css ***!
  \************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c668654 {
  position: fixed;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2000;
  cursor: default;
  background: rgba(135, 140, 147, 0.5);
}
._06c668654._10e98e654 {
  background: transparent;
}
/*!******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DatePicker/DatePicker.scss.css ***!
  \******************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
.a62280e30,
.a42d11e30 {
  position: relative;
}
.a62280e30:focus,
.a42d11e30:focus {
  outline: none;
}

._0560c6e30._944c4fe30 {
  cursor: default;
}

._7beaf2e30 {
  position: absolute;
  left: 0;
  right: 0;
}

.d3cc70e30,
.b6ccabe30 {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8cGF0aCBmaWxsPSIjNjc3NjhjIiBkPSJNMTEuMzE2IDEzLjc2MmwuNDU4LS40OGMuMTUtLjE2OC4yMjYtLjM2Mi4yMjYtLjU4NSAwLS4yMjctLjA3NS0uNDItLjIyNi0uNTc4TDguODA0IDlsMi45Ny0zLjEyYy4xNS0uMTU4LjIyNi0uMzUuMjI2LS41NzcgMC0uMjIzLS4wNzUtLjQxNy0uMjI2LS41ODRsLS40NTgtLjQ3OEMxMS4xNiA0LjA4IDEwLjk3NiA0IDEwLjc2IDRjLS4yMiAwLS40MDQuMDgtLjU1LjI0NEw2LjIzMiA4LjQyMkM2LjA3NyA4LjU3NiA2IDguNzcgNiA5YzAgLjIyNy4wNzcuNDIyLjIzMi41ODRsMy45NzggNC4xNzhjLjE1LjE2LjMzNC4yMzguNTUuMjM4LjIxIDAgLjM5Ny0uMDguNTU2LS4yMzh6Ii8+PC9zdmc+);
  transition: background-color 200ms;
  cursor: pointer;
  outline: none;
}
.d3cc70e30:hover,
.b6ccabe30:hover {
  background-color: #e8e8ee;
}
.d3cc70e30::before,
.b6ccabe30::before {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: calc(100% + 30px);
  height: calc(100% + 10px);
}

.d3cc70e30 {
  left: 0;
}

.b6ccabe30 {
  right: 0;
  transform: rotate(180deg);
}

._8fe5cae30 {
  display: none;
}

._168309e30 {
  display: flex;
  flex-direction: column;
}
._168309e30 > * + * {
  margin-top: 16px;
}
@media (min-width: 769px) {
  ._168309e30 {
    flex-direction: row;
  }
  ._168309e30 > * + * {
    margin-top: 0;
    margin-left: 16px;
  }
}
._168309e30:focus {
  outline: none;
}

.a5c710e30 {
  width: 100%;
  min-width: 376px;
}
.bbd651e30 .a5c710e30 {
  min-width: 280px;
}

._176cf1e30 {
  height: 40px;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  color: #101928;
}
@media (min-width: 769px) {
  ._176cf1e30 {
    font-size: 18px;
  }
}

._90aef7e30,
._6df37ce30 {
  display: flex;
  justify-content: space-between;
}

._82d066e30,
._944c4fe30,
._176cf1e30 {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  justify-content: center;
}

._82d066e30 {
  height: 40px;
  font-size: 15px;
  font-weight: 500;
  color: #101928;
}
@media (min-width: 769px) {
  ._82d066e30 {
    font-weight: 600;
  }
}
._82d066e30 abbr[title] {
  text-decoration: none;
}

._944c4fe30 {
  position: relative;
  height: 36px;
  margin: 2px 0;
  font-weight: 400;
  font-size: 15px;
  color: #101928;
  cursor: pointer;
}
._944c4fe30::before, ._944c4fe30::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  height: 36px;
  transform: translateY(-50%);
  z-index: -2;
}
._944c4fe30::after {
  left: 50%;
  width: 36px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
._944c4fe30:hover:not(.d7cb4de30)::after {
  background: #f8f8fb;
}
._944c4fe30:focus {
  outline: none;
}

.e0f480e30::after {
  border: 1px solid #101928;
}

.d7cb4de30 {
  font-weight: 600;
  color: #fff;
}
.d7cb4de30::after {
  content: "";
  width: 36px;
  height: 36px;
  background: #101928;
  border-radius: 50%;
}

._312045e30 {
  color: #b7babe;
  cursor: default;
}
._312045e30::before, ._312045e30::after {
  content: none !important;
}

._17eb3de30 {
  color: #b7babe;
}
/*!**********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Button/Button.scss.css ***!
  \**********************************************************************************************************************/
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c695baf {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  font-family: "Roobert PRO", sans-serif;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  position: relative;
  -webkit-appearance: none;
}
._06c695baf._995cf1baf {
  display: inline-flex;
}
._06c695baf ._7b6cb7baf {
  color: #da2346;
}
._06c695baf.adcad6baf {
  flex-grow: 1;
}
._06c695baf.b2c7cbbaf {
  white-space: nowrap;
}
._06c695baf ._01b8b7baf {
  margin: 0;
  padding: 0;
}
._06c695baf ._6c5feebaf {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  border: 1px solid transparent;
}
._06c695baf ._407fb0baf {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 8px;
  position: relative;
  color: inherit;
  transition: background 300ms, border 300ms, color 300ms;
  background: transparent;
  box-sizing: border-box;
}
._06c695baf ._407fb0baf > :not(._6c5feebaf) + * {
  margin-left: 8px;
}
._06c695baf ._278e80baf {
  position: absolute;
  min-width: 66px;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: none;
  pointer-events: none;
}
._06c695baf._62a23abaf ._278e80baf {
  display: block;
}
._06c695baf._62a23abaf ._407fb0baf > * {
  visibility: hidden;
}
._06c695baf.b6b54ebaf {
  flex-direction: column;
}
._06c695baf.b6b54ebaf ._01b8b7baf {
  padding-top: 5px;
}
._06c695baf._1ef5d3baf ._407fb0baf {
  flex-direction: row-reverse;
}
._06c695baf._1ef5d3baf ._407fb0baf > :not(._6c5feebaf) + * {
  margin-right: 8px;
  margin-left: 0;
}
._06c695baf._12d5d6baf ._407fb0baf {
  padding: 9px 16px;
  min-height: 40px;
}
._06c695baf._9ba69bbaf ._407fb0baf {
  padding: 7px 15px;
  min-height: 40px;
  min-width: 120px;
}
._06c695baf._06520ebaf ._407fb0baf {
  padding: 11px 15px;
  min-height: 48px;
  min-width: 120px;
}
._06c695baf._88528bbaf ._407fb0baf {
  padding: 12px 23px;
  min-height: 56px;
  min-width: 120px;
}
._06c695baf.c3cadbbaf ._407fb0baf {
  border-radius: 40px;
}
._06c695baf._170c89baf ._407fb0baf {
  border-radius: 20px;
}
._06c695baf.abdaecbaf ._407fb0baf {
  border-radius: 16px;
}
._06c695baf._8f891cbaf ._407fb0baf {
  border-radius: 8px;
}
._06c695baf._9ba69bbaf.abdaecbaf ._407fb0baf, ._06c695baf._9ba69bbaf._8f891cbaf ._407fb0baf {
  padding: 7px 8px;
  min-height: 40px;
  min-width: 40px;
}
._06c695baf._06520ebaf.abdaecbaf ._407fb0baf, ._06c695baf._06520ebaf._8f891cbaf ._407fb0baf {
  padding: 11px;
  min-height: 48px;
  min-width: 48px;
}
._06c695baf._88528bbaf.abdaecbaf ._407fb0baf, ._06c695baf._88528bbaf._8f891cbaf ._407fb0baf {
  padding: 12px;
  min-height: 56px;
  min-width: 56px;
}
._06c695baf._9ba69bbaf.fc50c0baf ._407fb0baf, ._06c695baf._06520ebaf.fc50c0baf ._407fb0baf {
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  padding: 0;
}
._06c695baf._88528bbaf.fc50c0baf ._407fb0baf {
  min-width: 56px;
  min-height: 56px;
  max-width: 56px;
  max-height: 56px;
  height: 56px;
  width: 56px;
  border-radius: 50%;
  padding: 0;
}
._06c695baf._8c2bd2baf {
  border-color: #d5d7da;
}
._06c695baf._117f08baf ._407fb0baf {
  color: #fff;
  background-color: #101928;
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf._117f08baf ._407fb0baf:focus {
    border-color: #6950f3;
  }
  ._06c695baf._117f08baf ._407fb0baf:hover {
    background-color: #404753;
    border-color: transparent;
  }
}
._06c695baf._117f08baf ._407fb0baf:active {
  background-color: #878c93;
  border-color: transparent;
}
._06c695baf._117f08baf._933625baf ._407fb0baf {
  background-color: #404753;
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf._117f08baf._933625baf ._407fb0baf:hover {
    background-color: #878c93;
  }
}
._06c695baf._117f08baf._933625baf ._407fb0baf:active {
  background-color: #878c93;
}
._06c695baf.a79a50baf ._407fb0baf {
  background-color: #fff;
  border-color: #d5d7da;
  color: #101928;
  box-shadow: var(--button-no-shadow, 0 4px 6px 0 rgba(16, 25, 40, 0.1));
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf.a79a50baf ._407fb0baf:focus {
    border-color: #6950f3;
  }
  ._06c695baf.a79a50baf ._407fb0baf:hover {
    border-color: #101928;
  }
}
._06c695baf.a79a50baf ._407fb0baf:active {
  background-color: #101928;
  border-color: #101928;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf.a79a50baf._933625baf ._407fb0baf:hover {
    border-color: #404753;
  }
}
._06c695baf.a79a50baf._933625baf ._407fb0baf:active {
  background-color: #404753;
  border-color: #404753;
}
._06c695baf._507489baf ._407fb0baf {
  color: #fff;
  background-color: #da2346;
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf._507489baf ._407fb0baf:focus {
    background-color: #e45a74;
    border-color: #101928;
  }
  ._06c695baf._507489baf ._407fb0baf:hover {
    background-color: #e45a74;
    border-color: transparent;
  }
}
._06c695baf._507489baf ._407fb0baf:active {
  background-color: #e97b90;
  border-color: transparent;
}
._06c695baf._495fc5baf ._407fb0baf, ._06c695baf._525ae4baf ._407fb0baf {
  background-color: #fff;
  color: #da2346;
  border-color: #e7e8e9;
  box-shadow: var(--button-no-shadow, 0 4px 6px 0 rgba(16, 25, 40, 0.1));
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf._495fc5baf ._407fb0baf:focus, ._06c695baf._525ae4baf ._407fb0baf:focus {
    border-color: #6950f3;
  }
  ._06c695baf._495fc5baf ._407fb0baf:hover, ._06c695baf._525ae4baf ._407fb0baf:hover {
    border-color: #da2346;
  }
}
._06c695baf._495fc5baf ._407fb0baf:active, ._06c695baf._525ae4baf ._407fb0baf:active {
  background-color: #da2346;
  color: #fff;
}
._06c695baf._525ae4baf ._407fb0baf {
  border-color: #d5d7da;
  box-shadow: none;
}
._06c695baf.efab34baf ._407fb0baf {
  color: #6950f3;
  background-color: #fff;
  border-color: #d5d7da;
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf.efab34baf ._407fb0baf:focus {
    border-color: #6950f3;
  }
  ._06c695baf.efab34baf ._407fb0baf:hover {
    border-color: #6950f3;
  }
}
._06c695baf.efab34baf ._407fb0baf:active {
  background-color: #6950f3;
  color: #fff;
}
._06c695baf._7c725cbaf ._407fb0baf {
  color: #fff;
  background-color: #6950f3;
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf._7c725cbaf ._407fb0baf:focus {
    background-color: #8880ff;
    border-color: #101928;
  }
  ._06c695baf._7c725cbaf ._407fb0baf:hover {
    background-color: #8880ff;
  }
}
._06c695baf._7c725cbaf ._407fb0baf:active {
  background-color: #b0b1fd;
}
._06c695baf._7757d0baf ._407fb0baf {
  color: #101928;
  background-color: #fff;
  border-color: #d5d7da;
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf._7757d0baf ._407fb0baf:focus {
    border-color: #101928;
  }
  ._06c695baf._7757d0baf ._407fb0baf:hover {
    border-color: #101928;
  }
}
._06c695baf._7757d0baf ._407fb0baf:active {
  background-color: #6950f3;
  color: #fff;
  border-color: #6950f3;
}
._06c695baf._833b53baf ._407fb0baf {
  color: #6950f3;
  background-color: #fff;
  border-color: #d5d7da;
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf._833b53baf ._407fb0baf:focus {
    border-color: #6950f3;
  }
  ._06c695baf._833b53baf ._407fb0baf:hover {
    border-color: #6950f3;
  }
}
._06c695baf._833b53baf ._407fb0baf:active {
  background-color: #6950f3;
  color: #fff;
}
._06c695baf._38320fbaf ._407fb0baf {
  background-color: #6950f3;
  color: #fff;
  border-color: #d5d7da;
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf._38320fbaf ._407fb0baf:focus {
    border-color: #6950f3;
  }
  ._06c695baf._38320fbaf ._407fb0baf:hover {
    border-color: #6950f3;
  }
}
._06c695baf._38320fbaf ._407fb0baf:active {
  background-color: #6950f3;
  color: #fff;
}
._06c695baf.a7e617baf ._407fb0baf {
  color: #fff;
  background-color: #6950f3;
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf.a7e617baf ._407fb0baf:focus {
    background-color: #8880ff;
    border-color: #101928;
  }
  ._06c695baf.a7e617baf ._407fb0baf:hover {
    background-color: #8880ff;
    border-color: transparent;
  }
}
._06c695baf.a7e617baf ._407fb0baf:active {
  background-color: #b0b1fd;
  border-color: transparent;
}
._06c695baf._24657cbaf ._407fb0baf, ._06c695baf.c26c21baf ._407fb0baf {
  color: #fff;
  background-color: #404753;
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf._24657cbaf ._407fb0baf:focus, ._06c695baf.c26c21baf ._407fb0baf:focus {
    border-color: #6950f3;
  }
  ._06c695baf._24657cbaf ._407fb0baf:hover, ._06c695baf.c26c21baf ._407fb0baf:hover {
    background-color: #878c93;
    border-color: transparent;
  }
}
._06c695baf._24657cbaf ._407fb0baf:active, ._06c695baf.c26c21baf ._407fb0baf:active {
  background-color: #404753;
  border-color: transparent;
}
._06c695baf.c26c21baf ._407fb0baf {
  background-color: #101928;
  padding: 4px 30px;
  min-height: 40px;
}
@media (max-width: 767px) {
  ._06c695baf.c26c21baf ._407fb0baf {
    padding: 4px 24px;
  }
}
._06c695baf._0bb40dbaf ._407fb0baf, ._06c695baf._26a728baf ._407fb0baf, ._06c695baf._1b945dbaf ._407fb0baf {
  background-color: #fff;
  border-color: #d5d7da;
  color: #101928;
  box-shadow: none;
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf._0bb40dbaf ._407fb0baf:focus, ._06c695baf._26a728baf ._407fb0baf:focus, ._06c695baf._1b945dbaf ._407fb0baf:focus {
    border-color: #6950f3;
  }
  ._06c695baf._0bb40dbaf ._407fb0baf:hover, ._06c695baf._26a728baf ._407fb0baf:hover, ._06c695baf._1b945dbaf ._407fb0baf:hover {
    border-color: #101928;
  }
}
._06c695baf._0bb40dbaf ._407fb0baf:active, ._06c695baf._26a728baf ._407fb0baf:active, ._06c695baf._1b945dbaf ._407fb0baf:active {
  background-color: #101928;
  border-color: #101928;
  color: #fff;
}
._06c695baf._26a728baf ._407fb0baf {
  border-color: transparent;
}
._06c695baf._26a728baf ._407fb0baf:focus {
  border-color: transparent;
}
._06c695baf._26a728baf ._407fb0baf:active {
  border-color: transparent;
  background-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf._26a728baf ._407fb0baf:hover {
    background-color: #f8f8fb;
    border-color: transparent;
  }
}
._06c695baf._1b945dbaf._8f891cbaf ._407fb0baf {
  padding: 12px 20px 12px 24px;
}
._06c695baf._0bb40dbaf ._407fb0baf {
  padding: 4px 45px;
}
._06c695baf._0bb40dbaf ._407fb0baf ._5f7764baf {
  position: absolute;
  left: 15px;
  margin-right: 0;
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf._0bb40dbaf._933625baf ._407fb0baf:hover {
    border-color: #404753;
  }
}
._06c695baf._0bb40dbaf._933625baf ._407fb0baf:active {
  background-color: #404753;
  border-color: #404753;
}
._06c695baf._43a57abaf ._407fb0baf {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
  box-shadow: none;
}
@media (hover: hover) and (pointer: fine) {
  ._06c695baf._43a57abaf ._407fb0baf:focus {
    border-color: #6950f3;
  }
  ._06c695baf._43a57abaf ._407fb0baf:hover {
    border-color: rgba(255, 255, 255, 0.5);
  }
}
._06c695baf._43a57abaf ._407fb0baf:active {
  background-color: #fff;
  color: #101928;
}
._06c695baf.a79a50baf._56ac0bbaf ._407fb0baf svg path {
  transition: fill 300ms;
  fill: #101928;
}
._06c695baf.a79a50baf._56ac0bbaf ._407fb0baf:active svg path {
  fill: #fff;
}
._06c695baf._26a728baf._56ac0bbaf ._407fb0baf svg path {
  transition: fill 300ms;
  fill: #101928;
}
._06c695baf._26a728baf._56ac0bbaf ._407fb0baf:active svg path {
  fill: #101928;
}
._06c695baf._0bb40dbaf._56ac0bbaf ._407fb0baf svg path, ._06c695baf._7757d0baf._56ac0bbaf ._407fb0baf svg path {
  transition: fill 300ms;
  fill: #101928;
}
._06c695baf._0bb40dbaf._56ac0bbaf ._407fb0baf:active svg path, ._06c695baf._7757d0baf._56ac0bbaf ._407fb0baf:active svg path {
  fill: #fff;
}
._06c695baf._495fc5baf._56ac0bbaf ._407fb0baf svg path {
  transition: fill 300ms;
  fill: #da2346;
}
._06c695baf._495fc5baf._56ac0bbaf ._407fb0baf:active svg path {
  fill: #fff;
}
._06c695baf.efab34baf._56ac0bbaf ._407fb0baf svg path, ._06c695baf._833b53baf._56ac0bbaf ._407fb0baf svg path {
  transition: fill 300ms;
  fill: #6950f3;
}
._06c695baf.efab34baf._56ac0bbaf ._407fb0baf:active svg path, ._06c695baf._833b53baf._56ac0bbaf ._407fb0baf:active svg path {
  fill: #fff;
}
._06c695baf._7c725cbaf._56ac0bbaf ._407fb0baf svg path, ._06c695baf._38320fbaf._56ac0bbaf ._407fb0baf svg path, ._06c695baf._117f08baf._56ac0bbaf ._407fb0baf svg path, ._06c695baf._507489baf._56ac0bbaf ._407fb0baf svg path, ._06c695baf.a7e617baf._56ac0bbaf ._407fb0baf svg path, ._06c695baf._24657cbaf._56ac0bbaf ._407fb0baf svg path, ._06c695baf.c26c21baf._56ac0bbaf ._407fb0baf svg path {
  fill: #fff;
}
._06c695baf._17eb1dbaf {
  pointer-events: none;
  color: #fff;
}
._06c695baf._17eb1dbaf ._407fb0baf {
  background-color: #878c93;
  border: 1px solid transparent;
  box-shadow: none;
  color: #fff;
}
._06c695baf._17eb1dbaf ._407fb0baf svg path {
  transition: fill 300ms;
  fill: #fff !important;
}
._06c695baf._17eb1dbaf._26a728baf ._407fb0baf {
  background-color: #fff;
}
._06c695baf._17eb1dbaf._26a728baf ._407fb0baf svg path {
  fill: #b7babe !important;
}
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/PopupButton/PopupButton.scss.css ***!
  \********************************************************************************************************************************/
._06c633bb3 {
  display: flex;
  align-items: center;
  position: relative;
}

._7eca5bbb3 {
  border-radius: 2px;
}
/*!*********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/DateNativeField/DateNativeField.scss.css ***!
  \*********************************************************************************************************************************************/
/* stylelint-disable-next-line selector-type-no-unknown */
date-input-polyfill {
  z-index: 1000;
}

.c96c8631e {
  -webkit-appearance: none;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/DigitCodeField/DigitCodeField.scss.css ***!
  \*******************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c6406c0 {
  text-align: center;
}
._06c6406c0 .d2368c6c0 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
._06c6406c0 .d2368c6c0 .c96ca26c0 {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  -moz-appearance: textfield;
  width: 48px;
  color: #101928;
  background-color: #fff;
  padding: 10px 16px 12px 16px;
  outline: none;
  box-sizing: border-box;
  position: relative;
  display: flex;
  height: 60px;
  border-radius: 8px;
  border: 1px solid #d5d7da;
  text-align: center;
}
._06c6406c0 .d2368c6c0 .c96ca26c0::-webkit-outer-spin-button, ._06c6406c0 .d2368c6c0 .c96ca26c0::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
._06c6406c0 .d2368c6c0 .c96ca26c0::placeholder {
  color: #878c93;
}
._06c6406c0 .d2368c6c0 .c96ca26c0:focus {
  border-color: #6950f3;
}
._06c6406c0 .d2368c6c0 .c96ca26c0:disabled {
  color: var(--color-foreground-disabled, #acacac);
  background-color: var(--color-background-disabled, #f2f2f2);
}
._06c6406c0 .d2368c6c0 .c96ca26c0 + .c96ca26c0 {
  margin-left: 24px;
}
._06c6406c0._4dc7216c0 {
  text-align: left;
}
._06c6406c0._4dc7216c0 .d2368c6c0 {
  justify-content: left;
}
/*!*******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/Textarea/Textarea.scss.css ***!
  \*******************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c6f4ab2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: "Roobert PRO", sans-serif;
  color: #101928;
  background-color: #fff;
  padding: 10px 16px;
  border: 1px solid #d5d7da;
  outline: none;
  resize: none;
  border-radius: 8px;
  -webkit-appearance: none;
  transition: box-shadow 150ms ease-in-out, border-color 150ms ease-in-out;
}
._06c6f4ab2:not(._17ebb9ab2):hover {
  box-shadow: var(--input-no-shadow, 0 4px 6px 0 rgba(16, 25, 40, 0.06));
  border: var(--input-no-shadow-border, 1px solid #d5d7da);
}
._06c6f4ab2:focus-within {
  border-color: #6950f3;
}
._06c6f4ab2::placeholder {
  color: #b7babe;
}
._06c6f4ab2:disabled, ._06c6f4ab2._17ebb9ab2 {
  color: var(--color-foreground-disabled, #acacac);
  background-color: var(--color-background-disabled, #f2f2f2);
}
._06c6f4ab2._7ebfe1ab2 {
  border: 1px solid #da2346;
}
/*!***************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/PasswordField.scss.css ***!
  \***************************************************************************************************************************/
._06c66cdad .c2365adad {
  margin-top: 8px;
}
._06c66cdad .c2365adad ._8d4b32dad {
  display: flex;
  flex-direction: row;
  align-items: center;
}
._06c66cdad .c2365adad ._8d4b32dad + ._06c66cdad .c2365adad ._8d4b32dad {
  margin-top: 4px;
}
._06c66cdad .c2365adad ._8d4b32dad ._9a917adad {
  margin-right: 4px;
}
/*!***********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/PhoneNumberField/PhoneNumberField.scss.css ***!
  \***********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c6ac725 .e7a227725 {
  padding: 0;
  border-right: none;
  width: min-content;
}
._06c6ac725 .e7a227725 .f7cb64725 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-width: 0 1px 0 0;
  position: relative;
  min-width: 80px;
  max-width: 90px;
}
._06c6ac725 .e7a227725 .f7cb64725 ._348a1d725 {
  padding-left: 0;
  padding-right: 28px;
}
._06c6ac725 .e7a227725 .f7cb64725 ._348a1d725[disabled] {
  opacity: 0;
}
._06c6ac725 .e7a227725 .f7cb64725 ._550be2725 {
  right: 12px;
}
._06c6ac725 .e7a227725 .f7cb64725 ._583090725 {
  padding-right: 32px;
  pointer-events: none;
  background-color: #fff;
  color: #101928;
  border-right-color: white;
  position: absolute;
  width: 100%;
  height: 100%;
}
._06c6ac725 .e7a227725 .f7cb64725 ._583090725._17eb70725 {
  background-color: var(--color-background-disabled, #f2f2f2);
  color: var(--color-foreground-disabled, #acacac);
  border-right-color: #e7e8e9;
}
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RangeSlider/vars.scss.css ***!
  \*************************************************************************************************************************/
/* stylelint-disable property-no-unknown */
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RangeSlider/RangeSlider.scss.css ***!
  \********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c658284 {
  position: relative;
  cursor: pointer;
}
._06c658284 ._29d6cc284,
._06c658284 .fcde50284 {
  transition: transform 100ms ease-out;
}
._06c658284.d40e61284 ._29d6cc284,
._06c658284.d40e61284 .fcde50284 {
  transition: none;
}
._06c658284 .e0d94f284 {
  margin-top: 8px;
  position: relative;
}
._06c658284 .aaf2b6284 {
  margin-bottom: 16px;
}
._06c658284 .a11a90284 {
  display: none;
}
._06c658284 ._8f0c6f284 {
  overflow: hidden;
  background-color: #e8e8ee;
  height: 10px;
  border-radius: 5px;
  width: 100%;
}
._06c658284 ._8f0c6f284 .fcde50284 {
  height: 100%;
  background-color: #6950f3;
}
._06c658284 ._69eba2284 {
  position: absolute;
  top: 50%;
  left: 13px;
  right: 13px;
}
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RangeSlider/Indicator.css ***!
  \*************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable property-no-unknown */

._06c66e0b7 {
  position: absolute;
  width: 100%;
  left: -100%;
}
._06c66e0b7::after {
  position: absolute;
  content: "";
  left: 100%;
  display: block;
  background-color: #fff;
  border: 1px solid #6950f3;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #fff;
  transform: translateX(-50%) translateY(-50%);
}
/*!****************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RangeSlider/Options.scss.css ***!
  \****************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
.a7930a9ab {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 16px 0 0;
  position: relative;
  align-items: center;
  min-height: 18px;
}
.a7930a9ab .a11aeb9ab {
  align-items: center;
  user-select: none;
  display: none;
}
.a7930a9ab._253dc39ab .a11aeb9ab {
  display: initial;
}
.a7930a9ab._253dc39ab ._2528749ab:first-child,
.a7930a9ab._253dc39ab ._2528749ab:last-child {
  opacity: 0;
}
.a7930a9ab ._55f9ca9ab {
  position: absolute;
  left: 12px;
  right: 12px;
  display: flex;
  justify-content: space-between;
}
.a7930a9ab ._55f9ca9ab ._2528749ab {
  width: 1px;
  background-color: #d5d7da;
  height: 12px;
}
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/SearchField.scss.css ***!
  \*************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c677577 ._8ac1cf577 .c96c16577 {
  padding-left: 0 !important;
}
._06c677577 ._8ac1cf577 .a1b758577 {
  padding: 0;
}
._06c677577 ._8ac1cf577 .a1b758577 .d28fd1577 {
  padding: 10px 11px 12px 11px;
}
._06c677577._964a3d577 {
  position: sticky;
  top: 44px;
  z-index: 2;
  background: #fff;
  padding-top: 24px;
}
@media (min-width: 993px) {
  ._06c677577._964a3d577 {
    top: 0;
  }
}
._06c677577.e1d113577 {
  margin-top: -24px;
  margin-bottom: -24px;
}
/*!***************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Formik/SelectField/SelectField.scss.css ***!
  \***************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._4097eb96f._4097eb96f {
  color: #b7babe;
}
/*!*************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/StaticField/StaticField.scss.css ***!
  \*************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c68edbc {
  background-color: #f2f2f7;
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #f2f2f7;
  width: 100%;
}
._06c68edbc._17eba8dbc {
  background-color: #e8e8ee;
  border-color: #e8e8ee;
}
._06c68edbc.ca0062dbc {
  border-color: #da2346;
}
._06c68edbc .ed7072dbc {
  overflow: hidden;
  word-break: break-all;
}
/*!*****************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Item/Row.scss.css ***!
  \*****************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c62618d {
  transition: background-color 150ms ease-in-out;
}
._06c62618d.dc2c7b18d {
  background-color: #f8f8fb;
}
._06c62618d.d393eb18d {
  background-color: #fff;
}
._06c62618d.ef9b1d18d {
  background-color: #e7e8ff;
}
._06c62618d._5faaae18d {
  background-color: #101928;
}
._06c62618d._14d54b18d {
  background-color: #6950f3;
}
._06c62618d._625e2018d {
  background-color: #fbd74c;
}
._06c62618d.f6ce5218d {
  background-color: #f2f2f7;
}
._06c62618d._7b7fca18d {
  background-color: #e8e8ee;
}
._06c62618d._4f1ab318d {
  position: relative;
  margin-bottom: 1px;
}
._06c62618d._4f1ab318d::after {
  display: block;
  left: 0;
  bottom: -1px;
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
}
._06c62618d._2c535218d::after {
  background: linear-gradient(to right, transparent 0px, #e7e8e9 0px);
}
._06c62618d._21612518d::after {
  background: linear-gradient(to right, transparent 12px, #e7e8e9 12px);
}
._06c62618d._73e92618d::after {
  background: linear-gradient(to right, transparent 16px, #e7e8e9 16px);
}
._06c62618d._4ea06d18d::after {
  background: linear-gradient(to right, transparent 20px, #e7e8e9 20px);
}
._06c62618d.b068d018d::after {
  background: linear-gradient(to right, transparent 24px, #e7e8e9 24px);
}
._06c62618d.e4406618d::after {
  background: linear-gradient(to right, transparent 40px, #e7e8e9 40px);
}
._06c62618d._6f099d18d::after {
  background: linear-gradient(90deg, transparent 0px, #e7e8e9 0px, #e7e8e9 calc(100% - 0px), transparent calc(100% - 0px));
}
._06c62618d._1fceae18d::after {
  background: linear-gradient(90deg, transparent 12px, #e7e8e9 12px, #e7e8e9 calc(100% - 12px), transparent calc(100% - 12px));
}
._06c62618d._4fb86d18d::after {
  background: linear-gradient(90deg, transparent 16px, #e7e8e9 16px, #e7e8e9 calc(100% - 16px), transparent calc(100% - 16px));
}
._06c62618d._98991318d::after {
  background: linear-gradient(90deg, transparent 20px, #e7e8e9 20px, #e7e8e9 calc(100% - 20px), transparent calc(100% - 20px));
}
._06c62618d._9620d318d::after {
  background: linear-gradient(90deg, transparent 24px, #e7e8e9 24px, #e7e8e9 calc(100% - 24px), transparent calc(100% - 24px));
}
._06c62618d._8d6fc218d::after {
  background: linear-gradient(90deg, transparent 40px, #e7e8e9 40px, #e7e8e9 calc(100% - 40px), transparent calc(100% - 40px));
}
._06c62618d._04885518d::after {
  background-color: #e7e8e9;
}
._06c62618d:last-child {
  margin-bottom: 0;
}
._06c62618d:last-child::after {
  content: none;
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SideEdgePadding/SideEdgePadding.scss.css ***!
  \****************************************************************************************************************************************/
._080e96ee1 {
  padding-left: 16px;
  padding-right: 16px;
}

._3fbe52ee1 {
  padding-left: 20px;
  padding-right: 20px;
}

._1adac0ee1 {
  padding-left: 40px;
  padding-right: 40px;
}

.a672cfee1 {
  padding-left: 16px;
}

.c24991ee1 {
  padding-left: 20px;
}

._20a0beee1 {
  padding-left: 40px;
}

._1cf0b9ee1 {
  padding-right: 16px;
}

._0bd765ee1 {
  padding-right: 20px;
}

._538ccfee1 {
  padding-right: 40px;
}
/*!*****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/ToggleGroup/CheckmarkToggle.scss.css ***!
  \*****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6ac435 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 14px 16px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  font-weight: 600;
  cursor: pointer;
  background-color: #fff;
  border: solid 1px #d5d7da;
  color: #101928;
  outline: none;
  transition: box-shadow 200ms ease-in-out;
}
._06c6ac435._7c8b4c435 {
  box-shadow: 0 4px 8px 0 rgba(16, 25, 40, 0.1);
}
._06c6ac435.e61a56435 {
  background-color: #e7e8ff;
}
._06c6ac435._17eb96435 {
  color: #878c93;
}
._06c6ac435._17eb96435.e61a56435 {
  background-color: #d5d7da;
  border-color: #d5d7da;
  color: #fff;
}
._06c6ac435._8e9071435 {
  width: 102px;
}
._06c6ac435._829558435 {
  width: auto;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SelectionHighlight/SelectionHighlight.scss.css ***!
  \**********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6550d6 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  border-radius: inherit;
  pointer-events: none;
  border: 2px solid #6950f3;
  transition: opacity 200ms ease-in-out;
}
._06c6550d6.e61a590d6, ._06c6550d6.c53f1b0d6 {
  opacity: 1;
}
._06c6550d6.e61a590d6 ._6da83c0d6 {
  opacity: 1;
  transform: scale(1, 1);
}
._06c6550d6 ._6da83c0d6 {
  position: absolute;
  height: 20px;
  width: 20px;
  right: -10px;
  top: -10px;
  opacity: 0;
  transform: scale(0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 125ms cubic-bezier(0.34, 1.56, 0.64, 0.95);
}
._06c6550d6 .deff840d6 {
  transform: scale(0, 0);
  width: auto;
}
._06c6550d6 .deff840d6 .c3ddbb0d6 {
  border-radius: 10px;
  padding: 0 8px;
}
._06c6550d6 .c3ddbb0d6 {
  background-color: #6950f3;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  height: inherit;
  line-height: 18px;
  overflow: hidden;
  text-align: center;
  width: inherit;
}
/*!******************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Tile/Tile.scss.css ***!
  \******************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c634eee {
  transition: background-color 300ms, box-shadow 150ms ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-self: center;
  position: relative;
  cursor: pointer;
  border: 1px solid transparent;
  text-align: center;
}
._06c634eee .c2d498eee {
  line-height: 0;
}
._06c634eee ._88057ceee {
  position: absolute;
}
._06c634eee ._02fec1eee {
  font-size: 10px;
  position: absolute;
  border-radius: 0 4px;
}
._06c634eee.cfc7c0eee {
  width: 48px;
  height: 48px;
}
._06c634eee.cfc7c0eee .c2d498eee + ._982dc5eee {
  margin-top: 0;
}
._06c634eee.cfc7c0eee ._665bcdeee,
._06c634eee.cfc7c0eee ._02fec1eee {
  top: 12px;
  right: 12px;
}
._06c634eee._9ba6b1eee {
  width: 90px;
  height: 90px;
}
._06c634eee._9ba6b1eee .c2d498eee + ._982dc5eee {
  margin-top: 8px;
}
._06c634eee._9ba6b1eee ._665bcdeee,
._06c634eee._9ba6b1eee ._02fec1eee {
  top: 8px;
  right: 8px;
}
._06c634eee.c0e7aaeee {
  width: 106px;
  height: 106px;
}
._06c634eee.c0e7aaeee .c2d498eee + ._982dc5eee {
  margin-top: 0;
}
._06c634eee.c0e7aaeee ._665bcdeee,
._06c634eee.c0e7aaeee ._02fec1eee {
  top: 4px;
  right: 4px;
}
._06c634eee._8b63c8eee {
  width: 106px;
  height: 106px;
}
._06c634eee._8b63c8eee .c2d498eee + ._982dc5eee {
  margin-top: 8px;
}
._06c634eee._8b63c8eee ._665bcdeee,
._06c634eee._8b63c8eee ._02fec1eee {
  top: 4px;
  right: 4px;
}
._06c634eee._88527eeee {
  width: 120px;
  height: 120px;
}
._06c634eee._88527eeee .c2d498eee + ._982dc5eee {
  margin-top: 0;
}
._06c634eee._88527eeee ._665bcdeee,
._06c634eee._88527eeee ._02fec1eee {
  top: 4px;
  right: 4px;
}
._06c634eee._8c2b0aeee {
  border: solid 1px #d5d7da;
  box-shadow: var(--button-no-shadow, 0 4px 8px 0 rgba(16, 25, 40, 0.1));
  cursor: pointer;
}
._06c634eee._8c2b0aeee:hover {
  box-shadow: var(--button-no-shadow, 0 8px 16px 0 rgba(16, 25, 40, 0.1));
  border: var(--input-no-shadow-border, solid 1px #d5d7da);
}
._06c634eee._8c2b0aeee:hover.b7e327eee {
  border: var(--input-no-shadow-border, solid 1px #878c93);
}
._06c634eee._4a555beee {
  cursor: unset;
  background: #e7e8e9;
}
._06c634eee._4a555beee ._982dc5eee {
  color: #878c93;
}
._06c634eee._4a555beee .c2d498eee svg path {
  fill: #878c93;
}
._06c634eee._70542eeee {
  cursor: not-allowed;
  border: solid 1px #d5d7da;
}
._06c634eee._70542eeee ._982dc5eee {
  color: #878c93;
}
._06c634eee.c313a8eee {
  border: 1px #6950f3 dashed;
  background: #e7e8ff;
}
._06c634eee.c313a8eee ._982dc5eee {
  color: #6950f3;
}
._06c634eee.c313a8eee .c2d498eee svg path {
  fill: #6950f3;
}
._06c634eee._6e2807eee {
  cursor: unset;
  border: 1px #b0b1fd dashed;
}
._06c634eee._6e2807eee ._982dc5eee {
  color: #878c93;
}
._06c634eee._6e2807eee .c2d498eee svg path {
  fill: #b0b1fd;
}
._06c634eee.ca0f4aeee {
  background: #6950f3;
  box-shadow: 0 16px 32px 0 rgba(16, 25, 40, 0.16);
  cursor: pointer;
}
._06c634eee.ca0f4aeee ._982dc5eee {
  color: #fff;
}
._06c634eee.ca0f4aeee .c2d498eee svg path {
  fill: #fff;
}
._06c634eee.cb30b2eee {
  background: #e7e8ff;
  cursor: pointer;
}
._06c634eee._0a85e9eee {
  border: solid 2px #6950f3;
  cursor: pointer;
}
._06c634eee._828324eee {
  width: 100%;
}
._06c634eee.b7e327eee {
  box-shadow: unset !important;
}
/*!********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Badge/Badge.scss.css ***!
  \********************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c653c24 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
._06c653c24.c5303bc24 + ._06c653c24.c5303bc24 {
  margin-left: 8px;
}
._06c653c24._1787c0c24 {
  margin-right: 8px;
}
._06c653c24._8c2ba2c24, ._06c653c24._90139ec24 {
  border-radius: 4px;
  padding: 3px 8px;
  text-transform: uppercase;
  height: 24px;
}
._06c653c24.ade871c24 {
  border-radius: 4px;
  padding: 3px 8px;
  text-transform: none;
  height: 24px;
}
._06c653c24._5c3320c24 {
  border-radius: 4px;
  padding: 4px;
}
._06c653c24._78bad2c24 {
  border-radius: 8px 0;
  padding: 3px 16px;
  height: 26px;
}
._06c653c24._1cc552c24 {
  min-width: 24px;
  height: 24px;
  border-radius: 12px;
  padding: 1px 8px;
}
._06c653c24._27c57bc24 {
  min-width: 24px;
  height: 24px;
  border-radius: 4px;
  padding: 3px;
  line-height: 16px;
}
._06c653c24._9fca31c24 {
  background-color: #e7e8ff;
  color: #6950f3;
}
._06c653c24.e25d16c24 {
  border: 1px solid #b0b1fd;
}
._06c653c24._76e70cc24 {
  background-color: #c0f0d1;
  color: #00a36d;
}
._06c653c24.ed584dc24 {
  border: 1px solid #7ad7ae;
}
._06c653c24._326bebc24 {
  background-color: #e0f8e8;
  color: #006141;
}
._06c653c24._74cf3dc24 {
  border: 1px solid #c0f0d1;
}
._06c653c24.e3be57c24 {
  background-color: #fff4cc;
  color: #8a580d;
}
._06c653c24._7681c4c24 {
  border: 1px solid #fdeba5;
}
._06c653c24._7f84cec24 {
  background-color: #f19101;
  color: #fff;
}
._06c653c24._62a55ac24 {
  border: 1px solid #fbd74c;
}
._06c653c24._091b2ac24 {
  background-color: #fadee3;
  color: #da2346;
}
._06c653c24._33a174c24 {
  border: 1px solid #e97b90;
}
._06c653c24._8a1992c24 {
  background-color: #da2346;
  color: #fff;
}
._06c653c24.a7e322c24 {
  border: 1px solid #e97b90;
}
._06c653c24._2db73ec24 {
  background-color: #fff;
  color: #101928;
}
._06c653c24._254d1fc24 {
  border: 1px solid #d5d7da;
}
._06c653c24._8d9b6cc24 {
  background-color: #e7e8e9;
  color: #101928;
}
._06c653c24._924a00c24 {
  border: 1px solid #878c93;
}
._06c653c24._4784e5c24 {
  background-color: #f2f2f7;
  color: #878c93;
}
._06c653c24._932ae6c24 {
  border: 1px solid #878c93;
}
._06c653c24.eead2cc24 {
  background-color: #00a36d;
  color: #fff;
}
._06c653c24._2c32ddc24 {
  border: 1px solid #c0f0d1;
}
._06c653c24._90139ec24._9fca31c24 {
  background-color: #fff;
  color: #6950f3;
  border: 1px solid #b0b1fd;
}
._06c653c24._90139ec24._76e70cc24 {
  background-color: #fff;
  color: #00a36d;
  border: 1px solid #7ad7ae;
}
._06c653c24._90139ec24._326bebc24 {
  background-color: #fff;
  color: #006141;
  border: 1px solid #c0f0d1;
}
._06c653c24._90139ec24.e3be57c24 {
  background-color: #fff;
  color: #8a580d;
  border: 1px solid #fdeba5;
}
._06c653c24._90139ec24._7f84cec24 {
  background-color: #fff;
  color: #fff;
  border: 1px solid #fbd74c;
}
._06c653c24._90139ec24._091b2ac24 {
  background-color: #fff;
  color: #da2346;
  border: 1px solid #e97b90;
}
._06c653c24._90139ec24._8a1992c24 {
  background-color: #fff;
  color: #fff;
  border: 1px solid #e97b90;
}
._06c653c24._90139ec24._2db73ec24 {
  background-color: #fff;
  color: #101928;
  border: 1px solid #d5d7da;
}
._06c653c24._90139ec24._8d9b6cc24 {
  background-color: #fff;
  color: #101928;
  border: 1px solid #878c93;
}
._06c653c24._90139ec24._4784e5c24 {
  background-color: #fff;
  color: #878c93;
  border: 1px solid #878c93;
}
._06c653c24._90139ec24.eead2cc24 {
  background-color: #fff;
  color: #fff;
  border: 1px solid #c0f0d1;
}
/*!***********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Badge/BadgeSkeleton.css ***!
  \***********************************************************************************************************************/
._06c6f91a8 + ._06c6f91a8 {
  margin-left: 8px;
}
/*!************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/ToggleGroup/TileToggle.scss.css ***!
  \************************************************************************************************************************************/
._06c666a7b {
  align-self: flex-end;
}
/*!*************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/ToggleGroup/IconRowTile/IconRowTile.scss.css ***!
  \*************************************************************************************************************************************************/
._06c6af909 {
  max-width: 560px;
  position: relative;
  transition: opacity 200ms ease-in-out;
  height: 100%;
}
._06c6af909 .dc2cf1909 {
  margin: -1px;
}
._06c6af909._17eba5909 {
  opacity: 0.4;
}
/*!********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Item/Prefix.scss.css ***!
  \********************************************************************************************************************/
._06c6d786d.e6e36486d {
  width: 400px;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/ToggleGroup/TileRowButtonToggle/TileRowButtonToggle.scss.css ***!
  \*****************************************************************************************************************************************************************/
._06c66e4b7 {
  max-width: 560px;
  position: relative;
}
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/ToggleGroup/ToggleCircle.scss.css ***!
  \**************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c622a23 {
  font-size: 15px;
  line-height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #d5d7da;
  color: #101928;
  cursor: pointer;
  transition-property: background-color, border-color, color;
  transition-duration: var(--motion-duration-quick, 180ms);
  transition-timing-function: var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
._06c622a23.e61a16a23 {
  background-color: #000;
  color: #fff;
}
._06c622a23.e61a16a23, ._06c622a23._7c8b7aa23 {
  border: 1px solid #000;
}
/*!***********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/RadioField/RadioField.scss.css ***!
  \***********************************************************************************************************************************/
._06c60c3be {
  align-items: flex-start;
}
._06c60c3be .aa3ab43be {
  margin-top: 2px;
}
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/Radio/Radio.scss.css ***!
  \*************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6a2a6e {
  display: inline-block;
  flex-shrink: 0;
  box-sizing: border-box;
  height: 24px;
  width: 24px;
  border-radius: 100%;
  box-shadow: 0 4px 6px 0 rgba(16, 25, 40, 0.06);
  background-color: #fff;
  border: 1px solid #d5d7da;
  transition: border 300ms ease;
  position: relative;
}
._06c6a2a6e .c96ce3a6e {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
._06c6a2a6e:hover {
  border-color: #6950f3;
}
._06c6a2a6e.e61a19a6e {
  border-color: #6950f3;
}
._06c6a2a6e.e61a19a6e::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 50%;
  background-color: #6950f3;
}
._06c6a2a6e._7ebff3a6e {
  border-color: #da2346;
}
._06c6a2a6e.e61a19a6e._7ebff3a6e {
  border-color: #da2346;
  box-shadow: unset;
}
._06c6a2a6e.e61a19a6e._7ebff3a6e::after {
  background-color: #da2346;
}
._06c6a2a6e._17eb08a6e {
  box-shadow: 0 4px 6px 0 rgba(16, 25, 40, 0.06);
  border: 1px solid #e7e8e9;
  background-color: #e7e8e9;
}
._06c6a2a6e._17eb08a6e.e61a19a6e::after {
  background-color: #d5d7da;
}
/*!*****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/RadioMultiple/RadioMultiple.scss.css ***!
  \*****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c69fbc8 ._28724ebc8 {
  margin-bottom: 16px;
}
._06c69fbc8 ._909c42bc8 {
  padding-bottom: 24px;
}
._06c69fbc8 ._909c42bc8.d524f7bc8 {
  padding-bottom: 8px;
}
._06c69fbc8 ._909c42bc8:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
._06c69fbc8 ._909c42bc8.d524f7bc8 + ._909c42bc8.d524f7bc8 {
  padding-top: 8px;
}
._06c69fbc8 .c9886ebc8 {
  align-items: center;
}
/*!***********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/ColorSelectField/ColorSelectField.scss.css ***!
  \***********************************************************************************************************************************************/
._06c6edcf9._995ca1cf9 {
  max-width: 100%;
}
/*!***************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/ColorPalette/ColorPalette.scss.css ***!
  \***************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6afbbe {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 546px;
  border-radius: 8px;
}
._06c6afbbe._4695febbe {
  margin-left: -8px;
}
@media (min-width: 992px) {
  ._06c6afbbe {
    max-width: 506px;
    border: 1px solid #d5d7da;
    box-shadow: 0 8px 16px 0 rgba(16, 25, 40, 0.08);
    padding: 16px 12px;
  }
  ._06c6afbbe.dbfb6bbbe {
    max-width: 266px;
  }
  ._06c6afbbe._4695febbe {
    border: none;
    box-shadow: none;
    padding: 0;
  }
}
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/ColorPalette/ColorSample.scss.css ***!
  \**************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c62727e {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  transition: border 250ms ease;
  box-sizing: border-box;
  margin: 4px;
}
._06c62727e._7c8bfc27e {
  border-color: #8880ff;
}
._06c62727e.d7cb2627e {
  border: 2px solid #6950f3;
}
._06c62727e .af2bd327e {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
._06c62727e .af2bd327e.b2faf827e::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  top: 50%;
  left: 50%;
  background-color: #878c93;
  transform: translate(-50%, -50%) rotate(45deg);
}
._06c62727e .af2bd327e._179b8a27e {
  border: 1px solid #d5d7da;
}
._06c62727e._0652cf27e {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  border-radius: 50%;
}
@media (min-width: 992px) {
  ._06c62727e._0652cf27e {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
  }
}
._06c62727e._0652cf27e .af2bd327e {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 50%;
}
@media (min-width: 992px) {
  ._06c62727e._0652cf27e .af2bd327e {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    border-radius: 50%;
  }
}
._06c62727e._9ba61827e .af2bd327e {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 50%;
}

/* stylelint-disable */
/*!*************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/ColorPicker/ColorPicker.scss.css ***!
  \*************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6a3933 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
._06c6a3933 ._26f8b9933 {
  position: relative;
  width: 100%;
  height: 200px;
  background: #fff;
  overflow: hidden;
}
._06c6a3933 ._26f8b9933 .c2a1df933 {
  transform: translate(-50%, -50%);
}
._06c6a3933 ._26f8b9933 .c33eba933 {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
._06c6a3933 ._26f8b9933 ._10494e933 {
  background: #fff;
}
._06c6a3933 ._26f8b9933 ._77ad3c933 {
  background: linear-gradient(to right, #fff, rgba(0, 0, 0, 0));
}
._06c6a3933 ._26f8b9933 .a24764933 {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
._06c6a3933 ._701a42933 {
  width: 100%;
  padding: 16px 0;
}
._06c6a3933 .fcde80933 {
  position: relative;
  width: 100%;
  height: 12px;
  border: 1px solid #d5d7da;
  border-radius: 6px;
  background: linear-gradient(to left, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
._06c6a3933 .aef820933 {
  margin-bottom: 16px;
}
._06c6a3933 .c2a1df933 {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -2px);
  width: 14px;
  height: 14px;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 2px 1px rgba(16, 25, 40, 0.25);
}

/* stylelint-disable */
/*!*****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/HexColorField/HexColorField.scss.css ***!
  \*****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
.e7a24dd88 {
  position: relative;
  height: 24px;
  width: 24px;
  border: 1px solid #d5d7da;
  border-radius: 8px;
}
.e7a24dd88.b2fa84d88::before {
  content: "";
  position: absolute;
  height: 110%;
  width: 1px;
  top: 50%;
  left: 50%;
  background-color: #878c93;
  transform: translate(-50%, -50%) rotate(45deg);
}
/*!*************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/ColorSelect/ColorSelect.scss.css ***!
  \*************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6fbe6d {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  border: 1px solid #d5d7da;
  background-color: #fff;
  outline: none;
}
._06c6fbe6d .af2b81e6d {
  margin-left: 12px;
  margin-right: 12px;
}
._06c6fbe6d .c96c1ce6d {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  font-family: "Roobert PRO", sans-serif;
  cursor: pointer;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 48px 0 0;
  height: 46px;
  border: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
._06c6fbe6d .c96c1ce6d._17eb69e6d {
  color: #878c93;
}
@media (hover: hover) and (pointer: fine) {
  ._06c6fbe6d:hover, ._06c6fbe6d._7c8b05e6d {
    border: 1px solid #6950f3;
  }
}
._06c6fbe6d .a1b78ce6d {
  display: flex;
  align-items: center;
  height: 100%;
  right: 16px;
  width: 16px;
  position: absolute;
  pointer-events: none;
}
._06c6fbe6d._17eb69e6d {
  border-color: #d5d7da;
  background-color: var(--color-background-disabled, #f2f2f2);
  cursor: default;
}
._06c6fbe6d._17eb69e6d .c96c1ce6d {
  background-color: var(--color-background-disabled, #f2f2f2);
  cursor: default;
}
._06c6fbe6d ._46952ae6d {
  border: none;
}

.db4a4ae6d {
  padding: 16px;
}
@media (min-width: 992px) {
  .db4a4ae6d {
    width: 350px;
    border: 1px solid #d5d7da;
    box-shadow: 0 8px 16px 0 rgba(16, 25, 40, 0.08);
  }
}

._7eca83e6d {
  border: none;
  background-color: transparent !important;
  padding: 12px;
}
@media (min-width: 768px) {
  ._7eca83e6d {
    padding: 12px;
  }
}
._7eca83e6d ._6874bfe6d {
  background: white;
  display: flex;
  justify-content: center;
  border-radius: 8px;
}
._7eca83e6d ._6874bfe6d ._03b712e6d {
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
}
._7eca83e6d ._79b618e6d {
  background: white;
  box-shadow: 0 8px 16px 0 rgba(16, 25, 40, 0.08);
  border: 1px solid #e7e8e9;
  border-radius: 8px;
  margin-top: 8px;
}
/*!*************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/ColorSelect/CloseAction.scss.css ***!
  \*************************************************************************************************************************************/
._06c658530 {
  width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  text-transform: none;
  font-family: "Roobert PRO", sans-serif;
  font-size: 16px;
  font-weight: 600;
  min-height: 58px;
  outline: none;
}
._06c658530._9687d0530, ._06c658530:active {
  outline: none;
}
._06c658530._7c8bfd530, ._06c658530:hover {
  background-color: #fbfbfb;
  box-shadow: none;
  transform: none;
}
/*!***************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/CheckboxList/CheckboxList.scss.css ***!
  \***************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
@media (max-width: 767px) {
  ._44ab4c01f {
    padding-right: 0 !important;
  }
}
._44ab4c01f .f8714f01f {
  margin-top: -16px;
}
@media (min-width: 769px) {
  ._44ab4c01f .f8714f01f {
    margin-top: -12px;
  }
}
._44ab4c01f .f8714f01f._50af4a01f {
  margin-top: -5px;
}
._44ab4c01f ._52e2bc01f {
  display: none;
  padding-top: 8px;
}
@media (min-width: 769px) {
  ._44ab4c01f ._52e2bc01f {
    padding-top: 12px;
  }
}
@media (max-width: 767px) {
  ._44ab4c01f ._77f3fd01f > div:last-child > div {
    border-bottom: none;
  }
}
._44ab4c01f._012b2101f ._77f3fd01f :nth-child(n+4) > div {
  border-bottom: none;
}
@media (max-width: 767px) {
  ._44ab4c01f._012b2101f ._77f3fd01f :nth-child(n+5) {
    display: none;
  }
}
._44ab4c01f._012b2101f ._52e2bc01f {
  display: inline-block;
}
@media (min-width: 769px) {
  ._44ab4c01f._012b2101f ._52e2bc01f {
    display: none;
  }
}
._44ab4c01f._9fb06401f ._77f3fd01f :nth-child(n+7) {
  display: none;
}
@media (min-width: 769px) {
  ._44ab4c01f._9fb06401f ._52e2bc01f {
    display: inline-block;
  }
}
/*!*****************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/MobileQuantityField/MobileQuantityField.scss.css ***!
  \*****************************************************************************************************************************************************/
._06c6f3883 {
  text-align: center;
}
._06c6f3883 ._1acac3883 {
  text-align: center;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/MobileQuantity/MobileQuantity.scss.css ***!
  \*******************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6c6bdf {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
._06c6c6bdf .c96c46bdf {
  border: 1px solid #d5d7da;
  color: #101928;
  width: 128px;
  margin: 0 8px;
  display: table-cell;
  text-align: center;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
}
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-flex/build/Flex.css ***!
  \*************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Flex.module.scss */
@media screen and (min-width: 0) {
  .fWGVta.zjNzva {
    align-content: normal;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.PamgDa {
    align-content: center;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.dp4ZHa {
    align-content: start;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.GmxkZa {
    align-content: end;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.SKU1Qa {
    align-content: flex-start;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.W2jZYa {
    align-content: flex-end;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.enDA_a {
    align-content: baseline;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.JJxsra {
    align-content: space-between;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.j-Naja {
    align-content: space-around;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.HmQPDa {
    align-content: space-evenly;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.rg6Qua {
    align-content: stretch;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta._1G__-a {
    align-content: normal;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.kSJLya {
    align-content: center;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.Sj1hDa {
    align-content: start;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.gvM4Na {
    align-content: end;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.aGjI8a {
    align-content: flex-start;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.X6VzHa {
    align-content: flex-end;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.jzsKra {
    align-content: baseline;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.SKscba {
    align-content: space-between;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta._9WzdOa {
    align-content: space-around;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta._0LhPda {
    align-content: space-evenly;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.xg1zJa {
    align-content: stretch;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta._80NvPa {
    align-content: normal;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.jxPZxa {
    align-content: center;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.EtCW2a {
    align-content: start;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.WZ5WVa {
    align-content: end;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.ZjGZla {
    align-content: flex-start;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.EWcTEa {
    align-content: flex-end;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.MxWafa {
    align-content: baseline;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.FReiVa {
    align-content: space-between;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta._8bldOa {
    align-content: space-around;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.EV902a {
    align-content: space-evenly;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.vGpb_a {
    align-content: stretch;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.FOMS3a {
    align-content: normal;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta._6rldta {
    align-content: center;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.VlS8La {
    align-content: start;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.MtjLka {
    align-content: end;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.LMQHUa {
    align-content: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.gsulca {
    align-content: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.A114Ia {
    align-content: baseline;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.d9Ausa {
    align-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.JaidBa {
    align-content: space-around;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta._59ThUa {
    align-content: space-evenly;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.lFNnya {
    align-content: stretch;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.vj9hsa {
    align-content: normal;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.yq9_sa {
    align-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta._-vFW2a {
    align-content: start;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.QvM9wa {
    align-content: end;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.qr5Txa {
    align-content: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.baVyla {
    align-content: flex-end;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.NA3rJa {
    align-content: baseline;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.N8gxKa {
    align-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.uPxV9a {
    align-content: space-around;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.tL-Hja {
    align-content: space-evenly;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.iski9a {
    align-content: stretch;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.GIlqVa {
    align-content: normal;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.Bh3GHa {
    align-content: center;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._-yroNa {
    align-content: start;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.Mtt4oa {
    align-content: end;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.Pwt9Ca {
    align-content: flex-start;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.mMjsFa {
    align-content: flex-end;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._3KGVfa {
    align-content: baseline;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._26hPba {
    align-content: space-between;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._EiRFa {
    align-content: space-around;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._0MpO4a {
    align-content: space-evenly;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._0A_jya {
    align-content: stretch;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.UWgWNa {
    align-content: normal;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.oZNQDa {
    align-content: center;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.Wv6A6a {
    align-content: start;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.Xe8gta {
    align-content: end;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.Fpey0a {
    align-content: flex-start;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta._-mb3ka {
    align-content: flex-end;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.o6gCta {
    align-content: baseline;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.qbdZ2a {
    align-content: space-between;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.vXVFDa {
    align-content: space-around;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta._-npNea {
    align-content: space-evenly;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.O7Rdha {
    align-content: stretch;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.LTC6wa {
    align-content: normal;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.O5Fica {
    align-content: center;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.Iqxzoa {
    align-content: start;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.CwwOca {
    align-content: end;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.aMx20a {
    align-content: flex-start;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta._-aymZa {
    align-content: flex-end;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.agLHpa {
    align-content: baseline;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta._-f080a {
    align-content: space-between;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.r-WiUa {
    align-content: space-around;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.l6SMca {
    align-content: space-evenly;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.YsbIaa {
    align-content: stretch;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.CWLN4a {
    align-items: normal;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.fwrpDa {
    align-items: center;
  }
}
@media screen and (min-width: 0) {
  .fWGVta._75LYTa {
    align-items: start;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.AnPupa {
    align-items: end;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.CBsJDa {
    align-items: flex-start;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.ED_Fla {
    align-items: flex-end;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.G7765a {
    align-items: self-start;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.a16wMa {
    align-items: self-end;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.dUjBVa {
    align-items: baseline;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.zgEb-a {
    align-items: stretch;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta._9gkzca {
    align-items: normal;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.ZKiA1a {
    align-items: center;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta._0g1dga {
    align-items: start;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.BLapqa {
    align-items: end;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.XZh2ia {
    align-items: flex-start;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.clrBpa {
    align-items: flex-end;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.zApnxa {
    align-items: self-start;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.YSFqya {
    align-items: self-end;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.DrJ9Sa {
    align-items: baseline;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta._-v5Tva {
    align-items: stretch;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.pBDQKa {
    align-items: normal;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.fmNVGa {
    align-items: center;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.wArera {
    align-items: start;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.FwvW7a {
    align-items: end;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta._5CwYBa {
    align-items: flex-start;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.bic0ca {
    align-items: flex-end;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta._7JMpta {
    align-items: self-start;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.ay_9Ba {
    align-items: self-end;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.zNw22a {
    align-items: baseline;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.Ii7rua {
    align-items: stretch;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.Cfd-Za {
    align-items: normal;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.rxAcUa {
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta._96UB3a {
    align-items: start;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.An0j0a {
    align-items: end;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.GBYGja {
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.__wlwa {
    align-items: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta._1UJH8a {
    align-items: self-start;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.drEUSa {
    align-items: self-end;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.zPatpa {
    align-items: baseline;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.oYMija {
    align-items: stretch;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.H4WXBa {
    align-items: normal;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.PooIXa {
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.Ow1tDa {
    align-items: start;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.YedDsa {
    align-items: end;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.oz8VMa {
    align-items: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.zfKYOa {
    align-items: flex-end;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta._8ruSXa {
    align-items: self-start;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.nVEdFa {
    align-items: self-end;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.gJMb0a {
    align-items: baseline;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.OY4KQa {
    align-items: stretch;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._7Plaaa {
    align-items: normal;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.DEWAHa {
    align-items: center;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.TFNERa {
    align-items: start;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._0mveva {
    align-items: end;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.AeCeya {
    align-items: flex-start;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._-jUOIa {
    align-items: flex-end;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.O7RWWa {
    align-items: self-start;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.iKWEXa {
    align-items: self-end;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.N3TcXa {
    align-items: baseline;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.JA9-2a {
    align-items: stretch;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.B3fTRa {
    align-items: normal;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.NvMFla {
    align-items: center;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta._4WF2Ya {
    align-items: start;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.WVlIWa {
    align-items: end;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.iNN1ha {
    align-items: flex-start;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.Hrugfa {
    align-items: flex-end;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.LKoFra {
    align-items: self-start;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.R0P4ua {
    align-items: self-end;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.lUPAfa {
    align-items: baseline;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.yaFFna {
    align-items: stretch;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.KAbRfa {
    align-items: normal;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.FWMpja {
    align-items: center;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta._97NMea {
    align-items: start;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.fWL6wa {
    align-items: end;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.pEMGca {
    align-items: flex-start;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.SNX8ia {
    align-items: flex-end;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.Rat_ba {
    align-items: self-start;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.OnLGZa {
    align-items: self-end;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.xQbNoa {
    align-items: baseline;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.xb2JSa {
    align-items: stretch;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.SSCF7a {
    align-self: normal;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.wdawLa {
    align-self: center;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.Ct7Nna {
    align-self: start;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.AjRMWa {
    align-self: end;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.mWIGEa {
    align-self: flex-start;
  }
}
@media screen and (min-width: 0) {
  .fWGVta._aCZga {
    align-self: flex-end;
  }
}
@media screen and (min-width: 0) {
  .fWGVta._i6SVa {
    align-self: auto;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.l00VQa {
    align-self: baseline;
  }
}
@media screen and (min-width: 0) {
  .fWGVta._3G9m0a {
    align-self: self-start;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.jiDu-a {
    align-self: self-end;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.GHC19a {
    align-self: stretch;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta._7mylUa {
    align-self: normal;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.vPikVa {
    align-self: center;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta._1N-64a {
    align-self: start;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta._1AYjNa {
    align-self: end;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.eQ2_8a {
    align-self: flex-start;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.xBA8Da {
    align-self: flex-end;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.OO2yHa {
    align-self: auto;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.u0crEa {
    align-self: baseline;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.gLTxba {
    align-self: self-start;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.OHgBxa {
    align-self: self-end;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.KRtpAa {
    align-self: stretch;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.hDsyya {
    align-self: normal;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.UfoEla {
    align-self: center;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.BVDWOa {
    align-self: start;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta._5BD3Ba {
    align-self: end;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.UPJraa {
    align-self: flex-start;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.A_xuBa {
    align-self: flex-end;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta._8IiNva {
    align-self: auto;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.TTOjfa {
    align-self: baseline;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.u-L0ga {
    align-self: self-start;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.R-_s8a {
    align-self: self-end;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.sUrSCa {
    align-self: stretch;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.vU4_La {
    align-self: normal;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.hMDoaa {
    align-self: center;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.loFXga {
    align-self: start;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.N0Jl7a {
    align-self: end;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.Jya9Ra {
    align-self: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.Sn2Iia {
    align-self: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.z_2wMa {
    align-self: auto;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.Tty0wa {
    align-self: baseline;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.ZxZzma {
    align-self: self-start;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta._2UsFFa {
    align-self: self-end;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta._CzEga {
    align-self: stretch;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.nhaQGa {
    align-self: normal;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.JIcBda {
    align-self: center;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.lA2aGa {
    align-self: start;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.Zs1SIa {
    align-self: end;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.uNjsxa {
    align-self: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.vV35Za {
    align-self: flex-end;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta._9H2QFa {
    align-self: auto;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.PE6t9a {
    align-self: baseline;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.rjykZa {
    align-self: self-start;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta._9lItha {
    align-self: self-end;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.s4HK_a {
    align-self: stretch;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.I4Zwca {
    align-self: normal;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.GyOMha {
    align-self: center;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.FDOiwa {
    align-self: start;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._7NkS7a {
    align-self: end;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.xCv2Za {
    align-self: flex-start;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._7OVq4a {
    align-self: flex-end;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.Ugopva {
    align-self: auto;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.Qz3Epa {
    align-self: baseline;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.LDhfra {
    align-self: self-start;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._9Kza3a {
    align-self: self-end;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.X7MVca {
    align-self: stretch;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.P0rn5a {
    align-self: normal;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.BKUWYa {
    align-self: center;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.VxQ8ya {
    align-self: start;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.eP_sda {
    align-self: end;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta._0Q3hwa {
    align-self: flex-start;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.S8l-Ea {
    align-self: flex-end;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.s72lEa {
    align-self: auto;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.V8Xx_a {
    align-self: baseline;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.AYfX6a {
    align-self: self-start;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.nHWuxa {
    align-self: self-end;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.GO-T0a {
    align-self: stretch;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.ZKhWka {
    align-self: normal;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.V1uZxa {
    align-self: center;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta._rl9Sa {
    align-self: start;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.S28CZa {
    align-self: end;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.bIEJEa {
    align-self: flex-start;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta._2bcrta {
    align-self: flex-end;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.Mky0Sa {
    align-self: auto;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta._9Vxtya {
    align-self: baseline;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.MOE_na {
    align-self: self-start;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.iO3IXa {
    align-self: self-end;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.vCxVba {
    align-self: stretch;
  }
}
@media screen and (min-width: 0) {
  .fWGVta._4zQuha {
    flex-direction: row;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.WUqzga {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.w9PjGa {
    flex-direction: column;
  }
}
@media screen and (min-width: 0) {
  .fWGVta._LqF8a {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.lfxNEa {
    flex-direction: row;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.R-wePa {
    flex-direction: column;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.QcPJga {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 0) {
  .fWGVta._6LGoDa {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.ZKJ0Fa {
    flex-direction: row;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.O3E6Xa {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta._IF_aa {
    flex-direction: column;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.SOxBWa {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta._3Xwbfa {
    flex-direction: row;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.TNvwEa {
    flex-direction: column;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.TBK9-a {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.dljBaa {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.fCvHja {
    flex-direction: row;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.wauM7a {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.Onh55a {
    flex-direction: column;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.P-xV1a {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.SLvoga {
    flex-direction: row;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta._1Rk6wa {
    flex-direction: column;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta._9aS-1a {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.H0wmQa {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.ERI-ma {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta._9wisFa {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.YKVhBa {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.n2d2Wa {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.azfQ8a {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.YztOFa {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.pVIyna {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.bGiqAa {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.B4_fya {
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.bmh0Da {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.mJt-da {
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta._3RdFa {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.h4-uQa {
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.M8scXa {
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.wazHia {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.hx3ZMa {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.s1FqNa {
    flex-direction: row;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.ioAOsa {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.bArtGa {
    flex-direction: column;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.FANcOa {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.w99tDa {
    flex-direction: row;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.X2I2ta {
    flex-direction: column;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.dE6Qsa {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.wOJsqa {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.NinJSa {
    flex-direction: row;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.U73Uha {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.H4AHJa {
    flex-direction: column;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.UGqfTa {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.Sk2z4a {
    flex-direction: row;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.ZnuiGa {
    flex-direction: column;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.z8i90a {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.fIfcQa {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.WxFOpa {
    flex-direction: row;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.cukaza {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.mGfMKa {
    flex-direction: column;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.J9t8ua {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.QAI-va {
    flex-direction: row;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta._3bmgra {
    flex-direction: column;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.oFi2Ua {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.GPKz9a {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.ACbG3a {
    display: none;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.Aoc23a {
    display: flex;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.X3--qa {
    display: inline-flex;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.Leu88a {
    display: none;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta._0HWpda {
    display: flex;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.jWJsNa {
    display: inline-flex;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta._1ikDza {
    display: none;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.URQ3sa {
    display: flex;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.D3pXya {
    display: inline-flex;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta._9Lb3qa {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.jYPVUa {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.YOR4za {
    display: inline-flex;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.Qcelba {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.eKgIda {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta._1CMASa {
    display: inline-flex;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.d7wCGa {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.hje8La {
    display: flex;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.hL4i6a {
    display: inline-flex;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.rHvtUa {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta._0MAXma {
    display: flex;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.vjjqRa {
    display: inline-flex;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.i57bPa {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.sUOMka {
    display: flex;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.N6Avua {
    display: inline-flex;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.KZfzAa {
    justify-content: normal;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.Y13C5a {
    justify-content: center;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.xEWrxa {
    justify-content: start;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.s4y7ia {
    justify-content: end;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.jsIcSa {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.zpFtSa {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.fE48ea {
    justify-content: left;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.CC2UEa {
    justify-content: right;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.SMyRWa {
    justify-content: space-between;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.CIDfZa {
    justify-content: space-around;
  }
}
@media screen and (min-width: 0) {
  .fWGVta._7C3ksa {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.oDklXa {
    justify-content: stretch;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.D_bYFa {
    justify-content: normal;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.llltga {
    justify-content: center;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.Vr5era {
    justify-content: start;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.HOB0la {
    justify-content: end;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.C8djxa {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.tLwn8a {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.MVTMoa {
    justify-content: left;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.kIbbUa {
    justify-content: right;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.DPT-Ga {
    justify-content: space-between;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.WHeO5a {
    justify-content: space-around;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta._13ztBa {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.HEjeqa {
    justify-content: stretch;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta._8bp2Va {
    justify-content: normal;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.IxI38a {
    justify-content: center;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.kJJDNa {
    justify-content: start;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta._3lke7a {
    justify-content: end;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta._8lnlKa {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.t-yJQa {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.YOWVRa {
    justify-content: left;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.ypJHAa {
    justify-content: right;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.kE1Zxa {
    justify-content: space-between;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta._6YUqba {
    justify-content: space-around;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.RISoba {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta._6YRkxa {
    justify-content: stretch;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.F1urca {
    justify-content: normal;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.mBlCka {
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta._24iF5a {
    justify-content: start;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.Uug3xa {
    justify-content: end;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.TQA9Ea {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta._-LAlva {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.VyvlDa {
    justify-content: left;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.m-U7oa {
    justify-content: right;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.L9R1qa {
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.QKFK9a {
    justify-content: space-around;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.qp4mJa {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.V5QZYa {
    justify-content: stretch;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.VDFWna {
    justify-content: normal;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.McBTAa {
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.RGsbga {
    justify-content: start;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.gNkGga {
    justify-content: end;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.ncTkZa {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.l2AgUa {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta._3-S5Ga {
    justify-content: left;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta._2Bog1a {
    justify-content: right;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta._0j6oaa {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta._8u1DJa {
    justify-content: space-around;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.ha6qPa {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.FyS-Ia {
    justify-content: stretch;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.VOCc4a {
    justify-content: normal;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.d1w_Ca {
    justify-content: center;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._5exLka {
    justify-content: start;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.m0yINa {
    justify-content: end;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._9geuba {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.dOjH7a {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.uB_PEa {
    justify-content: left;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.PYywGa {
    justify-content: right;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._1A0I1a {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.qz-D1a {
    justify-content: space-around;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.YptjFa {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.qJPJsa {
    justify-content: stretch;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.fs_Yra {
    justify-content: normal;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.PirxCa {
    justify-content: center;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.PAuKda {
    justify-content: start;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.yOtICa {
    justify-content: end;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.Y5Ym-a {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.L_7tDa {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta._7nBAMa {
    justify-content: left;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta._6fZd2a {
    justify-content: right;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta._6Zltpa {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.WNpv3a {
    justify-content: space-around;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta._5BHCra {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.uRLOEa {
    justify-content: stretch;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.zsxBYa {
    justify-content: normal;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.N7ENZa {
    justify-content: center;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.om1W_a {
    justify-content: start;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.B5OL_a {
    justify-content: end;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.HVVYna {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta._9djsba {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.YyV4ca {
    justify-content: left;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.gQd2va {
    justify-content: right;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.k69w6a {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.k56fTa {
    justify-content: space-around;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.aiJZEa {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.ElPRGa {
    justify-content: stretch;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.XGFL6a {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.C283oa {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.l3mlca {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.SSAvea {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.qa8epa {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.CM7WSa {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.fu8cWa {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.mvA2La {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.VssAua {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta._4lJ6Pa {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.rJU5Pa {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.Fi9iia {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.jk01ca {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta._-A-Pma {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.aCbGTa {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.apv_Sa {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.ZrZWaa {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta._9b5Uva {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta._W0e7a {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta._4qhb8a {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta._3nQxMa {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.Wkk_oa {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.PrzDBa {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.sL-b7a {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 0) {
  .fWGVta.Hc2HRa {
    padding-top: var(--padding-top-default);
  }
  .fWGVta.llVhra {
    padding-right: var(--padding-right-default);
  }
  .fWGVta._0buU7a {
    padding-bottom: var(--padding-bottom-default);
  }
  .fWGVta.QZTUka {
    padding-left: var(--padding-left-default);
  }
  .fWGVta.OcKoga {
    flex-basis: var(--basis-default);
  }
  .fWGVta.OlOFfa {
    flex-grow: var(--grow-default);
  }
  .fWGVta._1zFf1a {
    flex-shrink: var(--shrink-default);
  }
}
@media screen and (min-width: 512px) {
  .fWGVta.HwsAQa {
    padding-top: var(--padding-top-smalltablet);
  }
  .fWGVta.AUQqva {
    padding-right: var(--padding-right-smalltablet);
  }
  .fWGVta.gmS34a {
    padding-bottom: var(--padding-bottom-smalltablet);
  }
  .fWGVta.mW0Tga {
    padding-left: var(--padding-left-smalltablet);
  }
  .fWGVta.qGo3Wa {
    flex-basis: var(--basis-smalltablet);
  }
  .fWGVta.L8d7Ra {
    flex-grow: var(--grow-smalltablet);
  }
  .fWGVta._3dP1ca {
    flex-shrink: var(--shrink-smalltablet);
  }
}
@media screen and (min-width: 520px) {
  .fWGVta.Rlz42a {
    padding-top: var(--padding-top-xs-deprecated);
  }
  .fWGVta.B31Jta {
    padding-right: var(--padding-right-xs-deprecated);
  }
  .fWGVta.BfRbTa {
    padding-bottom: var(--padding-bottom-xs-deprecated);
  }
  .fWGVta.UcYmNa {
    padding-left: var(--padding-left-xs-deprecated);
  }
  .fWGVta.T1UoAa {
    flex-basis: var(--basis-xs-deprecated);
  }
  .fWGVta.DBwFoa {
    flex-grow: var(--grow-xs-deprecated);
  }
  .fWGVta.e5gHXa {
    flex-shrink: var(--shrink-xs-deprecated);
  }
}
@media screen and (min-width: 768px) {
  .fWGVta.YK8jDa {
    padding-top: var(--padding-top-tablet);
  }
  .fWGVta.ZWBTza {
    padding-right: var(--padding-right-tablet);
  }
  .fWGVta.J_2x-a {
    padding-bottom: var(--padding-bottom-tablet);
  }
  .fWGVta._8qrela {
    padding-left: var(--padding-left-tablet);
  }
  .fWGVta.Go8kSa {
    flex-basis: var(--basis-tablet);
  }
  .fWGVta.ISzQXa {
    flex-grow: var(--grow-tablet);
  }
  .fWGVta.A5Okha {
    flex-shrink: var(--shrink-tablet);
  }
}
@media screen and (min-width: 1024px) {
  .fWGVta.EKp5fa {
    padding-top: var(--padding-top-laptop);
  }
  .fWGVta.w2K21a {
    padding-right: var(--padding-right-laptop);
  }
  .fWGVta.UNoema {
    padding-bottom: var(--padding-bottom-laptop);
  }
  .fWGVta.cAWNda {
    padding-left: var(--padding-left-laptop);
  }
  .fWGVta.U30xTa {
    flex-basis: var(--basis-laptop);
  }
  .fWGVta._3u3wQa {
    flex-grow: var(--grow-laptop);
  }
  .fWGVta.eALwAa {
    flex-shrink: var(--shrink-laptop);
  }
}
@media screen and (min-width: 1280px) {
  .fWGVta.jC_gVa {
    padding-top: var(--padding-top-lg-deprecated);
  }
  .fWGVta._7ZLBda {
    padding-right: var(--padding-right-lg-deprecated);
  }
  .fWGVta.bAR8Aa {
    padding-bottom: var(--padding-bottom-lg-deprecated);
  }
  .fWGVta.yEna0a {
    padding-left: var(--padding-left-lg-deprecated);
  }
  .fWGVta.Ns6JOa {
    flex-basis: var(--basis-lg-deprecated);
  }
  .fWGVta.fKj2Ta {
    flex-grow: var(--grow-lg-deprecated);
  }
  .fWGVta._4eVW-a {
    flex-shrink: var(--shrink-lg-deprecated);
  }
}
@media screen and (min-width: 1440px) {
  .fWGVta.mKC1fa {
    padding-top: var(--padding-top-desktop);
  }
  .fWGVta.kRwmYa {
    padding-right: var(--padding-right-desktop);
  }
  .fWGVta.eGsEba {
    padding-bottom: var(--padding-bottom-desktop);
  }
  .fWGVta.Jplr9a {
    padding-left: var(--padding-left-desktop);
  }
  .fWGVta._578p4a {
    flex-basis: var(--basis-desktop);
  }
  .fWGVta.x7jCTa {
    flex-grow: var(--grow-desktop);
  }
  .fWGVta.dVJCQa {
    flex-shrink: var(--shrink-desktop);
  }
}
@media screen and (min-width: 1920px) {
  .fWGVta.pULh1a {
    padding-top: var(--padding-top-widescreen);
  }
  .fWGVta.Un4Noa {
    padding-right: var(--padding-right-widescreen);
  }
  .fWGVta.IREMma {
    padding-bottom: var(--padding-bottom-widescreen);
  }
  .fWGVta.lz5Lja {
    padding-left: var(--padding-left-widescreen);
  }
  .fWGVta._-uiipa {
    flex-basis: var(--basis-widescreen);
  }
  .fWGVta.LPxfva {
    flex-grow: var(--grow-widescreen);
  }
  .fWGVta.Dqfk0a {
    flex-shrink: var(--shrink-widescreen);
  }
}
/*# sourceMappingURL=Flex.css.map */
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RowButton/RowButtonItem.scss.css ***!
  \********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6f4178 {
  display: flex;
  flex-grow: 1;
}
._06c6f4178 ._8efbcd178 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-align: left;
  min-width: 0;
  white-space: pre-wrap;
}
._06c6f4178 .f21137178 {
  color: #101928;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
._06c6f4178 ._88d5ce178 {
  margin-bottom: 8px;
}
._06c6f4178 ._3f17ad178 {
  color: #878c93;
  font-size: 15px;
  line-height: 21px;
}
._06c6f4178 .a6cde3178 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  min-width: 65px;
  text-align: right;
  margin-left: 8px;
}
._06c6f4178 .a6cde3178.bc5c21178 {
  justify-content: flex-start;
}
._06c6f4178 .a6cde3178.cae5c6178 {
  justify-content: center;
}
._06c6f4178 ._5c889b178 {
  text-decoration: line-through;
}
/*!**********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Avatar/Avatar.scss.css ***!
  \**********************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
@keyframes _889b7e0bc {
  0% {
    background-position: -400px 100%;
  }
  100% {
    background-position: 400px 300%;
  }
}
._06c66a0bc {
  position: relative;
  width: fit-content;
  height: fit-content;
  font-family: "Roobert PRO", sans-serif;
}
._06c66a0bc .c671260bc {
  display: flex;
  align-items: center;
  height: 100%;
  color: #6950f3;
  width: 100%;
  justify-content: center;
}
._06c66a0bc .ed709e0bc {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
._06c66a0bc .ed709e0bc.b4a0fb0bc {
  animation-duration: 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: _889b7e0bc;
  animation-timing-function: linear;
  background: linear-gradient(to right, #e7e8e9 30%, #d5d7da 50%, #e7e8e9 70%);
  background-size: 400px 400%;
}
._06c66a0bc._4097890bc .ed709e0bc {
  background-clip: content-box;
}
._06c66a0bc._4097890bc._8c2bed0bc .c671260bc {
  color: #6950f3;
  fill: #6950f3;
}
._06c66a0bc._4097890bc._8c2bed0bc .ed709e0bc {
  background-color: #e7e8ff;
  color: #6950f3;
  fill: #6950f3;
}
._06c66a0bc._4097890bc.afd97c0bc .c671260bc {
  color: #101928;
  fill: #101928;
}
._06c66a0bc._4097890bc.afd97c0bc .ed709e0bc {
  background-color: #f8f8fb;
  color: #101928;
  fill: #101928;
}
._06c66a0bc._4097890bc._2b0eab0bc .c671260bc {
  color: #101928;
  fill: #101928;
}
._06c66a0bc._4097890bc._2b0eab0bc .ed709e0bc {
  background-color: #fff4cc;
  border: 1px solid;
  color: #101928;
  fill: #101928;
}
._06c66a0bc._4097890bc._16dc960bc .c671260bc {
  color: #101928;
  fill: #101928;
}
._06c66a0bc._4097890bc._16dc960bc .ed709e0bc {
  background-color: #e7e8ff;
  border: 1px solid;
  color: #101928;
  fill: #101928;
}
._06c66a0bc._5397a10bc .ed709e0bc {
  padding: 0;
}
._06c66a0bc._5397a10bc .ed709e0bc::after {
  content: "";
  box-shadow: 0 0 0 1px #d5d7da, 0 0 0 3px #fff;
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-radius: inherit;
  color: inherit;
  transition: all 175ms ease-in-out;
}
._06c66a0bc._5397a10bc .ed709e0bc._29e8d80bc {
  border: 3px solid #fff;
}
._06c66a0bc._5397a10bc ._7935c90bc::after {
  box-shadow: 0 0 0 1px #d5d7da, 0 0 0 3px #fff, 0 0 0 6px;
}
@media (min-width: 769px) {
  ._06c66a0bc._5397a10bc .ed709e0bc {
    padding: 0;
  }
}
._06c66a0bc ._6105550bc {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._06c66a0bc.c3ca780bc,
._06c66a0bc.c3ca780bc .ed709e0bc,
._06c66a0bc.c3ca780bc ._6105550bc {
  border-radius: 50%;
}
._06c66a0bc.c15e8c0bc,
._06c66a0bc.c15e8c0bc .ed709e0bc,
._06c66a0bc.c15e8c0bc ._6105550bc {
  border-radius: 0;
}
._06c66a0bc._515efa0bc,
._06c66a0bc._515efa0bc .ed709e0bc,
._06c66a0bc._515efa0bc ._6105550bc {
  border-radius: 16px;
}
._06c66a0bc.d8ffdb0bc,
._06c66a0bc.d8ffdb0bc .ed709e0bc,
._06c66a0bc.d8ffdb0bc ._6105550bc {
  border-radius: 4px;
}
._06c66a0bc._935e160bc,
._06c66a0bc._935e160bc .ed709e0bc,
._06c66a0bc._935e160bc ._6105550bc {
  border-radius: 8px;
}
._06c66a0bc._5ccfb50bc .ed709e0bc {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}
._06c66a0bc.df74300bc .ed709e0bc {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
._06c66a0bc._0678530bc .ed709e0bc {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
._06c66a0bc.c88d8c0bc .ed709e0bc {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
._06c66a0bc.b9d0020bc .ed709e0bc {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
._06c66a0bc._346c990bc .ed709e0bc {
  width: 64px;
  height: 64px;
  min-width: 64px;
  min-height: 64px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
._06c66a0bc._7f0a9d0bc .ed709e0bc {
  width: 68px;
  height: 68px;
  min-width: 68px;
  min-height: 68px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
._06c66a0bc._780bff0bc .ed709e0bc {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}
._06c66a0bc._2bd7dd0bc .ed709e0bc {
  width: 88px;
  height: 88px;
  min-width: 88px;
  min-height: 88px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
._06c66a0bc._4321be0bc .ed709e0bc {
  width: 96px;
  height: 96px;
  min-width: 96px;
  min-height: 96px;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}
._06c66a0bc._942c360bc .ed709e0bc {
  width: 128px;
  height: 128px;
  min-width: 128px;
  min-height: 128px;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}
._06c66a0bc._805f4c0bc .ed709e0bc {
  width: 176px;
  height: 176px;
  min-width: 176px;
  min-height: 176px;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}
._06c66a0bc._9ba63b0bc .ed709e0bc {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  font-size: 18px;
}
._06c66a0bc.c0e75d0bc .ed709e0bc {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  font-size: 24px;
}
._06c66a0bc._0652910bc .ed709e0bc {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  font-size: 25px;
}
._06c66a0bc._8852840bc .ed709e0bc {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  font-size: 28px;
}
._06c66a0bc.b7c3f00bc .ed709e0bc {
  width: 96px;
  height: 96px;
  min-width: 96px;
  min-height: 96px;
  font-size: 36px;
}
._06c66a0bc._8b8b4e0bc .ed709e0bc {
  width: 112px;
  height: 112px;
  min-width: 112px;
  min-height: 112px;
  font-size: 36px;
}
._06c66a0bc.b047910bc .ed709e0bc {
  width: 128px;
  height: 128px;
  min-width: 128px;
  min-height: 128px;
  font-size: 40px;
}
._06c66a0bc._928e8b0bc .ed709e0bc {
  width: 176px;
  height: 176px;
  min-width: 176px;
  min-height: 176px;
  font-size: 40px;
}
/*!*************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Avatar/AvatarIcon/AvatarIcon.scss.css ***!
  \*************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
@keyframes _889bb3663 {
  0% {
    background-position: -400px 100%;
  }
  100% {
    background-position: 400px 300%;
  }
}
._06c6de663 {
  position: relative;
  width: fit-content;
  height: fit-content;
  font-family: "Roobert PRO", sans-serif;
}
._06c6de663 .c671cf663 {
  display: flex;
  align-items: center;
  height: 100%;
  color: #6950f3;
  width: 100%;
  justify-content: center;
}
._06c6de663 .ed702e663 {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
._06c6de663 .ed702e663.b4a0a0663 {
  animation-duration: 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: _889bb3663;
  animation-timing-function: linear;
  background: linear-gradient(to right, #e7e8e9 30%, #d5d7da 50%, #e7e8e9 70%);
  background-size: 400px 400%;
}
._06c6de663._4097df663 .ed702e663 {
  background-clip: content-box;
}
._06c6de663._4097df663._8c2bc7663 .c671cf663 {
  color: #6950f3;
  fill: #6950f3;
}
._06c6de663._4097df663._8c2bc7663 .ed702e663 {
  background-color: #e7e8ff;
  color: #6950f3;
  fill: #6950f3;
}
._06c6de663._4097df663.afd9d1663 .c671cf663 {
  color: #101928;
  fill: #101928;
}
._06c6de663._4097df663.afd9d1663 .ed702e663 {
  background-color: #f8f8fb;
  color: #101928;
  fill: #101928;
}
._06c6de663._4097df663._2b0e77663 .c671cf663 {
  color: #101928;
  fill: #101928;
}
._06c6de663._4097df663._2b0e77663 .ed702e663 {
  background-color: #fff4cc;
  border: 1px solid;
  color: #101928;
  fill: #101928;
}
._06c6de663._4097df663._16dcbc663 .c671cf663 {
  color: #101928;
  fill: #101928;
}
._06c6de663._4097df663._16dcbc663 .ed702e663 {
  background-color: #e7e8ff;
  border: 1px solid;
  color: #101928;
  fill: #101928;
}
._06c6de663._5397b4663 .ed702e663 {
  padding: 0;
}
._06c6de663._5397b4663 .ed702e663::after {
  content: "";
  box-shadow: 0 0 0 1px #d5d7da, 0 0 0 3px #fff;
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-radius: inherit;
  color: inherit;
  transition: all 175ms ease-in-out;
}
._06c6de663._5397b4663 .ed702e663._29e8dd663 {
  border: 3px solid #fff;
}
._06c6de663._5397b4663 ._7935a3663::after {
  box-shadow: 0 0 0 1px #d5d7da, 0 0 0 3px #fff, 0 0 0 6px;
}
@media (min-width: 769px) {
  ._06c6de663._5397b4663 .ed702e663 {
    padding: 0;
  }
}
._06c6de663 ._61058a663 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._06c6de663.c3ca3d663,
._06c6de663.c3ca3d663 .ed702e663,
._06c6de663.c3ca3d663 ._61058a663 {
  border-radius: 50%;
}
._06c6de663.c15e77663,
._06c6de663.c15e77663 .ed702e663,
._06c6de663.c15e77663 ._61058a663 {
  border-radius: 0;
}
._06c6de663._515e3a663,
._06c6de663._515e3a663 .ed702e663,
._06c6de663._515e3a663 ._61058a663 {
  border-radius: 16px;
}
._06c6de663.d8fff5663,
._06c6de663.d8fff5663 .ed702e663,
._06c6de663.d8fff5663 ._61058a663 {
  border-radius: 4px;
}
._06c6de663._935ea4663,
._06c6de663._935ea4663 .ed702e663,
._06c6de663._935ea4663 ._61058a663 {
  border-radius: 8px;
}
._06c6de663._5ccf90663 .ed702e663 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}
._06c6de663.df7404663 .ed702e663 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
._06c6de663._067824663 .ed702e663 {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
._06c6de663.c88de6663 .ed702e663 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
._06c6de663.b9d00a663 .ed702e663 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
._06c6de663._346ccf663 .ed702e663 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  min-height: 64px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
._06c6de663._7f0ae8663 .ed702e663 {
  width: 68px;
  height: 68px;
  min-width: 68px;
  min-height: 68px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
._06c6de663._780b3c663 .ed702e663 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}
._06c6de663._2bd7a1663 .ed702e663 {
  width: 88px;
  height: 88px;
  min-width: 88px;
  min-height: 88px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
._06c6de663._43212a663 .ed702e663 {
  width: 96px;
  height: 96px;
  min-width: 96px;
  min-height: 96px;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}
._06c6de663._942cc9663 .ed702e663 {
  width: 128px;
  height: 128px;
  min-width: 128px;
  min-height: 128px;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}
._06c6de663._805f04663 .ed702e663 {
  width: 176px;
  height: 176px;
  min-width: 176px;
  min-height: 176px;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}
._06c6de663._9ba63a663 .ed702e663 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  font-size: 18px;
}
._06c6de663.c0e764663 .ed702e663 {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  font-size: 24px;
}
._06c6de663._0652aa663 .ed702e663 {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  font-size: 25px;
}
._06c6de663._885267663 .ed702e663 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  font-size: 28px;
}
._06c6de663.b7c37d663 .ed702e663 {
  width: 96px;
  height: 96px;
  min-width: 96px;
  min-height: 96px;
  font-size: 36px;
}
._06c6de663._8b8b27663 .ed702e663 {
  width: 112px;
  height: 112px;
  min-width: 112px;
  min-height: 112px;
  font-size: 36px;
}
._06c6de663.b047bc663 .ed702e663 {
  width: 128px;
  height: 128px;
  min-width: 128px;
  min-height: 128px;
  font-size: 40px;
}
._06c6de663._928efc663 .ed702e663 {
  width: 176px;
  height: 176px;
  min-width: 176px;
  min-height: 176px;
  font-size: 40px;
}

._06c6de663 {
  position: absolute;
}
._06c6de663._22dbff663 {
  top: 17.372583002px;
  left: 17.372583002px;
}
._06c6de663._543a9e663 {
  top: 23.7157287525px;
  left: 23.7157287525px;
}
._06c6de663._1e9cc9663 {
  top: 26.8873016278px;
  left: 26.8873016278px;
}
._06c6de663._5322b2663 {
  top: 30.058874503px;
  left: 30.058874503px;
}
._06c6de663.a3f20f663 {
  top: 36.4020202536px;
  left: 36.4020202536px;
}
._06c6de663._9a0d37663 {
  top: 42.7451660041px;
  left: 42.7451660041px;
}
._06c6de663._62bc54663 {
  top: 45.9167388793px;
  left: 45.9167388793px;
}
._06c6de663._67984e663 {
  top: 55.4314575051px;
  left: 55.4314575051px;
}
._06c6de663._48d1c2663 {
  top: 61.7746032556px;
  left: 61.7746032556px;
}
._06c6de663.b68c61663 {
  top: 68.1177490061px;
  left: 68.1177490061px;
}
._06c6de663.b6c894663 {
  top: 93.4903320081px;
  left: 93.4903320081px;
}
._06c6de663.a43725663 {
  top: 131.5492065112px;
  left: 131.5492065112px;
}
._06c6de663._6087e7663 {
  top: 17.372583002px;
  left: 17.372583002px;
}
._06c6de663._47a66d663 {
  top: 26.8873016278px;
  left: 26.8873016278px;
}
._06c6de663._245cc0663 {
  top: 39.5735931288px;
  left: 39.5735931288px;
}
._06c6de663._36c8a8663 {
  top: 55.4314575051px;
  left: 55.4314575051px;
}
._06c6de663._8c1040663 {
  top: 68.1177490061px;
  left: 68.1177490061px;
}
._06c6de663._70fd88663 {
  top: 80.8040405071px;
  left: 80.8040405071px;
}
._06c6de663._3418dd663 {
  top: 93.4903320081px;
  left: 93.4903320081px;
}
._06c6de663._7e507f663 {
  top: 131.5492065112px;
  left: 131.5492065112px;
}
._06c6de663 .a6221c663 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border: 2px solid white;
  border-radius: 100%;
}
._06c6de663 .a6221c663.d393fc663 {
  background-color: #fff;
}
._06c6de663 .a6221c663.d393fc663::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: "";
  border: 1px solid #d5d7da;
}
._06c6de663 .a6221c663._535212663 {
  background-color: #00a36d;
}
._06c6de663 .a6221c663._6ebe8a663 {
  background-color: #006141;
}
._06c6de663 .a6221c663.b06c40663 {
  background-color: #59be40;
}
._06c6de663 .a6221c663._26f94e663 {
  background-color: #da2346;
}
._06c6de663 .a6221c663._561396663 {
  background-color: #e66422;
}
._06c6de663 .a6221c663.b89e40663 {
  background-color: #878c93;
}
._06c6de663 .a6221c663._4918ef663 {
  background-color: #404753;
}
._06c6de663 .a6221c663._5faad6663 {
  background-color: #101928;
}
._06c6de663 .a6221c663.d30ca0663 {
  background-color: #ffc00a;
}
._06c6de663 .a6221c663.e8b952663 {
  background-color: #f19101;
}
._06c6de663 .a6221c663._14d5a6663 {
  background-color: #6950f3;
}
._06c6de663 .a6221c663._4769d1663 {
  background-color: #8880ff;
}
._06c6de663 .a6221c663._73a4b6663 {
  background-color: #6950f3;
}
._06c6de663 .a6221c663._370322663 {
  background-color: #5c4ace;
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ModalFullScreen/ModalFullScreen.scss.css ***!
  \****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c601ce0 {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
._06c601ce0._89b9d9ce0 {
  background: #f2f2f7;
}
._06c601ce0._38d3e5ce0 {
  z-index: 2000;
}
._06c601ce0 ._1778e3ce0 {
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex: 1;
  -webkit-overflow-scrolling: touch;
}
._06c601ce0._1b7c44ce0 {
  background: #f8f8fb;
}
._06c601ce0._2db7afce0 {
  background: white;
}
._06c601ce0 .ed700fce0 {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1 0 auto;
  min-height: 0;
}
._06c601ce0._8664d7ce0 .ed700fce0 {
  flex-shrink: 1;
}
@media (max-width: 767px) {
  ._06c601ce0 ._6bb48ece0 {
    position: relative;
    will-change: transform, opacity;
    transition: transform 200ms ease-in-out, opacity 200ms;
    transform: translateX(100vw);
    opacity: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  ._06c601ce0 ._6bb48ece0.d1c0dece0 {
    transform: translateY(100vh);
  }
  ._06c601ce0 .b4b3a4ce0 {
    transition: opacity 200ms;
    opacity: 0;
  }
  ._06c601ce0._968702ce0 ._6bb48ece0 {
    transform: translateX(0);
    opacity: 1;
  }
  ._06c601ce0._968702ce0 ._6bb48ece0.d1c0dece0 {
    transform: translateY(0);
  }
  ._06c601ce0._968702ce0 .b4b3a4ce0 {
    opacity: 1;
  }
}
/*!***************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ViewMobileHeader/ViewMobileHeaderBarVisual.scss.css ***!
  \***************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c66d79e {
  --safeAreaInsetTop: env(safe-area-inset-top);
  position: sticky;
  top: 0;
  z-index: 499;
  display: grid;
  grid-template-areas: "ls c rs";
  grid-template-columns: max-content auto max-content;
  grid-template-rows: minmax(56px, auto);
  width: 100%;
  padding-top: var(--safeAreaInsetTop);
  align-items: center;
  transition: background-color 200ms ease;
}
._06c66d79e._3b942b79e {
  --safeAreaInsetTop: 0;
}
._06c66d79e._13e83a79e {
  background-color: #fff;
}
._06c66d79e._131d9a79e {
  background-color: #6950f3;
}
._06c66d79e.cfc70379e {
  background-color: #f2f2f7;
}
._06c66d79e.e6ea6d79e {
  background-color: #101928;
}
._06c66d79e.e6ea6d79e._02284179e {
  background-color: #fff;
}
._06c66d79e.a9359879e {
  background-color: transparent;
}
._06c66d79e.a9359879e._02284179e {
  background-color: #fff;
}
._06c66d79e.f1793179e {
  grid-template-columns: 1fr auto 1fr;
}
._06c66d79e._32559579e::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #e7e8e9;
  opacity: 0;
  transition: opacity 200ms ease;
}
._06c66d79e ._0cad3779e {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  grid-area: c;
  opacity: 0;
  transition: opacity 200ms ease;
}
._06c66d79e ._4bd67079e,
._06c66d79e .d8f01879e {
  display: grid;
  grid-template-columns: max-content;
  gap: 16px;
  grid-auto-flow: column;
  align-items: center;
}
._06c66d79e ._4bd67079e {
  justify-content: flex-start;
  grid-area: ls;
  padding-right: 16px;
}
._06c66d79e .d8f01879e {
  justify-content: flex-end;
  grid-area: rs;
  padding-left: 16px;
}
._06c66d79e .b90b6c79e {
  grid-column: 1/-1;
}
._06c66d79e._02284179e::after {
  opacity: 0.999;
}
._06c66d79e._02284179e ._0cad3779e {
  opacity: 0.999;
}
._06c66d79e ._701ad879e {
  grid-area: bar;
}
/*!***************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ViewMobileHeader/ViewMobileHeaderInContent.scss.css ***!
  \***************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6fd91a {
  width: 100%;
  padding-bottom: 24px;
  display: grid;
  grid-gap: 8px;
}
._06c6fd91a._13e86291a {
  background-color: #fff;
}
._06c6fd91a._131d3791a {
  background-color: #6950f3;
}
._06c6fd91a.a935ae91a {
  background-color: transparent;
}
._06c6fd91a.eeaf8291a {
  padding-top: 16px;
}
._06c6fd91a._4c0cee91a {
  text-align: left;
}
._06c6fd91a._4d31f391a {
  text-align: center;
}
/*!***********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ModalFullScreen/FullScreenModalContent.scss.css ***!
  \***********************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._06c6f6684 {
  width: 100%;
}
@media (min-width: 992px) {
  ._06c6f6684 {
    max-width: 820px;
  }
}
._06c6f6684.f3d90b684 {
  display: grid;
  gap: 24px;
  padding: 0 16px;
  margin-bottom: 16px;
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/MobileFooter/MobileFooter.scss.css ***!
  \**********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6756b7 {
  z-index: 499;
  bottom: 0;
  display: grid;
  grid-auto-rows: auto;
  gap: 8px;
  padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
  width: 100%;
  background: white;
  margin-top: auto;
  flex-shrink: 0;
}
._06c6756b7._964a186b7 {
  position: sticky;
  border-top: 1px solid #e7e8e9;
  padding-top: 16px;
}
._06c6756b7 ._931ef76b7 {
  display: grid;
  grid-auto-flow: column;
  width: 100%;
  gap: 16px;
  grid-auto-columns: 1fr;
}
._06c6756b7 ._931ef76b7.eeeb496b7 {
  grid-template-columns: 48px auto;
}
._06c6756b7 ._931ef76b7.c1d2f26b7 {
  grid-template-columns: minmax(25%, 50%) minmax(50%, 75%);
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Cards/ModalCard/ModalCard.scss.css ***!
  \**********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6fa471 {
  max-height: calc(100vh - 64px);
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: center;
}
._06c6fa471 .a622fe471 {
  max-height: 736px;
}
._06c6fa471 ._477b18471 {
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
._06c6fa471 ._246080471 {
  margin-left: auto;
  margin-right: -4px;
}
._06c6fa471 ._246080471 svg path {
  fill: #101928;
}
._06c6fa471 .bd238b471 {
  margin-left: -4px;
  margin-right: 10px;
  display: inline-block;
}
._06c6fa471 .bd238b471 svg path {
  fill: #101928;
}
._06c6fa471._36cab7471 .a622fe471 {
  width: 100%;
  max-width: 660px;
  max-height: inherit;
  height: auto;
}
._06c6fa471._4dad61471 .a622fe471 {
  height: auto;
  width: auto;
}
._06c6fa471._9ba621471 .a622fe471 {
  width: 100%;
  max-width: 480px;
}
._06c6fa471._0652d3471 .a622fe471 {
  width: 100%;
  max-width: 660px;
  height: 100%;
}
._06c6fa471._4f1c15471 {
  padding: 0 32px;
}
._06c6fa471._4f1c15471 .a622fe471 {
  width: 100%;
  max-width: 1100px;
  height: 100%;
}
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DeprecatedCard/DeprecatedCard.scss.css ***!
  \**************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6fbb70 {
  padding: 24px;
  box-shadow: 0 4px 8px 0 rgba(16, 25, 40, 0.1);
  position: relative;
}
._06c6fbb70 > .bd9353b70 {
  position: absolute;
  right: 24px;
  top: 24px;
}
._06c6fbb70.b7e3efb70 {
  box-shadow: none;
}
._06c6fbb70._179b2cb70 {
  border: 1px solid #d5d7da;
}
._06c6fbb70.e18dfcb70 {
  border-color: #b0b1fd;
}
._06c6fbb70._1a303fb70 {
  border-color: #e97b90;
}
._06c6fbb70.d3a18db70 {
  background-color: transparent;
}
._06c6fbb70.d3a18db70 .cf38abb70,
._06c6fbb70.d3a18db70 ._0bbadcb70 {
  background-color: transparent;
}
._06c6fbb70._2db76cb70 {
  background-color: white;
}
._06c6fbb70._373bf1b70 {
  background-color: #d5d7da;
}
._06c6fbb70._373bf1b70 .cf38abb70,
._06c6fbb70._373bf1b70 ._0bbadcb70 {
  background-color: #d5d7da;
}
._06c6fbb70.dea71cb70 {
  background-color: #f2f2f7;
}
._06c6fbb70._9fcaadb70 {
  background-color: #e7e8ff;
}
._06c6fbb70._091bfab70 {
  background-color: #fadee3;
}
._06c6fbb70.dc62a4b70 {
  padding: 24px;
}
._06c6fbb70.dc62a4b70 .cf38abb70 {
  padding: 24px 24px;
}
._06c6fbb70.dc62a4b70 ._0bbadcb70 {
  padding: 24px;
}
._06c6fbb70.ad48fbb70 {
  padding: 0;
}
._06c6fbb70.ad48fbb70 .cf38abb70 {
  padding: 24px 24px;
}
._06c6fbb70.ad48fbb70 ._0bbadcb70 {
  padding: 24px;
}
._06c6fbb70._8a3664b70 {
  padding: 6px;
}
._06c6fbb70._8a3664b70 ._0bbadcb70 {
  padding: 6px;
}
._06c6fbb70._8a3664b70 > .bd9353b70 {
  right: 6px;
  top: 6px;
}
._06c6fbb70._9a6997b70 {
  padding: 16px;
}
._06c6fbb70._9a6997b70 > .cf38abb70 {
  padding: 24px 16px 16px 16px;
}
._06c6fbb70._9a6997b70 > ._0bbadcb70 {
  padding: 24px 16px 40px 16px;
}
._06c6fbb70._9a6997b70 > .bd9353b70 {
  right: 16px;
  top: 16px;
}
._06c6fbb70.d2b73ab70 {
  padding: 16px;
}
._06c6fbb70.d2b73ab70 > .cf38abb70 {
  padding: 24px 16px 16px 16px;
}
._06c6fbb70.d2b73ab70 > ._0bbadcb70 {
  padding: 24px 16px 24px 16px;
}
._06c6fbb70.d2b73ab70 > ._0bbadcb70:last-child {
  padding: 24px 16px 40px 16px;
}
._06c6fbb70.d2b73ab70 > .bd9353b70 {
  right: 16px;
  top: 16px;
}
._06c6fbb70._1e8a0ab70 {
  padding: 32px;
}
._06c6fbb70._1e8a0ab70 .cf38abb70 {
  padding: 16px 32px;
}
._06c6fbb70._1e8a0ab70 ._0bbadcb70 {
  padding: 24px 32px 40px;
}
._06c6fbb70._1e8a0ab70 .ee92bdb70 {
  padding: 24px 32px;
}
._06c6fbb70._1e8a0ab70 > .bd9353b70 {
  right: 32px;
  top: 32px;
}
._06c6fbb70.a82ee8b70 {
  padding: 32px;
}
._06c6fbb70.a82ee8b70 .cf38abb70 {
  padding: 16px 32px;
}
._06c6fbb70.a82ee8b70 ._0bbadcb70 {
  padding: 24px 32px 24px;
}
._06c6fbb70.a82ee8b70 ._0bbadcb70:last-child {
  padding: 24px 32px 40px;
}
._06c6fbb70.a82ee8b70 .ee92bdb70 {
  padding: 24px 32px;
}
._06c6fbb70.a82ee8b70 > .bd9353b70 {
  right: 32px;
  top: 32px;
}
._06c6fbb70._5af9dcb70 {
  padding: 24px 16px;
}
._06c6fbb70._5af9dcb70 > .cf38abb70 {
  padding: 16px;
}
._06c6fbb70._5af9dcb70 > ._0bbadcb70 {
  padding: 24px 16px;
}
._06c6fbb70._5af9dcb70 > .bd9353b70 {
  right: 16px;
  top: 16px;
}
._06c6fbb70._080eeeb70 {
  padding: 0;
}
._06c6fbb70._080eeeb70 > .cf38abb70 {
  padding: 16px;
}
._06c6fbb70._080eeeb70 > ._0bbadcb70 {
  padding: 16px;
}
._06c6fbb70._080eeeb70 > .bd9353b70 {
  right: 16px;
  top: 16px;
}
._06c6fbb70.c2c7ecb70 {
  padding: 24px 24px 40px 24px;
}
._06c6fbb70.c2c7ecb70 .cf38abb70 {
  padding: 24px;
}
._06c6fbb70.c2c7ecb70 ._0bbadcb70 {
  padding: 24px 24px 40px 24px;
}
._06c6fbb70.c2c7ecb70 .ee92bdb70 {
  padding: 24px;
}
._06c6fbb70.c2c7ecb70 > .bd9353b70 {
  right: 24px;
  top: 24px;
}
._06c6fbb70.bdcb67b70 {
  padding: 24px 0;
}
._06c6fbb70.bdcb67b70 > .cf38abb70 {
  padding: 24px 0;
}
._06c6fbb70.bdcb67b70 > ._0bbadcb70 {
  padding: 24px 0;
}
._06c6fbb70.bdcb67b70 > .ee92bdb70 {
  padding: 24px 0;
}
._06c6fbb70.bdcb67b70 > .bd9353b70 {
  right: 24px;
  top: 24px;
}
._06c6fbb70._61525db70 {
  padding: 24px 0 40px;
}
._06c6fbb70._61525db70 > .cf38abb70 {
  padding: 24px 0;
}
._06c6fbb70._61525db70 > ._0bbadcb70 {
  padding: 24px 0 40px;
}
._06c6fbb70._61525db70 > .ee92bdb70 {
  padding: 24px 0;
}
._06c6fbb70._61525db70 > .bd9353b70 {
  right: 24px;
  top: 24px;
}
._06c6fbb70.fec9eab70 {
  padding: 16px 0 40px 0;
}
._06c6fbb70.fec9eab70 .cf38abb70 {
  padding: 16px 0;
}
._06c6fbb70.fec9eab70 ._0bbadcb70 {
  padding: 16px 0 40px 0;
}
._06c6fbb70.fec9eab70 .ee92bdb70 {
  padding: 16px 0;
}
._06c6fbb70.fec9eab70 > .bd9353b70 {
  right: 0;
  top: 16px;
}
._06c6fbb70._463b91b70 {
  padding: 0;
}
._06c6fbb70._463b91b70 .cf38abb70 {
  padding: 0;
}
._06c6fbb70._463b91b70 ._0bbadcb70 {
  padding: 0;
  margin: 0;
}
._06c6fbb70._3e20a2b70 {
  padding: 0;
}
._06c6fbb70._177885b70 {
  overflow: auto;
}
._06c6fbb70._5994ccb70 {
  border-radius: 4px;
}
._06c6fbb70._278737b70 {
  border-radius: 8px;
}
._06c6fbb70._0dfc8bb70 {
  border-radius: 16px;
}
._06c6fbb70._5994ccb70 ._0bbadcb70:first-child, ._06c6fbb70._278737b70 ._0bbadcb70:first-child, ._06c6fbb70._0dfc8bb70 ._0bbadcb70:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
._06c6fbb70._5994ccb70 ._0bbadcb70:last-child, ._06c6fbb70._278737b70 ._0bbadcb70:last-child, ._06c6fbb70._0dfc8bb70 ._0bbadcb70:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
._06c6fbb70 .cf38abb70,
._06c6fbb70 ._0bbadcb70 {
  padding: 24px;
  background-color: inherit;
}
._06c6fbb70 .cf38abb70:last-child,
._06c6fbb70 ._0bbadcb70:last-child {
  border-radius: 0 0 8px 8px;
}
._06c6fbb70.a02ed1b70 {
  margin-top: 37px;
  z-index: 10;
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Cards/ScrollableCard/ScrollableCard.scss.css ***!
  \********************************************************************************************************************************************/
.ed7041770 {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  background: inherit;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DeprecatedCard/DeprecatedCardHeader/DeprecatedCardHeader.scss.css ***!
  \*****************************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6d7656 {
  transition: box-shadow 300ms;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0);
  z-index: 1;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid rgba(16, 25, 40, 0.1);
}
._06c6d7656 ._5e60a7656 {
  display: flex;
  align-items: flex-start;
}
._06c6d7656 ._5e60a7656 ._86112b656 {
  flex: 1;
}
._06c6d7656 ._5e60a7656 ._86112b656 ._2cb309656 {
  font-size: 20px;
}
._06c6d7656 .c8fce9656 {
  margin-bottom: 2px;
}
._06c6d7656 ._176c55656 {
  margin-top: 2px;
}
._06c6d7656 ._10915c656 {
  padding: 24px 32px;
  margin: 16px -32px -16px;
  border-top: 1px solid rgba(16, 25, 40, 0.1);
}
._06c6d7656._5d13aa656._5d13aa656 {
  padding-bottom: 0;
  border-bottom: none;
}
._06c6d7656.def76c656 {
  border-radius: 0;
}
._06c6d7656._964a59656 {
  position: sticky;
  top: 0;
}
._06c6d7656._2643db656 {
  text-align: center;
}
._06c6d7656._994f14656 {
  padding-top: 0 !important;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DeprecatedCard/DeprecatedCardHeader/DeprecatedCardHeaderLinks.css ***!
  \*****************************************************************************************************************************************************************/
._06c698380 {
  margin-top: 2px;
}
/*!**********************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DeprecatedCard/DeprecatedCardHeader/DeprecatedCardHeaderAddon.scss.css ***!
  \**********************************************************************************************************************************************************************/
._06c6e8fb8.f179bbfb8 {
  display: flex;
  justify-content: center;
}
._06c6e8fb8._080e49fb8.b64bbdfb8 {
  padding-top: 16px;
}
._06c6e8fb8._080e49fb8._097991fb8 {
  padding-bottom: 16px;
}
._06c6e8fb8._124e87fb8.b64bbdfb8 {
  padding-top: 24px;
}
._06c6e8fb8._124e87fb8._097991fb8 {
  padding-bottom: 24px;
}
/*!*********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DeprecatedCard/DeprecatedCardSection.scss.css ***!
  \*********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6acb38._06c6acb38._06c6acb38 {
  border-bottom: 1px solid rgba(16, 25, 40, 0.1);
}
._06c6acb38._06c6acb38._06c6acb38:last-child {
  border: none;
}
._06c6acb38._06c6acb38._06c6acb38.a7e4d5b38 {
  position: sticky;
  top: 0;
}
._06c6acb38._06c6acb38._06c6acb38._0e08c0b38 {
  position: sticky;
  border-top: 1px solid rgba(16, 25, 40, 0.1);
  margin-top: auto;
  bottom: 0;
}
._06c6acb38._06c6acb38._06c6acb38._5f7b6db38 {
  padding: 0 !important;
}
._06c6acb38._06c6acb38._06c6acb38._994f2ab38 {
  padding-top: 0 !important;
}
._06c6acb38._06c6acb38._06c6acb38._469564b38 {
  border: none;
}
._06c6acb38._06c6acb38._06c6acb38._35a58ab38 {
  min-height: 215px;
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DeprecatedCard/DeprecatedCardFooter.scss.css ***!
  \********************************************************************************************************************************************/
._06c6f6d9e {
  transition: box-shadow 300ms;
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0);
  z-index: 1;
  border-radius: 0 0 8px 8px;
  margin-top: auto;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DeprecatedCard/DeprecatedCardFooterWithButtons.scss.css ***!
  \*******************************************************************************************************************************************************/
._06c663c10 {
  display: flex;
  justify-content: space-between;
}
._06c663c10 ._931e64c10 {
  display: inline-grid;
  gap: 16px;
  grid-auto-flow: column;
  margin: -8px 0;
}
._06c663c10 ._931e64c10 > button {
  min-width: 120px;
}
._06c663c10 .eef8efc10 {
  display: flex;
  align-items: center;
}
/*!***********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Item/ActionRow.scss.css ***!
  \***********************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6d99e9 {
  color: inherit;
}
._06c6d99e9.b7e6b49e9 {
  animation: be39139e9 ease-out forwards 2250ms;
}
._06c6d99e9.fa0ada9e9 {
  cursor: pointer;
}

@keyframes be39139e9 {
  from {
    background-color: #fff4cc;
  }
  99% {
    background-color: inherit;
  }
  /* stylelint-disable-line block-no-empty */
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Notifications/core/NotificationCore.scss.css ***!
  \********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c6ccf32 {
  padding: 16px 24px;
}
._06c6ccf32.cdc044f32, ._06c6ccf32.b021a2f32 {
  border-radius: 200px;
  box-shadow: 0 4px 8px 0 rgba(16, 25, 40, 0.1);
  transition: box-shadow 200ms;
}
@media (hover: hover) and (pointer: fine) {
  ._06c6ccf32.cdc044f32:hover, ._06c6ccf32.b021a2f32:hover {
    box-shadow: 0 8px 16px 0 rgba(16, 25, 40, 0.08);
  }
}
._06c6ccf32.cdc044f32 {
  padding: 5px 15px;
}
._06c6ccf32.b021a2f32 {
  padding: 4px 22px 4px 4px;
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Notifications/core/ComponentWithProgress/ComponentWithProgress.scss.css ***!
  \***********************************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6b4d1c {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.b5f967d1c {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

._0d3655d1c {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.2;
}
/*!*****************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Notifications/core/ProgressRing/ProgressRing.scss.css ***!
  \*****************************************************************************************************************************************************/
._06c6a025d {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Notifications/components/StatusBanner/StatusBanner.scss.css ***!
  \***********************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c697d74 .c2d4e6d74 {
  border-radius: 50%;
  width: 18px;
  height: 18px;
}
._06c697d74 .c2d4e6d74._8c87f3d74 {
  background-color: #ffc00a;
}
._06c697d74 .c2d4e6d74._7b6c98d74 {
  background-color: #da2346;
}
/*!************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Tooltip/Tooltip.scss.css ***!
  \************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c634636 {
  padding: 2px 8px 5px;
  font-size: 15px;
  border-radius: 4px;
  color: #fff;
  max-width: 80vw;
}
@media (min-width: 768px) {
  ._06c634636 {
    max-width: 320px;
  }
}
._06c634636._959e72636 {
  opacity: 1 !important;
}
._06c634636._6fac44636 {
  box-shadow: 0 4px 8px 0 rgba(16, 25, 40, 0.1);
}
._06c634636._9f777d636 {
  font-size: 17px !important;
}
/*!***********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Item/StickyRow.scss.css ***!
  \***********************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c695eb2 {
  width: 100%;
  position: sticky;
  z-index: 2001;
}
._06c695eb2._4f1a2eeb2 {
  border-bottom: 1px #e7e8e9 solid;
}
._06c695eb2._985972eb2 {
  top: 0;
}
._06c695eb2._33f983eb2 {
  top: 56px;
}
._06c695eb2.a7d2a7eb2 {
  top: 138px;
}
._06c695eb2.d393a9eb2 {
  background-color: #fff;
}
._06c695eb2._1ec58feb2 {
  background-color: transparent;
}
/*!***********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Separator/Separator.css ***!
  \***********************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6dc1e2 {
  width: 100%;
}
._06c6dc1e2._06528b1e2 {
  height: 1px;
}
._06c6dc1e2._5797e51e2 {
  height: 16px;
}
._06c6dc1e2._1cfed31e2 {
  height: 32px;
}
._06c6dc1e2._8c2b741e2 {
  margin-top: 40px;
  margin-bottom: 24px;
}
._06c6dc1e2.e37b941e2 {
  margin-top: 24px;
  margin-bottom: 24px;
}
._06c6dc1e2._809c591e2 {
  margin-top: 32px;
  margin-bottom: 32px;
}
._06c6dc1e2.fdbe421e2 {
  margin-top: 0;
  margin-bottom: 0;
}
._06c6dc1e2._3f90351e2 {
  margin-top: 8px;
  margin-bottom: 8px;
}
._06c6dc1e2._3530541e2 {
  margin-top: 12px;
  margin-bottom: 12px;
}
._06c6dc1e2._43064f1e2 {
  margin-top: 16px;
  margin-bottom: 16px;
}
._06c6dc1e2.e0496b1e2 {
  margin-top: 16px;
  margin-bottom: 24px;
}
._06c6dc1e2.a253361e2 {
  margin-top: 40px;
  margin-bottom: 0;
}
._06c6dc1e2._9635411e2 {
  margin-top: 24px;
  margin-bottom: 0;
}
._06c6dc1e2._3e67d71e2 {
  margin-top: 16px;
  margin-bottom: 0;
}
._06c6dc1e2._2b62d61e2 {
  width: calc(100% + 32px);
  margin-top: 16px;
  margin-left: -16px;
}
._06c6dc1e2._3832021e2 {
  width: 1px;
  height: 60%;
  margin-right: 8px;
  margin-left: 8px;
}
._06c6dc1e2.f7166f1e2 {
  background-color: #f2f2f7;
}
@media (min-width: 992px) {
  ._06c6dc1e2.f7166f1e2 {
    background-color: #e8e8ee;
  }
}
._06c6dc1e2._1b7ca91e2 {
  background-color: #f8f8fb;
}
._06c6dc1e2._47cd671e2 {
  background-color: #e8e8ee;
}
._06c6dc1e2.ed88a51e2 {
  background-color: #d5d7da;
}
._06c6dc1e2._7d76cf1e2 {
  background-color: #e7e8e9;
}
/*!********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Modal/Modal.scss.css ***!
  \********************************************************************************************************************/
._06c6c6136 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
}
._06c6c6136 ._6bb4fd136 {
  position: relative;
  will-change: transform, opacity;
  transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms, opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transform: translateY(200px);
  opacity: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
._06c6c6136 .b4b394136 {
  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  opacity: 0;
  position: absolute;
}
._06c6c6136._968792136 ._6bb4fd136 {
  transform: translateY(0);
  opacity: 1;
}
._06c6c6136._968792136 .b4b394136 {
  opacity: 1;
}
/*!******************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Card/Card.scss.css ***!
  \******************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6ee4da {
  width: 100%;
}
._06c6ee4da._4f1aa84da {
  border: 1px solid #d5d7da;
}
._06c6ee4da._0fcbad4da {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23d5d7da' stroke-width='2' stroke-dasharray='10, 14' stroke-dashoffset='0' stroke-linecap='square'/%3E%3C/svg%3E");
}
._06c6ee4da._0bb0774da {
  box-shadow: 0 4px 8px 0 rgba(16, 25, 40, 0.1);
}
._06c6ee4da.b6a0b14da {
  min-height: 210px;
}
._06c6ee4da._60ce4f4da {
  min-height: 120px;
}
._06c6ee4da.adb1ee4da {
  min-height: 127px;
}
._06c6ee4da._7323bf4da {
  min-height: 135px;
}
._06c6ee4da._5637cd4da {
  min-height: 90px;
}
._06c6ee4da._2749364da {
  border-radius: 8px;
}
._06c6ee4da._2749364da > :first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
._06c6ee4da._2749364da > :last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
._06c6ee4da.bfe6b74da {
  max-width: 300px;
}
/*!******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Card/Card.backgrounds.scss.css ***!
  \******************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
.f6ce2437d {
  background-color: #f2f2f7;
}

.db33ea37d {
  background-color: #f8f8fb;
}

.ef9b0637d {
  background-color: #e7e8ff;
}

.d3939637d {
  background-color: #fff !important;
}

.b05bb137d {
  background: linear-gradient(var(--linear-gradient-accent-direction-rotation, 135deg), var(--linear-gradient-accent-stops-stop0-color, #6950f3) 0%, var(--linear-gradient-accent-stops-stop100-color, #403591) 100%);
}
/*!*********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Card/CardTitleAddons/CardTitleAddons.scss.css ***!
  \*********************************************************************************************************************************************/
._06c68c6e7 > * {
  margin-left: 8px;
}
/*!*************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Card/CardActions/CardActions.scss.css ***!
  \*************************************************************************************************************************************/
._06c69a7eb > div + div {
  padding-left: 8px;
}
/*!***********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Card/CardHeader/CardHeader.scss.css ***!
  \***********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c65ab5e._002c4db5e {
  border-bottom: 1px solid #e7e8e9;
}
._06c65ab5e._964ac1b5e {
  position: sticky;
  top: 0;
  background: inherit;
  z-index: 12;
}
._06c65ab5e._964ac1b5e._33f9d6b5e {
  top: calc(env(safe-area-inset-top) + 56px);
}
._06c65ab5e ._176c5bb5e {
  margin-top: 2px;
}
._06c65ab5e .ce7f1ab5e {
  margin-top: 2px;
}
._06c65ab5e .bf23f8b5e {
  margin-left: 8px;
}
/*!*************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Card/CardSection/CardSection.scss.css ***!
  \*************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c65bca9 {
  width: 100%;
}
._06c65bca9._8fa71aca9 {
  margin-top: auto;
}
._06c65bca9._002c16ca9 {
  border-bottom: 1px solid #e7e8e9;
}
._06c65bca9._002c16ca9._3f0506ca9:last-child {
  border-bottom: none;
}
._06c65bca9 ._33bfb6ca9 {
  width: 100%;
}
._06c65bca9 ._33bfb6ca9._85e848ca9 {
  max-width: 496px;
}
._06c65bca9.adca98ca9 {
  flex-grow: 1;
}

._177861ca9 {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/*!*************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Card/CardSectionHeader/CardSectionHeader.scss.css ***!
  \*************************************************************************************************************************************************/
._06c613862 {
  width: 100%;
}
._06c613862 ._176c74862 {
  margin-top: 2px;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Card/CardSeparatorWrapper/CardSeparatorWrapper.scss.css ***!
  \*******************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6dd993.d39335993 {
  background-color: white;
}
._06c6dd993.f6ce8c993 {
  background-color: #f2f2f7;
}
._06c6dd993._7b7f1d993 {
  background-color: #e8e8ee;
}
._06c6dd993 > * {
  min-width: 0;
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Modal/ModalCard/ModalCard.scss.css ***!
  \**********************************************************************************************************************************/
._06c6be53c {
  width: 100%;
  max-height: calc(100vh - 64px);
  margin: 0 auto;
}
._06c6be53c._0652f653c {
  max-width: 640px;
}
._06c6be53c._0652f653c._4bd09253c {
  height: 596px;
}
._06c6be53c._9ba6d653c {
  max-width: 480px;
}
._06c6be53c._9ba6d653c._4bd09253c {
  height: 400px;
}
._06c6be53c._277f1453c {
  max-width: 720px;
}
._06c6be53c._277f1453c._4bd09253c {
  height: 680px;
}
._06c6be53c._8852ee53c {
  max-width: 1100px;
}
._06c6be53c._8852ee53c._4bd09253c {
  height: 736px;
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Modal/ModalContent/ModalContent.scss.css ***!
  \****************************************************************************************************************************************/
._06c676839 {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
._06c676839._0fc8c2839 {
  overflow: visible;
}
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Modal/ModalFooter/ModalFooter.scss.css ***!
  \**************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c697ef8 {
  border-top: 1px solid #e7e8e9;
}
._06c697ef8 ._79b6f8ef8 {
  margin-left: auto;
}
._06c697ef8 ._79b6f8ef8 > * {
  margin-left: 16px;
}
/*!***********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ModalBasic/Section/Section.scss.css ***!
  \***********************************************************************************************************************************/
._06c670b31:first-child .d7f0bdb31 {
  padding-top: 0;
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DropdownMenu/DropdownMenu.scss.css ***!
  \**********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6eed58 {
  position: relative;
}
._06c6eed58._234874d58 {
  box-shadow: none;
  transform: none;
}

._8e82d8d58 {
  min-width: 0;
  min-height: 0;
  border: none;
  box-shadow: none;
  padding: 8px 12px;
  border-radius: 8px;
}
._8e82d8d58:hover {
  transform: none;
  box-shadow: none;
}
@media (hover: none), (hover: hover) {
  ._8e82d8d58 {
    /* only for touch devices */
    overflow: visible;
  }
}
@media (pointer: fine) {
  ._8e82d8d58:hover {
    background-color: #f2f2f7;
    border-radius: 8px;
  }
  ._8e82d8d58._96878dd58, ._8e82d8d58:active {
    background-color: #f2f2f7;
    transform: none;
  }
}
._8e82d8d58._10e9afd58:not(:hover):not(:active):not(._96878dd58):not(._234874d58) {
  background-color: transparent;
}
._8e82d8d58._5f7b28d58 {
  padding: 0;
}
/*!***************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DropdownMenu/DropdownMenuPopup.scss.css ***!
  \***************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6ffd17,
._79b679d17 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  border: 1px solid #d5d7da;
  border-radius: 8px;
}
._06c6ffd17 ._7ab73ed17 > * + *,
._79b679d17 ._7ab73ed17 > * + * {
  position: relative;
}
._06c6ffd17 ._7ab73ed17 > * + *::before,
._79b679d17 ._7ab73ed17 > * + *::before {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  height: 1px;
  width: calc(100% - 32px);
  border-top: 1px solid #e7e8e9;
}

._06c6ffd17 {
  background: white;
  box-shadow: 0 4px 6px 0 rgba(16, 25, 40, 0.1);
}
._06c6ffd17.d52459d17 {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
._06c6ffd17.d52459d17 ._79b679d17 {
  background: #fff;
  overflow: hidden;
  border-radius: 8px;
  margin: 4px 0;
}
/*!************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DropdownMenu/DropdownAction.scss.css ***!
  \************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c637e6b {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  color: #101928;
  width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  text-transform: none;
  padding: 8px 16px;
  display: flex;
}
._06c637e6b:first-child {
  padding-top: 12px;
}
._06c637e6b:last-child {
  padding-bottom: 12px;
}
@media (max-width: 991px) {
  ._06c637e6b {
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    font-weight: 600;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  ._06c637e6b._8f1fdee6b {
    justify-content: space-between;
  }
}
._06c637e6b._7c8b38e6b, ._06c637e6b:hover {
  background-color: #f2f2f7;
  box-shadow: none;
  transform: none;
}
._06c637e6b._17eb17e6b {
  color: #b7babe;
}
._06c637e6b._123f8be6b, ._06c637e6b._123f8be6b._7c8b38e6b, ._06c637e6b._123f8be6b:hover {
  color: #da2346;
}
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-logo/build/Logo.css ***!
  \*************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Logo.module.scss */
.REKCEF {
  display: block;
}
.REKCEF._1LePaF path:not(.svg-no-fill),
.REKCEF._1LePaF.svg-fill {
  fill: var(--color-foreground-on-primary, #ffffff);
}
.REKCEF.CDFdnF path:not(.svg-no-fill),
.REKCEF.CDFdnF.svg-fill {
  fill: var(--color-foreground-neutral, #0d1619);
}
.REKCEF.u4xcHF path:not(.svg-no-fill),
.REKCEF.u4xcHF.svg-fill {
  fill: var(--color-foreground-neutral-faded, #757676);
}
.REKCEF._3ZEgGF path:not(.svg-no-fill),
.REKCEF._3ZEgGF.svg-fill {
  fill: var(--color-foreground-ghost, #acacac);
}
.REKCEF.WqJshF {
  height: var(--logo-size-horizontal-xl-composition-height, 32px);
}
.REKCEF.eMfNzF {
  height: var(--logo-size-horizontal-l-composition-height, 28px);
}
.REKCEF._1WMj-F {
  height: var(--logo-size-horizontal-m-composition-height, 24px);
}
.REKCEF.pFktRF {
  height: var(--logo-size-horizontal-s-composition-height, 20px);
}
.REKCEF.Wpfr3F {
  height: var(--logo-size-horizontal-xs-composition-height, 16px);
}
.REKCEF.zulWdF.pQxaYF path {
  transform: translateX(-31px);
  transition: transform 300ms cubic-bezier(0.42, 0, 0.58, 1) 100ms;
}
.REKCEF.zulWdF.pQxaYF circle {
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.REKCEF.zulWdF.pQxaYF.fQfVeF path {
  transform: translateX(0);
  transition-delay: 0ms;
}
.REKCEF.zulWdF.pQxaYF.fQfVeF circle {
  opacity: 1;
  transition-delay: 100ms;
}
/*# sourceMappingURL=Logo.css.map */
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/AppForceUpdate/AppForceUpdate.scss.css ***!
  \**************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6c707a {
  overflow: hidden;
}
._06c6c707a ._3aed4307a {
  max-width: 100%;
  overflow-x: hidden;
  max-height: 100vh;
}
._06c6c707a .c4ae2107a {
  padding-top: 60px;
  position: relative;
}
._06c6c707a .ec231907a {
  position: absolute;
  width: 300px;
  bottom: -15px;
}
._06c6c707a .aaf2e807a {
  margin-top: 16px;
  margin-bottom: 8px;
}
._06c6c707a ._8e433907a {
  width: 100%;
}
._06c6c707a ._9309ca07a {
  padding-top: var(--safeAreaInsetTop);
  box-sizing: content-box;
  height: 186px;
  position: relative;
  display: flex;
  justify-content: center;
}
._06c6c707a ._9309ca07a._8cdb3807a {
  height: 346px;
}
._06c6c707a ._9309ca07a .d4860007a {
  display: block;
  content: " ";
  position: absolute;
  overflow: hidden;
  height: 693px;
  width: 693px;
  bottom: 0;
  border-radius: 50%;
  background-color: #101928;
}
@media (min-width: 545px) {
  ._06c6c707a ._9309ca07a .d4860007a {
    width: 850px;
  }
}
@media (min-width: 769px) {
  ._06c6c707a ._9309ca07a .d4860007a {
    width: 1080px;
  }
}
@media (min-width: 993px) {
  ._06c6c707a ._9309ca07a .d4860007a {
    width: 1300px;
  }
}
@media (min-width: 1201px) {
  ._06c6c707a ._9309ca07a .d4860007a {
    width: 1600px;
  }
}
@media (min-width: 1401px) {
  ._06c6c707a ._9309ca07a .d4860007a {
    width: 120vw;
  }
}
._06c6c707a ._95058d07a {
  margin-top: 30px;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
}
/*!***********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/EmptyState/parts/ButtonsWrapper.css ***!
  \***********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6ccf5e ._33bf7bf5e {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  text-align: center;
  padding: 0 20px;
}
._06c6ccf5e ._0bc92ef5e,
._06c6ccf5e .c2d4d6f5e,
._06c6ccf5e ._610548f5e {
  margin-bottom: 16px;
}
._06c6ccf5e ._610548f5e {
  width: 185px;
  height: 115px;
}
._06c6ccf5e ._8bbf02f5e {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
._06c6ccf5e .aaf2e9f5e {
  margin-bottom: 8px;
}
._06c6ccf5e .aaf2e9f5e.b40bdcf5e {
  margin: 0;
}
._06c6ccf5e ._20d81cf5e,
._06c6ccf5e .c3e2a5f5e {
  margin-top: 24px;
}
._06c6ccf5e ._20d81cf5e {
  display: flex;
}
._06c6ccf5e ._20d81cf5e > * + * {
  margin-left: 16px;
}
@media (min-width: 768px) {
  ._06c6ccf5e {
    padding: 64px 0;
  }
}
._06c6ccf5e._35c423f5e {
  border: 1px solid #d5d7da;
  border-radius: 8px;
}
._06c6ccf5e._476c50f5e {
  width: 100%;
}
._06c6ccf5e.da9a57f5e ._33bf7bf5e {
  max-width: 500px;
}
._06c6ccf5e.f8c05bf5e ._33bf7bf5e {
  max-width: 320px;
}
._06c6ccf5e.c8a8aff5e ._33bf7bf5e {
  max-width: 375px;
}
._06c6ccf5e._2005ddf5e {
  min-height: 333px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._06c6ccf5e._5b8b3bf5e {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}
._06c6ccf5e.d272ecf5e {
  padding: 0;
}
._06c6ccf5e._080e5cf5e {
  padding: 16px 0;
}
._06c6ccf5e._124e2ff5e {
  padding: 24px 0;
}
._06c6ccf5e.d66732f5e {
  padding: 64px 0;
}
._06c6ccf5e._0d5c81f5e {
  padding: 88px 0;
}
._06c6ccf5e._31d6c9f5e {
  padding: 144px 0;
}
._06c6ccf5e._495f4cf5e, ._06c6ccf5e.b53abef5e {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
._06c6ccf5e.b53abef5e {
  position: absolute;
}
._06c6ccf5e.c00300f5e {
  border: solid 1px #6950f3;
}
._06c6ccf5e.ab491af5e {
  border: solid 2px #6950f3;
}
._06c6ccf5e._669d2cf5e {
  border: solid 2px #6950f3;
  border-style: dashed;
}
._06c6ccf5e._8c64fef5e {
  background: #fff;
}
._06c6ccf5e._833827f5e {
  background: #e7e8ff;
}
._06c6ccf5e._099a09f5e {
  background: #6950f3;
}
/*!***************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Image/Image.css ***!
  \***************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c626f6b {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
._06c626f6b._0102caf6b {
  border-radius: 4px;
}
._06c626f6b._385906f6b {
  border: 1px solid #d5d7da;
}
._06c626f6b.c5ab7df6b {
  border: 2px solid #6950f3;
}
._06c626f6b._1c7457f6b {
  min-width: 32px;
  width: 32px;
  height: 32px;
}
._06c626f6b.f23e10f6b {
  min-width: 40px;
  width: 40px;
  height: 40px;
}
._06c626f6b._14fc9af6b {
  min-width: 60px;
  width: 60px;
  height: 60px;
}
._06c626f6b._4bd585f6b {
  min-width: 64px;
  width: 64px;
  height: 64px;
}
._06c626f6b._2ce1f7f6b {
  min-width: 80px;
  width: 80px;
  height: 80px;
}
._06c626f6b._44fc17f6b {
  min-width: 158px;
  width: 158px;
  height: 158px;
}
._06c626f6b._4c5a1bf6b {
  min-width: 180px;
  width: 180px;
  height: 180px;
}
._06c626f6b._450259f6b {
  min-width: 312px;
  width: 312px;
  height: 312px;
}
._06c626f6b.e34266f6b {
  min-width: 360px;
  width: 360px;
  height: 360px;
}
._06c626f6b.b37086f6b {
  min-width: 400px;
  width: 400px;
  height: 400px;
}
._06c626f6b._6bdab4f6b {
  min-width: 438px;
  width: 438px;
  height: 438px;
}
._06c626f6b.be378af6b {
  min-width: 86px;
  width: 86px;
  height: 86px;
}
._06c626f6b.ba28c9f6b {
  min-width: 128px;
  width: 128px;
  height: 128px;
}
._06c626f6b._2a437af6b {
  min-width: 248px;
  width: 248px;
  height: 248px;
}
._06c626f6b.d343e0f6b {
  min-width: 286px;
  width: 286px;
  height: 286px;
}
._06c626f6b.a01b97f6b {
  min-width: 100%;
  width: 100%;
  height: 100%;
}
/*!**************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ShowMore/ShowMore.scss.css ***!
  \**************************************************************************************************************************/
._06c6c53e3 {
  width: 100%;
  position: relative;
}
._06c6c53e3 ._9e68633e3 {
  overflow: hidden;
  transition: height 300ms ease-in-out;
}
._06c6c53e3 ._821f403e3 {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp);
  -webkit-box-orient: vertical;
}
._06c6c53e3 .c3e2fc3e3 {
  margin-top: 8px;
}
/*!************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Counter/Counter.scss.css ***!
  \************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6c835d {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
}
._06c6c835d._9ba6e135d {
  font-size: 11px;
  font-weight: 400;
  line-height: 17px;
  font-weight: 900;
  min-width: 20px;
  line-height: 14px;
  height: 20px;
}
._06c6c835d.c0e71a35d {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  padding: 3px 8px;
  line-height: 14px;
  min-width: 20px;
  height: 20px;
}
._06c6c835d._7eea8735d {
  background-color: #fff;
}
._06c6c835d.b9e93d35d {
  background-color: #f8f8fb;
}
._06c6c835d._5523b435d {
  background-color: #6950f3;
}
._06c6c835d._02b46f35d {
  background-color: #f3bdc7;
}
._06c6c835d.d60ba035d {
  background-color: #da2346;
}
._06c6c835d._74731435d {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 2;
}
._06c6c835d._179b4535d {
  border: 1px solid #d5d7da;
}
._06c6c835d.d0b06635d {
  border-radius: 4px;
  top: -4px;
  right: -3px;
  padding: 0 2px;
}
/*!**************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerAnimation.css ***!
  \**************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._0687ad206 {
  max-width: 420px;
}

._0b1104206 {
  max-width: 598px;
}

.dc0989206 {
  max-width: 640px;
}

.fbf647206 {
  max-width: 806px;
}

.b314e4206 {
  max-width: 957px;
}

@keyframes a4dc01206 {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0);
  }
}
._06c610206 {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  animation: a4dc01206 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 992px) {
  ._06c610206 {
    z-index: 1000;
  }
}
@media (min-width: 992px) {
  ._06c610206 {
    pointer-events: none;
  }
}
._06c610206 .db61d2206 {
  box-shadow: 0 4px 8px 0 #0d161905, 0 12px 20px 0 #0d161929;
  position: fixed;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: all;
}
._06c610206 ._417feb206 {
  height: 100%;
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerActionsOuterContainer/DrawerActionsOuterContainer.css ***!
  \******************************************************************************************************************************************************************/
._06c66e705 {
  position: absolute;
  top: 16px;
  left: -88px;
  width: 88px;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
/*!***************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerAddon/DrawerAddon.scss.css ***!
  \***************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c618c91 {
  height: 100%;
  overflow: auto;
  position: relative;
}
@media (min-width: 992px) {
  ._06c618c91 {
    max-width: 131px;
    border-left: 1px solid #e7e8e9;
  }
}
/*!***********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerLeftPanel/DrawerLeftPanel.scss.css ***!
  \***********************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
@media (min-width: 992px) {
  ._9added77b {
    max-width: 130px;
  }
}
@media (min-width: 992px) {
  ._51cc8577b {
    max-width: 330px;
  }
}
._06c6d977b {
  height: 100%;
  overflow: auto;
  position: relative;
}
@media (min-width: 992px) {
  ._06c6d977b {
    border-left: 1px solid #e7e8e9;
    border-right: 1px solid #e7e8e9;
  }
}
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/LinkWrapper/LinkWrapper.scss.css ***!
  \********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c61cabc {
  display: block;
  padding: 14px 16px 13px;
  border-radius: 8px;
  background-color: #fff;
  transition: background-color 300ms ease-in-out;
  min-width: 192px;
  text-decoration: none;
  color: #101928;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}
._06c61cabc._968708abc {
  background-color: #e7e8ff;
}
@media (hover: hover) and (pointer: fine) {
  ._06c61cabc:hover {
    background-color: #f8f8fb;
  }
}
/*!*******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerActions/DrawerActions.scss.css ***!
  \*******************************************************************************************************************************************/
._06c6c20c9 {
  margin: 0 auto;
  max-width: 320px;
}
/*!*********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerFeedItem/DrawerFeedItem.scss.css ***!
  \*********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c69bd52 {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #f2f2f7;
  overflow: auto;
}
._06c69bd52.d39370d52 {
  background-color: #fff;
}
._06c69bd52.db3373d52 {
  background-color: #f8f8fb;
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerFeedItem/DrawerFeedItemSeparatorWrapper.scss.css ***!
  \*************************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c643a37._8c9212a37 {
  min-height: 100%;
}
._06c643a37.d3931fa37 {
  background-color: white;
}
._06c643a37.f6ceeda37 {
  background-color: #f2f2f7;
}
._06c643a37._7b7fdaa37 {
  background-color: #e8e8ee;
}
._06c643a37 > * {
  min-width: 0;
}
/*!********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerFeedHeader/DesktopDrawerFeedHeader.scss.css ***!
  \********************************************************************************************************************************************************/
.a622bf0a8 {
  position: sticky;
  top: 0;
  height: 0;
  opacity: 0;
  width: 100%;
  transition: opacity 200ms ease;
  z-index: 5;
  pointer-events: none;
}
.a622bf0a8._0228620a8 {
  opacity: 1;
  pointer-events: all;
}
.a622bf0a8 ._0cbc750a8 {
  position: absolute;
  padding-left: 24px;
  padding-right: 24px;
  top: -24px;
  left: -24px;
  width: calc(100% + 48px);
}
.a622bf0a8 ._0cbc750a8._1f701f0a8 {
  top: 0;
  left: 0;
  width: 100%;
}

.bdb8df0a8 {
  padding-top: var(--env-safe-area-inset-top);
  padding-bottom: 24px;
}

._1e05a50a8 {
  min-height: 48px;
}

.e060030a8 {
  margin-bottom: 20px;
}
/*!******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ViewHeader/ViewHeader.scss.css ***!
  \******************************************************************************************************************************/
._06c6ed8e5 {
  display: flex;
}
._06c6ed8e5.dc62c58e5 {
  padding: 32px 0;
}
._06c6ed8e5._3facfe8e5 {
  padding: 0 0 24px 0;
}
._06c6ed8e5._4ebd6a8e5 {
  padding: 16px 24px 0 24px;
}
._06c6ed8e5._9e23ce8e5 {
  padding: 16px 32px 0 32px;
}
._06c6ed8e5._14f3ec8e5 {
  padding: 32px 0 16px 0;
}
._06c6ed8e5 .ed70628e5 {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._06c6ed8e5 .ed70628e5.f1799c8e5 {
  align-items: center;
  text-align: center;
}
._06c6ed8e5 .aaf23c8e5 {
  display: flex;
  align-items: center;
}
._06c6ed8e5 .aaf23c8e5 > * + * {
  margin-left: 16px;
}
._06c6ed8e5 .aaf23c8e5 + .c9047b8e5 {
  margin-top: 4px;
}
._06c6ed8e5 .a1b7858e5 {
  display: flex;
  margin-left: 16px;
}
._06c6ed8e5 .a1b7858e5 > * + * {
  margin-left: 16px;
}
._06c6ed8e5 .e7a2eb8e5 {
  display: flex;
  margin-right: 16px;
}
._06c6ed8e5 .e7a2eb8e5 > * + * {
  margin-right: 16px;
}
._06c6ed8e5 ._151c848e5 {
  max-width: 300px;
}
._06c6ed8e5 .e1af7a8e5 {
  max-width: 400px;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ViewHeader/Breadcrumbs/Breadcrumbs.scss.css ***!
  \*******************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._56a86cf8b {
  text-decoration: none;
}

.e3929cf8b {
  width: 3px;
  height: 3px;
  background: #b7babe;
  border-radius: 50%;
  vertical-align: middle;
  display: inline-block;
  margin: 0 8px 0 8px;
}
/*!**********************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerFeedHeaderColored/DrawerFeedHeaderColored.module.scss.css ***!
  \**********************************************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._9fba206a4 {
  position: sticky;
  top: 0;
  height: 0;
  opacity: 0;
  width: 100%;
  transition: opacity 200ms ease;
  pointer-events: none;
  z-index: 1;
}
._9fba206a4._0228846a4 {
  opacity: 1;
  pointer-events: all;
}
._9fba206a4 ._5401636a4 {
  position: absolute;
  width: 100%;
  padding: 16px;
  padding-top: calc(16px + var(--env-safe-area-inset-top));
}
._9fba206a4 ._5401636a4._36e3cf6a4 {
  border-bottom: 1px solid #e7e8e9;
}
@media (min-width: 992px) {
  ._9fba206a4 ._5401636a4 {
    padding: 16px 32px;
  }
}
._49a65a6a4 {
  transition: background-color 300ms ease-in-out, color 0ms ease-in-out;
  padding-top: calc(24px + var(--env-safe-area-inset-top));
}
@media (min-width: 992px) {
  ._49a65a6a4 {
    padding: 24px 32px 72px;
    margin-bottom: -48px;
  }
}
._49a65a6a4._68b8ad6a4 {
  background-color: #3093e8;
}
._49a65a6a4.e0dcfe6a4 {
  background-color: #f19101;
}
._49a65a6a4.fb508f6a4 {
  background-color: #00a36d;
}
._49a65a6a4._3eb89e6a4 {
  background-color: #e8e8ee;
}
._49a65a6a4._93e2706a4 {
  background-color: #6950f3;
}
._49a65a6a4.c565836a4 {
  background-color: #da2346;
}
._49a65a6a4._36e3cf6a4 {
  background-color: #fff;
}
._3eb89e6a4 ._61b3516a4 {
  color: #101928;
}
._36e3cf6a4 ._61b3516a4 {
  color: #101928;
}
._61b3516a4 {
  color: #fff;
}
/*!********************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerFeedHeaderWallet/DesktopDrawerFeedHeaderWallet.scss.css ***!
  \********************************************************************************************************************************************************************/
.a622c7c3e {
  position: sticky;
  top: 0;
  height: 0;
  opacity: 0;
  width: 100%;
  transition: opacity 200ms ease;
  z-index: 5;
  pointer-events: none;
}
.a622c7c3e._02283ac3e {
  opacity: 1;
  pointer-events: all;
}
.a622c7c3e ._0cbc0ac3e {
  position: absolute;
  top: -24px;
  left: -24px;
  width: calc(100% + 48px);
  padding-left: 24px;
  padding-right: 24px;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerBackNavigation/DrawerBackNavigation.scss.css ***!
  \*********************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6f6669 {
  position: absolute;
  width: 100%;
  height: 32px;
  cursor: pointer;
  top: 0;
  left: 0;
  margin-left: 60px;
  margin-top: 12px;
  padding-left: 16px;
  border-left: 1px solid #d5d7da;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerOverviewHeader/DrawerOverviewHeader.scss.css ***!
  \*********************************************************************************************************************************************************/
._06c67aaad._067131aad {
  padding-left: 24px;
  padding-right: 24px;
}
/*!************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerStatisticBar/parts/DrawerStatisticItem.scss.css ***!
  \************************************************************************************************************************************************************/
._06c6a9491:hover ._944995491 {
  text-decoration: underline;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerActionsDropdown/DrawerActionsDropdown.scss.css ***!
  \***********************************************************************************************************************************************************/
._06c63eb76 {
  max-width: 320px;
}
/*!***************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerRoundButton/DrawerRoundButton.scss.css ***!
  \***************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6d90e9 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 8px 0 #0d161905, 0 12px 20px 0 #0d161929;
  line-height: 0;
  cursor: pointer;
  transition: background 300ms ease;
}
._06c6d90e9:hover {
  background: #e8e8ee;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerDesktopOverlay/DrawerDesktopOverlay.css ***!
  \****************************************************************************************************************************************************/
._06c6e4e4f {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  display: flex;
  flex-direction: column;
  z-index: 500;
  transform: translateX(100%);
  transition: transform 200ms ease-in-out;
}
._06c6e4e4f > * {
  max-height: 100%;
}
._06c6e4e4f._6621eae4f {
  transform: translateX(0);
}
._06c6e4e4f.ef2100e4f {
  transition: 0;
}
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Filters/FilterPill/FilterPill.scss.css ***!
  \**************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6def46 {
  display: inline-flex;
  background: #fff;
  border-radius: 24px;
  border: 1px solid #6950f3;
  justify-content: center;
  align-items: center;
  padding: 6px 0 6px 12px;
  color: #6950f3;
}
._06c6def46.c01fedf46 {
  padding: 6px 12px 6px 12px;
}
._06c6def46 .c2d471f46 {
  padding: 0 10px;
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Filters/FilterClear/FilterClear.scss.css ***!
  \****************************************************************************************************************************************/
._06c692c58 {
  align-self: center;
  padding-bottom: 8px;
}
._06c692c58.dc7e31c58 {
  padding-right: 8px;
}
._06c692c58.f07461c58 {
  padding-left: 8px;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ProductPlaceholder/ProductPlaceholder.scss.css ***!
  \**********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6fcc1c {
  overflow: hidden;
}
._06c6fcc1c.a4716bc1c {
  border: 1px solid #d5d7da;
  border-radius: 4px;
}
._06c6fcc1c._71ce71c1c {
  border-right: 1px solid #d5d7da;
}
._06c6fcc1c._5ccf71c1c {
  min-width: 32px;
  max-width: 32px;
  width: 32px;
  height: 32px;
}
._06c6fcc1c.df740ac1c {
  min-width: 40px;
  max-width: 40px;
  width: 40px;
  height: 40px;
}
._06c6fcc1c._351cb6c1c {
  min-width: 50px;
  max-width: 50px;
  width: 50px;
  height: 50px;
}
._06c6fcc1c._67a4bec1c {
  min-width: 60px;
  max-width: 60px;
  width: 60px;
  height: 60px;
}
._06c6fcc1c._780bbac1c {
  min-width: 80px;
  max-width: 80px;
  width: 80px;
  height: 80px;
}
._06c6fcc1c.ea1695c1c {
  min-width: 86px;
  max-width: 86px;
  width: 86px;
  height: 86px;
}
._06c6fcc1c._942cc5c1c {
  min-width: 128px;
  max-width: 128px;
  width: 128px;
  height: 128px;
}
._06c6fcc1c._17d9bac1c {
  min-width: 158px;
  max-width: 158px;
  width: 158px;
  height: 158px;
}
._06c6fcc1c._5b7e0ac1c {
  min-width: 180px;
  max-width: 180px;
  width: 180px;
  height: 180px;
}
._06c6fcc1c.ab1722c1c {
  min-width: 248px;
  max-width: 248px;
  width: 248px;
  height: 248px;
}
._06c6fcc1c.a93c5bc1c {
  min-width: 400px;
  max-width: 400px;
  width: 400px;
  height: 400px;
}
._06c6fcc1c._91af49c1c {
  min-width: 438px;
  max-width: 438px;
  width: 438px;
  height: 438px;
}
._06c6fcc1c._183c0fc1c {
  min-width: 100%;
  width: 100%;
  height: 100%;
  max-width: 100%;
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/LocationPreview/LocationPreview.scss.css ***!
  \****************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._06c676685 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: center;
  text-align: left;
}
._06c676685.c1d27c685 {
  row-gap: 8px;
}
._06c676685 .b1b18d685 {
  grid-column: 1/3;
}
@media (min-width: 769px) {
  ._06c676685 .b1b18d685 {
    grid-column: 3;
  }
}
._06c676685 .ed70c7685 {
  overflow: hidden;
}
._06c676685 ._87bb03685 {
  align-self: flex-start;
}
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SwiperCarousel/SwiperCarousel.scss.css ***!
  \**************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
.swiper-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.swiper-wrapper {
  align-items: center;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-slide {
  display: flex;
  justify-content: center;
}

.swiper-pagination-bullets {
  display: flex;
  justify-content: center;
  order: 2;
  margin-top: 15px;
}

.swiper-pagination-bullet {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: #e7e8e9;
  margin-right: 8px;
  cursor: pointer;
}

.swiper-pagination-bullet:last-of-type {
  margin-right: 0;
}

.swiper-pagination-bullet-active {
  background: #b7babe;
}

.swiper-lazy-loading {
  display: none;
}

._06c63ed9b {
  position: relative;
}
._06c63ed9b.a25205d9b {
  padding: 0 24px;
}
._06c63ed9b._648310d9b {
  height: 100%;
}
._06c63ed9b._950458d9b {
  max-width: 128px;
}
._06c63ed9b.bf51d4d9b {
  max-width: 248px;
}
._06c63ed9b._4e6a1cd9b {
  max-width: 286px;
}
._06c63ed9b._5f653ad9b {
  max-width: 312px;
}
._06c63ed9b._845a4ad9b {
  max-width: 448px;
}
._06c63ed9b.bc9eb6d9b .swiper-container {
  max-height: 400px;
}
._06c63ed9b.b87c6ad9b .swiper-container {
  max-height: 600px;
  height: 100%;
}
._06c63ed9b.b4c0f6d9b {
  min-height: 100%;
}
._06c63ed9b.b4c0f6d9b .swiper-container {
  min-height: 100%;
}
._06c63ed9b.adca68d9b {
  flex-grow: 1;
}
._06c63ed9b._1db5c8d9b {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}
._06c63ed9b._1db5c8d9b .swiper-slide {
  flex-grow: 1;
}
._06c63ed9b._231fa5d9b .swiper-wrapper {
  height: 100%;
}
._06c63ed9b.f1aa90d9b .swiper-wrapper {
  height: auto;
}
._06c63ed9b ._84fd36d9b {
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
._06c63ed9b ._84fd36d9b.ce5e21d9b {
  left: 24px;
}
._06c63ed9b .c6c161d9b {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
._06c63ed9b .c6c161d9b.ce5e21d9b {
  right: 24px;
}
@media (max-width: 991px) {
  ._06c63ed9b._74ad62d9b {
    width: calc(100vw - 2 * var(--small-mobile-side-edge));
  }
}
/*!******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/IconButton/IconButton.scss.css ***!
  \******************************************************************************************************************************/
._06c66c7b9 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._06c66c7b9 ._1aca197b9 {
  white-space: nowrap;
}
._06c66c7b9 > button {
  margin-bottom: 8px;
  flex-shrink: 0;
}
._06c66c7b9._06524b7b9 {
  height: 40px;
  width: 40px;
}
._06c66c7b9._88520d7b9 {
  height: 56px;
  width: 56px;
}
._06c66c7b9.c53cae7b9 {
  align-items: flex-end;
  direction: rtl;
}
/*!************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Image/WrapperWithBadge/WrapperWithBadge.scss.css ***!
  \************************************************************************************************************************************************/
._06c6d9b49 {
  position: relative;
}
._06c6d9b49 ._880569b49 {
  position: absolute;
  z-index: 11;
  top: 8px;
  left: 8px;
}
/*!***********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/FeedItem/Header/InfoHeader.scss.css ***!
  \***********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c655141 {
  background: #fbd74c;
  border-radius: 16px;
}

._062780141 {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  border: 1px solid #101928;
  color: #101928;
  text-align: center;
}
/*!***************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/FeedItem/ExpandedFileList/ExpandedFileList.scss.css ***!
  \***************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
.bcfbe5639,
._277b72639 {
  width: 112px;
  height: 112px;
}
@media (max-width: 359px) {
  .bcfbe5639,
._277b72639 {
    width: 80px;
    height: 80px;
  }
}
.bcfbe5639.c5c326639,
._277b72639.c5c326639 {
  width: 64px;
  height: 64px;
  outline: 1px solid #d5d7da;
}
@media (max-width: 359px) {
  .bcfbe5639.c5c326639,
._277b72639.c5c326639 {
    width: 64px;
    height: 64px;
  }
}

.b81e84639 {
  padding: 12px;
  border: 1px solid #d5d7da;
  border-radius: 8px;
}
.b81e84639:not(:first-child) {
  margin-top: 8px;
}

._277b72639 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #f2f2f7;
}
._277b72639.c5c326639 {
  background-color: #f8f8fb;
}

._002c83639._002c83639 {
  margin-top: 8px;
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/CompoundIcon/CompoundIcon.scss.css ***!
  \**********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c63a7a1 {
  position: relative;
  height: 80px;
  width: 80px;
}
._06c63a7a1 ._8c066a7a1 {
  position: absolute;
  left: 0;
  top: 0;
  height: 50%;
  width: 50%;
  border-radius: 50%;
  background-color: #e8e8ee;
  transition: background-color 475ms ease-in-out;
}
._06c63a7a1 .f4a8797a1 {
  position: absolute;
  left: 0;
  top: 0;
  height: 50%;
  width: 50%;
  border-radius: 50%;
  background-color: #fdeba5;
  transition: background-color 475ms ease-in-out;
}
._06c63a7a1 .d201897a1 {
  position: absolute;
  left: 0;
  top: 0;
  height: 50%;
  width: 50%;
  border-radius: 50%;
  background-color: #ffc00a;
  transition: background-color 475ms ease-in-out;
}
._06c63a7a1 .a1edff7a1 {
  position: absolute;
  left: 0;
  top: 0;
  height: 50%;
  width: 50%;
  border-radius: 50%;
  background-color: #e7e8ff;
  transition: background-color 475ms ease-in-out;
}
._06c63a7a1 .cb8fb77a1 {
  position: absolute;
  left: 0;
  top: 0;
  height: 50%;
  width: 50%;
  border-radius: 50%;
  background-color: #c0f0d1;
  transition: background-color 475ms ease-in-out;
}
._06c63a7a1 .e8d7f17a1 {
  position: absolute;
  left: 0;
  top: 0;
  height: 50%;
  width: 50%;
  border-radius: 50%;
  background-color: #f3bdc7;
  transition: background-color 475ms ease-in-out;
}
._06c63a7a1 .e5a2667a1 {
  top: -3px;
  left: -3px;
}
._06c63a7a1 ._8e32857a1 {
  position: absolute;
  bottom: 3px;
  right: 4px;
}
/*!***************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RowItem/parts/Base.scss.css ***!
  \***************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c60decc {
  width: 100%;
  display: flex;
  flex-grow: 1;
  transition: background-color 200ms;
}
._06c60decc.dc2c8aecc {
  background-color: #f8f8fb;
}
._06c60decc.c86528ecc {
  padding-left: 0;
}
._06c60decc._0cc136ecc {
  padding-left: 16px;
}
._06c60decc.e7478eecc {
  padding-left: 24px;
}
._06c60decc._10785aecc {
  padding-left: 32px;
}
._06c60decc.f01105ecc {
  padding-left: 40px;
}
._06c60decc .ed70d3ecc {
  display: flex;
  flex-grow: 1;
}
._06c60decc .ed70d3ecc._527ffeecc {
  padding-right: 0;
}
._06c60decc .ed70d3ecc._25ff88ecc {
  padding-right: 16px;
}
._06c60decc .ed70d3ecc._41f4edecc {
  padding-right: 24px;
}
._06c60decc .ed70d3ecc._8180caecc {
  padding-right: 32px;
}
._06c60decc .ed70d3ecc._3fd795ecc {
  padding-right: 40px;
}
._06c60decc .ed70d3ecc._1cb6a3ecc {
  padding-top: 8px;
  padding-bottom: 8px;
}
._06c60decc .ed70d3ecc.c0b221ecc {
  padding-top: 16px;
  padding-bottom: 16px;
}
._06c60decc .ed70d3ecc.c49662ecc {
  padding-top: 21px;
  padding-bottom: 21px;
}
._06c60decc .ed70d3ecc._204e8becc {
  padding-top: 24px;
  padding-bottom: 24px;
}
._06c60decc:last-child .ed70d3ecc.b8c9e1ecc {
  padding-bottom: 0;
}
._06c60decc:first-child .ed70d3ecc.b8c9e1ecc {
  padding-top: 0;
}
._06c60decc.b7b368ecc .ed70d3ecc, ._06c60decc.deb49eecc .ed70d3ecc {
  border-bottom: 1px solid #e7e8e9;
}
._06c60decc.deb49eecc:last-child .ed70d3ecc {
  border-bottom: none;
}
@media (max-width: 991px) {
  ._06c60decc.e9d858ecc {
    position: relative;
  }
  ._06c60decc.e9d858ecc .ed70d3ecc::after {
    position: absolute;
    height: 1px;
    width: calc(100% - 32px);
    border-bottom: 1px solid #e7e8e9;
    content: "";
    bottom: 0;
  }
}
._06c60decc.e9d858ecc .ed70d3ecc {
  border-bottom: none;
}
@media (min-width: 992px) {
  ._06c60decc.e9d858ecc {
    border-bottom: 1px solid #e7e8e9;
  }
}
/*!******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RowItem/parts/Content.scss.css ***!
  \******************************************************************************************************************************/
._06c659035 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
}
._06c659035.a93284035 {
  justify-content: space-evenly;
}
._06c659035.f1ffa3035 {
  justify-content: flex-start;
}
._06c659035 > p + p {
  margin-top: 2px;
}
._06c659035 > * + span,
._06c659035 > * + div {
  margin-top: 8px;
}
/*!*********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RowItem/parts/ContentRow.scss.css ***!
  \*********************************************************************************************************************************/
._06c63d6ac {
  display: flex;
  flex-direction: row;
  align-self: stretch;
}
._06c63d6ac._7f88c56ac {
  justify-content: space-between;
}
._06c63d6ac > * + * {
  margin-left: 8px;
}
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RowItem/parts/Divider.css ***!
  \*************************************************************************************************************************/
._06c628242 {
  display: flex;
}
._06c628242.cae5d6242 {
  align-items: center;
}
._06c628242.d1318b242 {
  align-items: start;
}
._06c628242 > * + * {
  margin-left: 10px;
}

._96958b242._7cf50f242 {
  margin-left: 16px;
}
._96958b242.e34143242 {
  margin-left: 16px;
}

.def498242._7cf50f242 {
  margin-right: 16px;
}
.def498242.e34143242 {
  margin-right: 16px;
}
/*!*******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RowItem/parts/WithIcon.scss.css ***!
  \*******************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c68d225 {
  position: relative;
  display: table;
}
._06c68d225 .c2d472225 {
  position: absolute;
  bottom: -9px;
  right: -9px;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*!**************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/FieldsGridWrapper.css ***!
  \**************************************************************************************************************************/
._06c608d99 {
  width: 100%;
  max-width: 496px;
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/CreditCardBrand/CreditCardBrand.scss.css ***!
  \****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6a33d7 {
  display: flex;
  border-radius: 4px;
}
._06c6a33d7._4f1a673d7 {
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 8px 0 rgba(16, 25, 40, 0.1);
  cursor: default;
}
._06c6a33d7._1ec5e73d7 {
  background-color: transparent;
}
._06c6a33d7.db33563d7 {
  background-color: #f8f8fb;
}
._06c6a33d7.f6ce9e3d7 {
  background-color: #f2f2f7;
  padding: 2px;
}
._06c6a33d7._9ba6a73d7 .c2d4fc3d7 {
  width: 28px;
  height: 19px;
}
._06c6a33d7._0652793d7 .c2d4fc3d7 {
  width: 48px;
  height: 32px;
}
._06c6a33d7.c0e7113d7 .c2d4fc3d7 {
  width: 72px;
  height: 48px;
}
._06c6a33d7._142f2d3d7 {
  width: 32px;
  height: 20px;
}
._06c6a33d7._142f2d3d7 .c2d4fc3d7 {
  width: 20px;
  height: 20px;
}
._06c6a33d7._2ea94c3d7 .c2d4fc3d7 {
  width: 32px;
  height: 21px;
}
/*!************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/LinkAdd/LinkAdd.scss.css ***!
  \************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
@media (max-width: 767px) {
  ._06c603add {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
  }
}
/*!******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/AdyenField/AdyenInput.css ***!
  \******************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c66dd14 {
  cursor: text;
  position: relative;
  display: flex;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #d5d7da;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  transition: border-color 150ms ease-in-out;
}
._06c66dd14:not(._17eb5fd14):hover {
  box-shadow: var(--input-no-shadow, 0 4px 6px 0 rgba(16, 25, 40, 0.06));
  border: var(--input-no-shadow-border, 1px solid #d5d7da);
}
._06c66dd14:focus-within {
  border-color: #6950f3;
}
._06c66dd14 .c96cb6d14 {
  font-family: "Roobert PRO", sans-serif;
  color: #101928;
  background-color: #fff;
  margin: 0;
  border: 0;
  outline: none;
  box-sizing: border-box;
  width: 100%;
}
._06c66dd14 .c96cb6d14::placeholder {
  color: #878c93;
}
._06c66dd14 .c96cb6d14:disabled {
  color: var(--color-foreground-disabled, #acacac);
}
._06c66dd14 .c96cb6d14[type=number]::-webkit-outer-spin-button, ._06c66dd14 .c96cb6d14[type=number]::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
}
._06c66dd14 .c96cb6d14[type=number] {
  -moz-appearance: textfield;
}
._06c66dd14 .e97b5fd14, ._06c66dd14 .e7a2ddd14 {
  flex: 0 0 auto;
  padding: 12px 11px;
  color: #878c93;
  border-right: solid 1px #d5d7da;
  user-select: none;
}
._06c66dd14 ._97fe81d14, ._06c66dd14 .a1b73cd14 {
  flex: 0 0 auto;
  padding: 12px 11px;
  color: #878c93;
  border-left: solid 1px #d5d7da;
  user-select: none;
}
._06c66dd14 .e7a2ddd14 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
._06c66dd14 .a1b73cd14 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
._06c66dd14 .e97b5fd14 {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}
._06c66dd14 ._97fe81d14 {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}
._06c66dd14.f3fa92d14 .c96cb6d14 {
  padding-left: 0;
}
._06c66dd14.f3fa92d14 .e7a2ddd14,
._06c66dd14.f3fa92d14 .e97b5fd14 {
  border-right: none;
}
._06c66dd14._2d8da0d14 .c96cb6d14 {
  padding-right: 0;
}
._06c66dd14._2d8da0d14 .a1b73cd14,
._06c66dd14._2d8da0d14 ._97fe81d14 {
  border-left: none;
}
._06c66dd14._06521fd14 {
  height: 48px;
  min-height: 48px;
}
._06c66dd14._06521fd14 .c96cb6d14 {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 16px;
}
._06c66dd14._06521fd14 .e97b5fd14,
._06c66dd14._06521fd14 ._97fe81d14 {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 11px;
}
._06c66dd14._9ba62dd14 {
  height: 40px;
  min-height: 40px;
}
._06c66dd14._9ba62dd14 .c96cb6d14 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  padding: 10px 16px;
}
._06c66dd14._9ba62dd14 .e97b5fd14,
._06c66dd14._9ba62dd14 ._97fe81d14 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  padding: 10px 11px;
}
._06c66dd14._17eb5fd14 {
  border-color: #d5d7da;
  background-color: var(--color-background-disabled, #f2f2f2);
  color: var(--color-foreground-disabled, #acacac);
}
._06c66dd14._17eb5fd14 .c96cb6d14 {
  background-color: var(--color-background-disabled, #f2f2f2);
  color: var(--color-foreground-disabled, #acacac);
}
._06c66dd14._17eb5fd14 .e7a2ddd14,
._06c66dd14._17eb5fd14 .a1b73cd14,
._06c66dd14._17eb5fd14 .e97b5fd14,
._06c66dd14._17eb5fd14 ._97fe81d14 {
  color: var(--color-foreground-disabled, #acacac);
}
._06c66dd14.ca009bd14 {
  border-color: #da2346;
}
/*!**********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Loader/Loader.scss.css ***!
  \**********************************************************************************************************************/
._06c66cc7e {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  max-width: 100%;
}
._06c66cc7e ._1091aec7e {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  max-width: 100%;
}
._06c66cc7e .d477bfc7e {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 100;
  overflow: hidden;
  visibility: hidden;
}
._06c66cc7e._205395c7e .d477bfc7e {
  position: static;
}
._06c66cc7e._1c63a9c7e._8c2bcfc7e ._1091aec7e {
  visibility: hidden;
}
._06c66cc7e._1c63a9c7e._8c2bcfc7e .d477bfc7e {
  opacity: 1;
  transition: none;
  visibility: visible;
}
._06c66cc7e._1c63a9c7e._43a575c7e .d477bfc7e {
  opacity: 1;
  visibility: visible;
  background: rgba(255, 255, 255, 0.8);
}
/*!*******************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Spinner/Spinner.css ***!
  \*******************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c616c51 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s linear;
}
._06c616c51._6483e7c51 {
  height: 100%;
}
._06c616c51._1c6318c51 {
  opacity: 1;
}
._06c616c51 .d4779ec51 {
  margin: 20px auto;
  font-size: 5px;
  position: relative;
  border: 3px solid #d5d7da;
  border-left: 3px solid #101928;
  transform: translateZ(0);
  animation: _9ff50ec51 0.5s infinite linear;
}
._06c616c51 .d4779ec51,
._06c616c51 .d4779ec51::after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
._06c616c51.c0e733c51 .d4779ec51 {
  width: 32px;
  height: 32px;
}
._06c616c51._9ba67dc51 .d4779ec51 {
  width: 24px;
  height: 24px;
}
._06c616c51._012737c51 .d4779ec51 {
  width: 17px;
  height: 17px;
}

@keyframes _9ff50ec51 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!*********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/RowFieldWrapper/RowFieldWrapper.scss.css ***!
  \*********************************************************************************************************************************************/
._06c6079af._06c6079af {
  grid-column-start: span 12;
  grid-template-columns: auto minmax(auto, max-content);
}
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/MediaCard/MediaCardNote.scss.css ***!
  \********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6ea0e8 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  border: none;
  border-radius: 8px;
}
._06c6ea0e8._4b6d6c0e8 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
._06c6ea0e8 .aaf2e10e8 {
  color: #101928;
}
._06c6ea0e8 .c9042a0e8 {
  color: #878c93;
}
._06c6ea0e8.d9e6190e8 {
  background-color: #e7e8ff;
}
._06c6ea0e8.d9e6190e8 .c9042a0e8 {
  color: #101928;
}
._06c6ea0e8._1daa020e8 {
  background-color: #fff4cc;
}
._06c6ea0e8._1daa020e8 .c9042a0e8 {
  color: #101928;
}
._06c6ea0e8._88b2640e8 {
  background-color: #e0f8e8;
}
._06c6ea0e8._88b2640e8 .c9042a0e8 {
  color: #101928;
}
._06c6ea0e8._36fecc0e8 {
  background-color: #fadee3;
}
._06c6ea0e8._36fecc0e8 .c9042a0e8 {
  color: #101928;
}
._06c6ea0e8.dc62cf0e8 {
  padding: 20px;
}
._06c6ea0e8._9a69130e8 {
  padding: 12px 16px;
}
._06c6ea0e8.a78e160e8 {
  padding: 16px;
}
._06c6ea0e8 .c2d42e0e8.fdf6dd0e8 {
  align-self: flex-start;
}
._06c6ea0e8 .c2d42e0e8.f1790b0e8 {
  align-self: center;
}
/*!********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ModalFullScreen/ModalFullScreenDesktopHeaderBar.scss.css ***!
  \********************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6b47eb {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  padding: 0 24px;
  width: 100%;
  min-height: 84px;
  align-items: center;
  z-index: 499;
  transition: background-color 200ms ease;
  background: transparent;
  position: sticky;
  top: 0;
  flex-shrink: 0;
}
._06c6b47eb._3255e07eb::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #d5d7da;
  opacity: 0;
}
._06c6b47eb ._4bd6af7eb {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
._06c6b47eb ._0cad5d7eb {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0;
  transition: opacity 200ms ease;
}
._06c6b47eb ._46c7347eb {
  display: flex;
  align-items: center;
}
._06c6b47eb ._46c7347eb._1bfde07eb {
  border-left: 1px solid #e7e8e9;
  margin-left: 16px;
  padding-left: 16px;
}
._06c6b47eb .d8f0107eb {
  display: grid;
  gap: 16px;
  grid-auto-flow: column;
  justify-content: flex-end;
  align-items: center;
}
._06c6b47eb .d8f0107eb > button:last-child {
  min-width: 160px;
}
._06c6b47eb._0228e37eb {
  background: white;
}
._06c6b47eb._0228e37eb._3255e07eb::after {
  opacity: 0.999;
}
._06c6b47eb._0228e37eb ._0cad5d7eb {
  opacity: 0.999;
}
._06c6b47eb.b960f47eb {
  background: white;
}
._06c6b47eb.b960f47eb._3255e07eb::after {
  opacity: 0.999;
}
._06c6b47eb.f2e2677eb {
  margin-bottom: 100px;
}
/*!****************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Container/Container.scss.css ***!
  \****************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6f07da {
  display: flex;
  justify-content: center;
  box-sizing: content-box;
  transition: transform 400ms ease-in-out;
}
._06c6f07da._8283637da {
  width: 100%;
}
._06c6f07da._2db7027da {
  background-color: #fff;
}
._06c6f07da._1b7cf27da {
  background-color: #f8f8fb;
}
._06c6f07da._4d4e037da {
  background-color: #f2f2f7;
}
._06c6f07da._9bebad7da {
  height: 150px;
}
._06c6f07da._231b517da {
  height: 100%;
}
._06c6f07da.ef73a17da {
  flex-grow: 1;
}

.ed70a37da {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.ed70a37da.e5a6997da {
  width: auto;
}
.ed70a37da._0687507da {
  width: 420px;
}
.ed70a37da._9eb3f17da {
  width: 460px;
}
.ed70a37da._4ce77b7da {
  width: 470px;
}
.ed70a37da._717f8e7da {
  width: 560px;
}
.ed70a37da._06d44c7da {
  width: 600px;
}
.ed70a37da._5fb3d67da {
  width: 680px;
}
.ed70a37da._767d877da {
  width: 925px;
}
.ed70a37da._8592f97da {
  width: 904px;
}
.ed70a37da._8973c27da {
  width: 980px;
}
.ed70a37da.eb590c7da {
  width: 1024px;
}
.ed70a37da.dbbf487da {
  max-width: 1072px;
}
.ed70a37da.be47477da {
  width: 1104px;
}
.ed70a37da.f4220f7da {
  width: 1200px;
}
.ed70a37da.cda41b7da {
  width: 1250px;
}
.ed70a37da.a562307da {
  width: 1440px;
}
.ed70a37da._3626757da {
  justify-content: center;
}
.ed70a37da._6335dc7da {
  align-items: center;
}
.ed70a37da._96e7387da {
  align-items: flex-start;
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ModalFullScreen/ModalFullScreenDesktopHeaderInContent.scss.css ***!
  \**************************************************************************************************************************************************************/
._06c6a3d9c {
  width: 100%;
  padding: 0 24px 32px 24px;
  display: grid;
  grid-gap: 8px;
}
._06c6a3d9c.db968bd9c {
  padding: 0 24px 0 24px;
}
._06c6a3d9c._07e210d9c {
  padding: 0 24px 24px;
}
._06c6a3d9c.c4a20cd9c {
  padding: 16px 24px 24px 24px;
}
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/PaymentSummaryCard/PaymentRow.scss.css ***!
  \**************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c68cc8c {
  border: 1px solid transparent;
  background-color: #e7e8ff;
  border-radius: 8px;
  padding-left: 16px;
  padding-right: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}
._06c68cc8c ._5f3c28c8c {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
._06c68cc8c._7c8becc8c {
  background-color: #e7e8ff;
}
._06c68cc8c._17ebb5c8c {
  background-color: #e7e8e9;
  color: #878c93;
}
._06c68cc8c._123f13c8c {
  background-color: #fff;
  color: #000;
  border-radius: 8px;
  border: 1px solid #da2346;
}
._06c68cc8c._123f13c8c._91384ec8c {
  background-color: #fadee3;
  border: 1px solid #e97b90;
}
._06c68cc8c .b1b153c8c {
  margin-left: 16px;
  align-items: center;
}
._06c68cc8c ._46950ac8c {
  border: none;
}
._06c68cc8c .c2d4cac8c {
  margin-top: 0;
}
._06c68cc8c .e7a27cc8c {
  margin-right: 8px;
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
/*!*********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Item/Section.scss.css ***!
  \*********************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._3255bc990:not(:last-child) {
  border-bottom: 1px solid #d5d7da;
}

.ffc929990 {
  border-right: 1px solid #d5d7da;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ViewContentWrapper/ViewContentWrapper.scss.css ***!
  \**********************************************************************************************************************************************/
._06c6b4f11 {
  width: 100%;
}
._06c6b4f11 .ed70c5f11 {
  display: flex;
  margin: 0 auto;
}
._06c6b4f11 .ed70c5f11._195bf9f11 {
  max-width: 560px;
}
._06c6b4f11 .ed70c5f11._38cf9ef11 {
  max-width: 600px;
}
._06c6b4f11 .ed70c5f11._1161bcf11 {
  max-width: 680px;
}
._06c6b4f11 .ed70c5f11._1e1084f11 {
  max-width: 820px;
}
._06c6b4f11 .ed70c5f11._9c64c1f11 {
  max-width: 976px;
}
._06c6b4f11 .ed70c5f11._07e633f11 {
  min-width: 680px;
}
/*!***********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ViewContentWrapper/ViewContentWrapperColumn.css ***!
  \***********************************************************************************************************************************************/
._06c6e0089 {
  width: 100%;
  padding: 0 12px;
  margin-bottom: 24px;
}
._06c6e0089._964ad0089 {
  position: sticky;
  top: 24px;
}
._06c6e0089._5eda7d089 {
  max-width: 336px;
  flex-grow: 0;
}
._06c6e0089:first-child {
  padding-left: 0;
}
._06c6e0089:last-child {
  padding-right: 0;
}
/*!****************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ViewBasic/ViewBasic.scss.css ***!
  \****************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c629233 {
  height: 100%;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
._06c629233.b85c65233 {
  background: #f8f8fb;
}
._06c629233._9eaef3233 {
  background: #f2f2f7;
}
._06c629233._8c644d233 {
  background: #fff;
}
._06c629233._2947ab233 {
  display: flex;
  flex-direction: column;
}
._06c629233 .ed70af233 {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
._06c629233 .ed70af233._01892d233 {
  padding-bottom: 80px;
}
/*!*********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Item/AddonWrapper.css ***!
  \*********************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6ca3c7 {
  border: 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
._06c6ca3c7._77eb203c7 {
  border-color: #d5d7da;
}
._06c6ca3c7._24f4333c7 {
  border-color: #6950f3;
}
._06c6ca3c7._69f1533c7 {
  border-radius: 8px;
}
._06c6ca3c7.a157583c7 {
  border-radius: 16px;
}
._06c6ca3c7.d393193c7 {
  background-color: #fff;
}
._06c6ca3c7._4dad413c7 {
  width: auto;
  height: auto;
  padding: 7px;
}
._06c6ca3c7.df74b33c7 {
  width: 40px;
  height: 40px;
}
._06c6ca3c7._346ce63c7 {
  width: 64px;
  height: 64px;
}
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Item/DateWrapper.scss.css ***!
  \*************************************************************************************************************************/
._944c549a5._944c549a5 {
  line-height: 20px;
}

._61d3579a5 {
  line-height: 16px;
}
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/BadgeContainer/BadgeContainer.scss.css ***!
  \**************************************************************************************************************************************/
._06c689618 {
  display: flex;
  flex-flow: row wrap;
  min-width: 0;
}
._06c689618.dd1600618 {
  margin-top: -4px;
}
._06c689618.dd1600618 > * {
  margin: 4px 4px 0 0;
}
._06c689618._2a35fd618 {
  margin-top: -8px;
}
._06c689618._2a35fd618 > * {
  margin: 8px 8px 0 0;
}
._06c689618._51dcb9618 {
  margin-top: -16px;
}
._06c689618._51dcb9618 > * {
  margin: 16px 16px 0 0;
}
._06c689618.c67b09618 {
  margin-top: -24px;
}
._06c689618.c67b09618 > * {
  margin: 24px 24px 0 0;
}
._06c689618.c62e16618 {
  justify-content: flex-start;
}
._06c689618.a50321618 {
  justify-content: center;
}
._06c689618._30765c618 {
  justify-content: flex-end;
}
/*!*****************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/TextEllipsis/TextEllipsis.css ***!
  \*****************************************************************************************************************************/
._06c61a862 {
  text-overflow: ellipsis;
  overflow: hidden;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-input-structure/build/InputStructure.css ***!
  \**********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/InputStructure.module.scss */
._6Ontyh {
  display: flex;
  flex-grow: 1;
  transition: background-color var(--motion-duration-quickest, 120ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1)), border-color var(--motion-duration-quickest, 120ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
._6Ontyh::before {
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  pointer-events: none;
}
._6Ontyh.xa-4Uh {
  background-color: var(--input-variant-default-state-default-container-background-color, #ffffff);
  border-color: var(--input-variant-default-state-default-container-border-color, #bfbfbf);
}
._6Ontyh.xa-4Uh ._FHQxh {
  color: var(--input-variant-default-state-default-label-text-color, #0d1619);
}
._6Ontyh.xa-4Uh .u7kYuh {
  color: var(--input-variant-default-state-default-counter-text-color, #757676);
}
._6Ontyh.xa-4Uh .Wa71vh {
  color: var(--input-variant-default-state-default-content-text-color, #0d1619);
}
._6Ontyh.xa-4Uh .Wa71vh::placeholder {
  color: var(--input-variant-default-state-default-placeholder-text-color, #757676);
  text-transform: none;
}
._6Ontyh.xa-4Uh .NNzNSh {
  color: var(--input-variant-default-state-default-helper-text-color, #757676);
}
@media (hover: hover) and (pointer: fine) {
  ._6Ontyh.xa-4Uh:hover {
    background-color: var(--input-variant-default-state-hover-container-background-color, #ffffff);
    border-color: var(--input-variant-default-state-hover-container-border-color, #acacac);
  }
  ._6Ontyh.xa-4Uh:hover ._FHQxh {
    color: var(--input-variant-default-state-hover-label-text-color, #0d1619);
  }
  ._6Ontyh.xa-4Uh:hover .u7kYuh {
    color: var(--input-variant-default-state-hover-counter-text-color, #757676);
  }
  ._6Ontyh.xa-4Uh:hover .Wa71vh {
    color: var(--input-variant-default-state-hover-content-text-color, #0d1619);
  }
  ._6Ontyh.xa-4Uh:hover .Wa71vh::placeholder {
    color: var(--input-variant-default-state-hover-placeholder-text-color, #757676);
    text-transform: none;
  }
  ._6Ontyh.xa-4Uh:hover .NNzNSh {
    color: var(--input-variant-default-state-hover-helper-text-color, #757676);
  }
}
._6Ontyh.xa-4Uh:active,
._6Ontyh.xa-4Uh:focus-within {
  background-color: var(--input-variant-default-state-active-container-background-color, #ffffff);
  border-color: var(--input-variant-default-state-active-container-border-color, #6950f3);
}
._6Ontyh.xa-4Uh:active ._FHQxh,
._6Ontyh.xa-4Uh:focus-within ._FHQxh {
  color: var(--input-variant-default-state-active-label-text-color, #0d1619);
}
._6Ontyh.xa-4Uh:active .u7kYuh,
._6Ontyh.xa-4Uh:focus-within .u7kYuh {
  color: var(--input-variant-default-state-active-counter-text-color, #757676);
}
._6Ontyh.xa-4Uh:active .Wa71vh,
._6Ontyh.xa-4Uh:focus-within .Wa71vh {
  color: var(--input-variant-default-state-active-content-text-color, #0d1619);
}
._6Ontyh.xa-4Uh:active .Wa71vh::placeholder,
._6Ontyh.xa-4Uh:focus-within .Wa71vh::placeholder {
  color: var(--input-variant-default-state-active-placeholder-text-color, #757676);
  text-transform: none;
}
._6Ontyh.xa-4Uh:active .NNzNSh,
._6Ontyh.xa-4Uh:focus-within .NNzNSh {
  color: var(--input-variant-default-state-active-helper-text-color, #757676);
}
._6Ontyh.xa-4Uh.JVFsqh {
  background-color: var(--input-variant-default-state-success-container-background-color, #ffffff);
  border-color: var(--input-variant-default-state-success-container-border-color, #1f8900);
}
._6Ontyh.xa-4Uh.JVFsqh ._FHQxh {
  color: var(--input-variant-default-state-success-label-text-color, #0d1619);
}
._6Ontyh.xa-4Uh.JVFsqh .u7kYuh {
  color: var(--input-variant-default-state-success-counter-text-color, #757676);
}
._6Ontyh.xa-4Uh.JVFsqh .Wa71vh {
  color: var(--input-variant-default-state-success-content-text-color, #0d1619);
}
._6Ontyh.xa-4Uh.JVFsqh .Wa71vh::placeholder {
  color: var(--input-variant-default-state-success-placeholder-text-color, #757676);
  text-transform: none;
}
._6Ontyh.xa-4Uh.JVFsqh .NNzNSh {
  color: var(--input-variant-default-state-success-helper-text-color, #757676);
}
._6Ontyh.xa-4Uh.bwkRBh {
  background-color: var(--input-variant-default-state-error-container-background-color, #ffffff);
  border-color: var(--input-variant-default-state-error-container-border-color, #d4163a);
}
._6Ontyh.xa-4Uh.bwkRBh ._FHQxh {
  color: var(--input-variant-default-state-error-label-text-color, #0d1619);
}
._6Ontyh.xa-4Uh.bwkRBh .u7kYuh {
  color: var(--input-variant-default-state-error-counter-text-color, #757676);
}
._6Ontyh.xa-4Uh.bwkRBh .Wa71vh {
  color: var(--input-variant-default-state-error-content-text-color, #0d1619);
}
._6Ontyh.xa-4Uh.bwkRBh .Wa71vh::placeholder {
  color: var(--input-variant-default-state-error-placeholder-text-color, #757676);
  text-transform: none;
}
._6Ontyh.xa-4Uh.bwkRBh .NNzNSh {
  color: var(--input-variant-default-state-error-helper-text-color, #757676);
}
._6Ontyh.xa-4Uh[aria-disabled=true],
._6Ontyh.xa-4Uh.iX-Euh {
  cursor: unset;
  pointer-events: none;
}
._6Ontyh.xa-4Uh[aria-disabled=true],
._6Ontyh.xa-4Uh.iX-Euh {
  background-color: var(--input-variant-default-state-disabled-container-background-color, #f2f2f2);
  border-color: var(--input-variant-default-state-disabled-container-border-color, #d3d3d3);
}
._6Ontyh.xa-4Uh[aria-disabled=true] ._FHQxh,
._6Ontyh.xa-4Uh.iX-Euh ._FHQxh {
  color: var(--input-variant-default-state-disabled-label-text-color, #0d1619);
}
._6Ontyh.xa-4Uh[aria-disabled=true] .u7kYuh,
._6Ontyh.xa-4Uh.iX-Euh .u7kYuh {
  color: var(--input-variant-default-state-disabled-counter-text-color, #757676);
}
._6Ontyh.xa-4Uh[aria-disabled=true] .Wa71vh,
._6Ontyh.xa-4Uh.iX-Euh .Wa71vh {
  color: var(--input-variant-default-state-disabled-content-text-color, #acacac);
}
._6Ontyh.xa-4Uh[aria-disabled=true] .Wa71vh::placeholder,
._6Ontyh.xa-4Uh.iX-Euh .Wa71vh::placeholder {
  color: var(--input-variant-default-state-disabled-placeholder-text-color, #acacac);
  text-transform: none;
}
._6Ontyh.xa-4Uh[aria-disabled=true] .NNzNSh,
._6Ontyh.xa-4Uh.iX-Euh .NNzNSh {
  color: var(--input-variant-default-state-disabled-helper-text-color, #757676);
}
._6Ontyh._5UhDlh .Wa71vh {
  cursor: default;
}
._6Ontyh.OGOAfh {
}
._6Ontyh.OGOAfh {
  max-height: var(--input-size-default-state-default-container-composition-height, 48px);
  height: var(--input-size-default-state-default-container-composition-height, 48px);
  border-radius: var(--input-size-default-state-default-container-composition-border-radius, 8px);
  border-width: var(--input-size-default-state-default-container-composition-border-width, 1px);
  border-style: solid;
}
._6Ontyh.OGOAfh .Wa71vh {
  font: var(--input-size-default-state-default-input-composition-typography, 400 15px/20px Roobert PRO);
  padding: 0 var(--input-size-default-state-default-content-composition-horizontal-padding, 16px);
}
._6Ontyh.OGOAfh .Wa71vh {
  border-radius: var(--input-size-default-state-default-container-composition-border-radius, 8px);
}
@media screen and (min-width: 0) {
  ._6Ontyh.F9KjKh {
    border: none;
  }
  ._6Ontyh.F9KjKh .Wa71vh {
    padding: 0;
  }
}
@media screen and (min-width: 0) {
  ._6Ontyh.F9KjKh {
    border: none;
  }
  ._6Ontyh.F9KjKh .Wa71vh {
    padding: 0;
  }
}
@media screen and (min-width: 512px) {
  ._6Ontyh._3fs4yh {
    border: none;
  }
  ._6Ontyh._3fs4yh .Wa71vh {
    padding: 0;
  }
}
@media screen and (min-width: 512px) {
  ._6Ontyh._3fs4yh {
    border: none;
  }
  ._6Ontyh._3fs4yh .Wa71vh {
    padding: 0;
  }
}
@media screen and (min-width: 520px) {
  ._6Ontyh.c8KC3h {
    border: none;
  }
  ._6Ontyh.c8KC3h .Wa71vh {
    padding: 0;
  }
}
@media screen and (min-width: 520px) {
  ._6Ontyh.c8KC3h {
    border: none;
  }
  ._6Ontyh.c8KC3h .Wa71vh {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  ._6Ontyh.nITtih {
    border: none;
  }
  ._6Ontyh.nITtih .Wa71vh {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  ._6Ontyh.nITtih {
    border: none;
  }
  ._6Ontyh.nITtih .Wa71vh {
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  ._6Ontyh.T75MFh {
    border: none;
  }
  ._6Ontyh.T75MFh .Wa71vh {
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  ._6Ontyh.T75MFh {
    border: none;
  }
  ._6Ontyh.T75MFh .Wa71vh {
    padding: 0;
  }
}
@media screen and (min-width: 1280px) {
  ._6Ontyh.fvY_sh {
    border: none;
  }
  ._6Ontyh.fvY_sh .Wa71vh {
    padding: 0;
  }
}
@media screen and (min-width: 1280px) {
  ._6Ontyh.fvY_sh {
    border: none;
  }
  ._6Ontyh.fvY_sh .Wa71vh {
    padding: 0;
  }
}
@media screen and (min-width: 1440px) {
  ._6Ontyh._7Q_PSh {
    border: none;
  }
  ._6Ontyh._7Q_PSh .Wa71vh {
    padding: 0;
  }
}
@media screen and (min-width: 1440px) {
  ._6Ontyh._7Q_PSh {
    border: none;
  }
  ._6Ontyh._7Q_PSh .Wa71vh {
    padding: 0;
  }
}
@media screen and (min-width: 1920px) {
  ._6Ontyh.XOLaxh {
    border: none;
  }
  ._6Ontyh.XOLaxh .Wa71vh {
    padding: 0;
  }
}
@media screen and (min-width: 1920px) {
  ._6Ontyh.XOLaxh {
    border: none;
  }
  ._6Ontyh.XOLaxh .Wa71vh {
    padding: 0;
  }
}
._6Ontyh._kg9rh {
  height: unset;
  max-height: unset;
}
._6Ontyh._kg9rh.xM-h4h .Wa71vh {
  resize: vertical;
}
._6Ontyh._kg9rh.xM-h4h .Wa71vh::-webkit-resizer {
  display: none;
}
._6Ontyh._kg9rh .Wa71vh {
  padding: 16px 14px;
  min-height: 120px;
  resize: none;
}
._6Ontyh._kg9rh ._4gngOh {
  display: none;
}
._6Ontyh._kg9rh ._1h-anh {
  display: none;
}
.Wa71vh {
  position: relative;
  width: 100%;
  margin: 0;
  border: 0;
  outline: none;
  box-sizing: border-box;
  padding: 16px 14px;
  background-color: transparent;
}
._9TD_bh {
  position: absolute;
  bottom: var(--spacing-100, 8px);
  right: var(--spacing-100, 8px);
  pointer-events: none;
}
[dir=rtl] ._9TD_bh {
  right: unset;
  left: var(--spacing-100, 8px);
}
[dir=rtl] ._6Ontyh.xM-h4h ._9TD_bh > span {
  transform: rotate(90deg);
}
._4gngOh,
._1h-anh {
  display: flex;
  align-items: center;
  cursor: text;
}
._4gngOh.y1RWrh,
._1h-anh.y1RWrh {
  cursor: unset;
}
._4gngOh.xa-4Uh {
  color: var(--input-prefix-variant-default-state-default-text-color, #757676);
}
._4gngOh.xa-4Uh.iX-Euh {
  color: var(--input-prefix-variant-default-state-disabled-text-color, #acacac);
}
._4gngOh.OGOAfh {
  padding-left: var(--input-prefix-size-default-state-default-layout-composition-padding-left, 16px);
}
[dir=rtl] ._4gngOh.OGOAfh {
  padding-right: var(--input-prefix-size-default-state-default-layout-composition-padding-left, 16px);
}
._1h-anh.xa-4Uh {
  color: var(--input-suffix-variant-default-state-default-text-color, #757676);
}
._1h-anh.xa-4Uh.iX-Euh {
  color: var(--input-suffix-variant-default-state-disabled-text-color, #acacac);
}
._1h-anh.OGOAfh {
  padding-right: var(--input-suffix-size-default-state-default-layout-composition-padding-right, 16px);
}
[dir=rtl] ._1h-anh.OGOAfh {
  padding-left: var(--input-suffix-size-default-state-default-layout-composition-padding-right, 16px);
}
._1h-anh.OGOAfh.PFEyBh {
  padding-right: var(--input-suffix-size-default-state-default-layout-icon-action-composition-padding-right, 8px);
}
[dir=rtl] ._1h-anh.OGOAfh.PFEyBh {
  padding-left: var(--input-suffix-size-default-state-default-layout-icon-action-composition-padding-right, 8px);
}
.Fr8nqh {
  width: var(--button-size-s-container-composition-height, 32px);
}
/*# sourceMappingURL=InputStructure.css.map */
/*!*******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-spinner/build/Spinner.css ***!
  \*******************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Spinner.module.scss */
.xqMSS_.eMf3v_ {
  height: var(--spinner-size-l-composition-sizing, 24px);
  width: var(--spinner-size-l-composition-sizing, 24px);
}
.xqMSS_._1WMwK_ {
  height: var(--spinner-size-m-composition-sizing, 20px);
  width: var(--spinner-size-m-composition-sizing, 20px);
}
.xqMSS_.pFkKc_ {
  height: var(--spinner-size-s-composition-sizing, 16px);
  width: var(--spinner-size-s-composition-sizing, 16px);
}
.xqMSS_.Wpfg1_ {
  height: var(--spinner-size-xs-composition-sizing, 12px);
  width: var(--spinner-size-xs-composition-sizing, 12px);
}
.xqMSS_.WqJgt_ {
  height: var(--spinner-size-xl-composition-sizing, 28px);
  width: var(--spinner-size-xl-composition-sizing, 28px);
}
.xqMSS_.GmKmi_ {
  height: var(--spinner-size-2xl-composition-sizing, 32px);
  width: var(--spinner-size-2xl-composition-sizing, 32px);
}
.xqMSS_._3D9cG_ {
  height: var(--spinner-size-3xl-composition-sizing, 48px);
  width: var(--spinner-size-3xl-composition-sizing, 48px);
}
.xqMSS_.UgpEi_ {
  height: var(--spinner-size-4xl-composition-sizing, 56px);
  width: var(--spinner-size-4xl-composition-sizing, 56px);
}
.xqMSS_.Mj7l0_ {
  height: var(--spinner-size-5xl-composition-sizing, 64px);
  width: var(--spinner-size-5xl-composition-sizing, 64px);
}
._5CYBg_ {
  transform-origin: 16px 16px;
  animation: KZva5_ 0.8s infinite linear;
}
.EDJH4_ {
  transform-origin: 16px 16px;
  animation: rNUoU_ 0.8s infinite linear;
}
@keyframes KZva5_ {
  0% {
    transform: rotate(-85deg);
  }
  25% {
    transform: rotate(35deg);
  }
  50% {
    transform: rotate(155deg);
  }
  100% {
    transform: rotate(275deg);
  }
}
@keyframes rNUoU_ {
  from, to {
    stroke-dasharray: 12.5 100;
  }
  50% {
    stroke-dasharray: 25 100;
  }
}
/*# sourceMappingURL=Spinner.css.map */
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-link/build/Link.css ***!
  \*************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Link.module.scss */
.c2bnCo {
  display: inline;
  font: inherit;
  border-radius: var(--border-radius-s, 4px);
  white-space: nowrap;
  text-decoration: none;
}
.c2bnCo:visited {
  color: inherit;
}
.c2bnCo.Ho5rBo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.c2bnCo.EkiZWo {
  white-space: unset;
}
.c2bnCo._Q7jXo {
  flex-direction: row-reverse;
}
.c2bnCo._36Jhao {
  color: var(--color-foreground-accent, #6950f3);
}
.c2bnCo._36Jhao:visited {
  color: var(--color-foreground-accent, #6950f3);
}
@media (hover: hover) and (pointer: fine) {
  .c2bnCo._36Jhao:hover {
    color: var(--color-foreground-accent-hover, #5c4ace);
  }
}
.c2bnCo._36Jhao:active {
  color: var(--color-foreground-accent-active, #403591);
}
.c2bnCo.POrJeo {
  color: inherit;
}
/*# sourceMappingURL=Link.css.map */
/*!***************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-image/build/Image.css ***!
  \***************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Image.module.scss */
.rC5Uv5 {
  display: block;
  overflow: hidden;
}
.rC5Uv5.X4fq35 {
  background-color: var(--color-background-neutral-faded, #f2f2f2);
}
.rC5Uv5._-rO_j5 {
  width: 100%;
}
.rC5Uv5.wptCw5 {
  aspect-ratio: var(--aspect-ratio-16x9, 1.7777777778);
}
.rC5Uv5.lcgVm5 {
  aspect-ratio: var(--aspect-ratio-16x10, 1.6);
}
.rC5Uv5.GNZ5H5 {
  aspect-ratio: var(--aspect-ratio-3x2, 1.5);
}
.rC5Uv5.yEOy-5 {
  aspect-ratio: var(--aspect-ratio-4x3, 1.3333333333);
}
.rC5Uv5.kx6ic5 {
  aspect-ratio: var(--aspect-ratio-5x4, 1.25);
}
.rC5Uv5.O--Yq5 {
  aspect-ratio: var(--aspect-ratio-7x5, 1.4);
}
.rC5Uv5._7bUq35 {
  aspect-ratio: var(--aspect-ratio-8x3, 2.6666666667);
}
.rC5Uv5.Qs8WD5 {
  aspect-ratio: var(--aspect-ratio-1x1, 1);
}
.rC5Uv5.vZuAU5 {
  aspect-ratio: var(--aspect-ratio-9x16, 0.5625);
}
.rC5Uv5.uZVDP5 {
  aspect-ratio: var(--aspect-ratio-10x16, 0.625);
}
.rC5Uv5.E729T5 {
  aspect-ratio: var(--aspect-ratio-2x3, 0.6666666667);
}
.rC5Uv5.AobcP5 {
  aspect-ratio: var(--aspect-ratio-3x4, 0.75);
}
.rC5Uv5.usywu5 {
  aspect-ratio: var(--aspect-ratio-4x5, 0.8);
}
.rC5Uv5.oN--o5 {
  height: 100%;
}
.rC5Uv5.odB9x5 {
  align-items: center;
  background-color: var(--color-background-neutral-faded, #f2f2f2);
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 0) {
  .rC5Uv5.YB9LE5 {
    border-radius: var(--border-radius-s, 4px);
  }
}
@media screen and (min-width: 0) {
  .rC5Uv5._70gnb5 {
    border-radius: var(--border-radius-m, 8px);
  }
}
@media screen and (min-width: 0) {
  .rC5Uv5.URU_Q5 {
    border-radius: var(--border-radius-l, 12px);
  }
}
@media screen and (min-width: 0) {
  .rC5Uv5.IM6pp5 {
    border-radius: var(--border-radius-xl, 24px);
  }
}
@media screen and (min-width: 0) {
  .rC5Uv5.c8Vdl5 {
    border-radius: var(--border-radius-sharp, 0px);
  }
}
@media screen and (min-width: 0) {
  .rC5Uv5._-OQN5 {
    border-radius: var(--border-radius-pill, 999px);
  }
}
@media screen and (min-width: 0) {
  .rC5Uv5.dBhWw5 {
    border-radius: var(--border-radius-actions, 999px);
  }
}
@media screen and (min-width: 512px) {
  .rC5Uv5.SPc0H5 {
    border-radius: var(--border-radius-s, 4px);
  }
}
@media screen and (min-width: 512px) {
  .rC5Uv5.SD0tq5 {
    border-radius: var(--border-radius-m, 8px);
  }
}
@media screen and (min-width: 512px) {
  .rC5Uv5.uhtGc5 {
    border-radius: var(--border-radius-l, 12px);
  }
}
@media screen and (min-width: 512px) {
  .rC5Uv5.ni8RV5 {
    border-radius: var(--border-radius-xl, 24px);
  }
}
@media screen and (min-width: 512px) {
  .rC5Uv5._47jbc5 {
    border-radius: var(--border-radius-sharp, 0px);
  }
}
@media screen and (min-width: 512px) {
  .rC5Uv5.mjtvZ5 {
    border-radius: var(--border-radius-pill, 999px);
  }
}
@media screen and (min-width: 512px) {
  .rC5Uv5.kmFbo5 {
    border-radius: var(--border-radius-actions, 999px);
  }
}
@media screen and (min-width: 520px) {
  .rC5Uv5.FQPZ55 {
    border-radius: var(--border-radius-s, 4px);
  }
}
@media screen and (min-width: 520px) {
  .rC5Uv5.bu8gX5 {
    border-radius: var(--border-radius-m, 8px);
  }
}
@media screen and (min-width: 520px) {
  .rC5Uv5._22z6d5 {
    border-radius: var(--border-radius-l, 12px);
  }
}
@media screen and (min-width: 520px) {
  .rC5Uv5._8IAIP5 {
    border-radius: var(--border-radius-xl, 24px);
  }
}
@media screen and (min-width: 520px) {
  .rC5Uv5.XII6_5 {
    border-radius: var(--border-radius-sharp, 0px);
  }
}
@media screen and (min-width: 520px) {
  .rC5Uv5.BcFrb5 {
    border-radius: var(--border-radius-pill, 999px);
  }
}
@media screen and (min-width: 520px) {
  .rC5Uv5._0dI355 {
    border-radius: var(--border-radius-actions, 999px);
  }
}
@media screen and (min-width: 768px) {
  .rC5Uv5.FzJme5 {
    border-radius: var(--border-radius-s, 4px);
  }
}
@media screen and (min-width: 768px) {
  .rC5Uv5.BFPvs5 {
    border-radius: var(--border-radius-m, 8px);
  }
}
@media screen and (min-width: 768px) {
  .rC5Uv5.Tp2Ih5 {
    border-radius: var(--border-radius-l, 12px);
  }
}
@media screen and (min-width: 768px) {
  .rC5Uv5.gYIPJ5 {
    border-radius: var(--border-radius-xl, 24px);
  }
}
@media screen and (min-width: 768px) {
  .rC5Uv5.nMNLl5 {
    border-radius: var(--border-radius-sharp, 0px);
  }
}
@media screen and (min-width: 768px) {
  .rC5Uv5.uewqN5 {
    border-radius: var(--border-radius-pill, 999px);
  }
}
@media screen and (min-width: 768px) {
  .rC5Uv5.tGubb5 {
    border-radius: var(--border-radius-actions, 999px);
  }
}
@media screen and (min-width: 1024px) {
  .rC5Uv5._7jjeb5 {
    border-radius: var(--border-radius-s, 4px);
  }
}
@media screen and (min-width: 1024px) {
  .rC5Uv5.o_WSQ5 {
    border-radius: var(--border-radius-m, 8px);
  }
}
@media screen and (min-width: 1024px) {
  .rC5Uv5.I4_R25 {
    border-radius: var(--border-radius-l, 12px);
  }
}
@media screen and (min-width: 1024px) {
  .rC5Uv5.LkFaG5 {
    border-radius: var(--border-radius-xl, 24px);
  }
}
@media screen and (min-width: 1024px) {
  .rC5Uv5.XCQMG5 {
    border-radius: var(--border-radius-sharp, 0px);
  }
}
@media screen and (min-width: 1024px) {
  .rC5Uv5._8tguD5 {
    border-radius: var(--border-radius-pill, 999px);
  }
}
@media screen and (min-width: 1024px) {
  .rC5Uv5.AJnsI5 {
    border-radius: var(--border-radius-actions, 999px);
  }
}
@media screen and (min-width: 1280px) {
  .rC5Uv5.Am6vl5 {
    border-radius: var(--border-radius-s, 4px);
  }
}
@media screen and (min-width: 1280px) {
  .rC5Uv5._0_b4_5 {
    border-radius: var(--border-radius-m, 8px);
  }
}
@media screen and (min-width: 1280px) {
  .rC5Uv5.Cfjrt5 {
    border-radius: var(--border-radius-l, 12px);
  }
}
@media screen and (min-width: 1280px) {
  .rC5Uv5.sxkul5 {
    border-radius: var(--border-radius-xl, 24px);
  }
}
@media screen and (min-width: 1280px) {
  .rC5Uv5.oqGZH5 {
    border-radius: var(--border-radius-sharp, 0px);
  }
}
@media screen and (min-width: 1280px) {
  .rC5Uv5.IACgx5 {
    border-radius: var(--border-radius-pill, 999px);
  }
}
@media screen and (min-width: 1280px) {
  .rC5Uv5.Z31-u5 {
    border-radius: var(--border-radius-actions, 999px);
  }
}
@media screen and (min-width: 1440px) {
  .rC5Uv5.mTI-f5 {
    border-radius: var(--border-radius-s, 4px);
  }
}
@media screen and (min-width: 1440px) {
  .rC5Uv5.rWmzj5 {
    border-radius: var(--border-radius-m, 8px);
  }
}
@media screen and (min-width: 1440px) {
  .rC5Uv5.TpZm25 {
    border-radius: var(--border-radius-l, 12px);
  }
}
@media screen and (min-width: 1440px) {
  .rC5Uv5.NZjnV5 {
    border-radius: var(--border-radius-xl, 24px);
  }
}
@media screen and (min-width: 1440px) {
  .rC5Uv5.do0mL5 {
    border-radius: var(--border-radius-sharp, 0px);
  }
}
@media screen and (min-width: 1440px) {
  .rC5Uv5.iFjcD5 {
    border-radius: var(--border-radius-pill, 999px);
  }
}
@media screen and (min-width: 1440px) {
  .rC5Uv5.gy5lb5 {
    border-radius: var(--border-radius-actions, 999px);
  }
}
@media screen and (min-width: 1920px) {
  .rC5Uv5._3_ViP5 {
    border-radius: var(--border-radius-s, 4px);
  }
}
@media screen and (min-width: 1920px) {
  .rC5Uv5.cODPH5 {
    border-radius: var(--border-radius-m, 8px);
  }
}
@media screen and (min-width: 1920px) {
  .rC5Uv5.InDl35 {
    border-radius: var(--border-radius-l, 12px);
  }
}
@media screen and (min-width: 1920px) {
  .rC5Uv5.WvAsb5 {
    border-radius: var(--border-radius-xl, 24px);
  }
}
@media screen and (min-width: 1920px) {
  .rC5Uv5.NSYI75 {
    border-radius: var(--border-radius-sharp, 0px);
  }
}
@media screen and (min-width: 1920px) {
  .rC5Uv5.HA6Pp5 {
    border-radius: var(--border-radius-pill, 999px);
  }
}
@media screen and (min-width: 1920px) {
  .rC5Uv5.QVBn55 {
    border-radius: var(--border-radius-actions, 999px);
  }
}
.N3bgt5 {
  display: flex;
  height: auto;
  border-radius: inherit;
  max-width: 100%;
}
.N3bgt5.aDoIc5 {
  width: auto;
}
.N3bgt5._-rO_j5 {
  width: 100%;
}
.N3bgt5.odB9x5 {
  opacity: 0;
}
.N3bgt5.X4fq35 {
  opacity: 0;
}
.N3bgt5.p0zFt5 {
  height: 100%;
}
.N3bgt5.Rws6O5 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.N3bgt5._3_zbN5 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.N3bgt5._9BAms5 {
  object-position: left;
}
.N3bgt5.aWuqa5 {
  object-position: right;
}
.N3bgt5.aQL6E5 {
  object-position: center;
}
.N3bgt5.CnPnO5 {
  object-position: top;
}
.N3bgt5._9TR705 {
  object-position: bottom;
}
._4E5Wg5 {
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  opacity: 0.01;
  overflow: hidden;
  color: var(--color-foreground-danger, #d4163a);
  max-width: 80%;
  margin: auto;
  position: absolute;
  text-align: center;
  white-space: pre-wrap;
}
._4E5Wg5[alt]::after {
  display: none;
}
/*# sourceMappingURL=Image.css.map */
/*!*****************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-field-structure/build/FieldStructure.styles.css ***!
  \*****************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/FieldStructure.module.scss */
.upDoiA {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--input-size-default-state-default-layout-composition-item-spacing, 4px);
}
.Do8oRA {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.Do8oRA.X2Xd2A {
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  opacity: 0.01;
  overflow: hidden;
}
/*# sourceMappingURL=FieldStructure.styles.css.map */
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/CookieBanner/CookieBanner.scss.css ***!
  \**********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6e084f {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2001;
}
._06c6e084f.d5249484f {
  padding: 0 32px 24px 32px;
}
._06c6e084f.d5249484f ._472a6884f {
  position: relative;
}
._06c6e084f.d5249484f ._4f1a4684f {
  border: 1px solid #e7e8e9;
}
._06c6e084f.d5249484f ._2e496484f {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #101928;
}
._06c6e084f.d5249484f ._2e496484f::before {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  display: block;
  width: 64px;
  height: 64px;
}
._06c6e084f._68698184f {
  border-top: 1px solid #e7e8e9;
  background-color: #fff;
}
/*!************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/styles/aspectRatios.css ***!
  \************************************************************************************************************/
/* stylelint-disable */

/* stylelint-enable */
/*!****************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ImageCropper/styles.scss.css ***!
  \****************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
.a42d8ef7e {
  border-radius: 8px;
  height: 1px;
  min-height: 312px;
  background-color: #414753;
  overflow: hidden;
}
.a42d8ef7e .ed70eff7e {
  text-align: center;
  position: relative;
  height: 100%;
  background: repeating-conic-gradient(#3d434f 0% 25%, transparent 0% 50%) 50%/20px 20px;
}
.a42d8ef7e .f348b2f7e img {
  max-height: 277px;
}

.ec4c7cf7e {
  margin: 16px 24px;
}
@media (max-width: 767px) {
  .ec4c7cf7e {
    margin: 16px 0;
  }
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/NotificationBar/NotificationBar.scss.css ***!
  \****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6d5261 {
  width: 100%;
  background-color: #e7e8ff;
  --safeAreaInsetTop: env(safe-area-inset-top);
}
._06c6d5261._67fcf7261 {
  background-color: #f8f8fb;
}
._06c6d5261._964acb261 {
  position: sticky;
  top: var(--safeAreaInsetTop);
  z-index: 500;
}
._06c6d5261._964acb261._3b94b5261 {
  top: 0;
}
._06c6d5261._01023c261 {
  border-radius: 8px;
}
._06c6d5261 .a42d94261 {
  display: flex;
  align-items: center;
}
._06c6d5261 .c3e259261 {
  margin-left: 16px;
}
._06c6d5261 .c2d4aa261 {
  margin-top: 4px;
  margin-left: 16px;
}
@media (max-width: 768px) {
  ._06c6d5261 .a42d94261 {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
  ._06c6d5261 .c3e259261 {
    margin-left: 0;
  }
}
/*!*******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-divider/build/Divider.css ***!
  \*******************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Divider.module.scss */
.KT-pVr {
  border: none;
  background-color: var(--divider-variant-default-background-background-color, #d3d3d3);
}
.KT-pVr.CCh9Ar {
  height: var(--divider-size-default-border-composition-border-width, 1px);
}
.KT-pVr.uph2Mr {
  width: var(--divider-size-default-border-composition-border-width, 1px);
  height: 100%;
}
.KT-pVr.Sm3Jdr {
  margin-left: var(--spacing-0, 0px);
  margin-right: var(--spacing-0, 0px);
}
.KT-pVr.pz1RRr {
  margin-top: var(--spacing-0, 0px);
  margin-bottom: var(--spacing-0, 0px);
}
.KT-pVr._7q3oZr {
  margin-left: var(--spacing-50, 2px);
  margin-right: var(--spacing-50, 2px);
}
.KT-pVr.rQAVhr {
  margin-top: var(--spacing-50, 2px);
  margin-bottom: var(--spacing-50, 2px);
}
.KT-pVr.Dr-ner {
  margin-left: var(--spacing-75, 4px);
  margin-right: var(--spacing-75, 4px);
}
.KT-pVr.OkE1cr {
  margin-top: var(--spacing-75, 4px);
  margin-bottom: var(--spacing-75, 4px);
}
.KT-pVr.OUF6-r {
  margin-left: var(--spacing-85, 6px);
  margin-right: var(--spacing-85, 6px);
}
.KT-pVr.tY2Zhr {
  margin-top: var(--spacing-85, 6px);
  margin-bottom: var(--spacing-85, 6px);
}
.KT-pVr.Q93Snr {
  margin-left: var(--spacing-100, 8px);
  margin-right: var(--spacing-100, 8px);
}
.KT-pVr.e0rSkr {
  margin-top: var(--spacing-100, 8px);
  margin-bottom: var(--spacing-100, 8px);
}
.KT-pVr.LIi57r {
  margin-left: var(--spacing-200, 12px);
  margin-right: var(--spacing-200, 12px);
}
.KT-pVr.kG59Wr {
  margin-top: var(--spacing-200, 12px);
  margin-bottom: var(--spacing-200, 12px);
}
.KT-pVr.rauswr {
  margin-left: var(--spacing-300, 16px);
  margin-right: var(--spacing-300, 16px);
}
.KT-pVr.dSLfar {
  margin-top: var(--spacing-300, 16px);
  margin-bottom: var(--spacing-300, 16px);
}
.KT-pVr._5URO9r {
  margin-left: var(--spacing-400, 20px);
  margin-right: var(--spacing-400, 20px);
}
.KT-pVr.jlhlSr {
  margin-top: var(--spacing-400, 20px);
  margin-bottom: var(--spacing-400, 20px);
}
.KT-pVr.glcV4r {
  margin-left: var(--spacing-500, 24px);
  margin-right: var(--spacing-500, 24px);
}
.KT-pVr.uf5_kr {
  margin-top: var(--spacing-500, 24px);
  margin-bottom: var(--spacing-500, 24px);
}
.KT-pVr._6FyU0r {
  margin-left: var(--spacing-600, 32px);
  margin-right: var(--spacing-600, 32px);
}
.KT-pVr.pb6oUr {
  margin-top: var(--spacing-600, 32px);
  margin-bottom: var(--spacing-600, 32px);
}
.KT-pVr.e5x7ur {
  margin-left: var(--spacing-700, 40px);
  margin-right: var(--spacing-700, 40px);
}
.KT-pVr._2OHvxr {
  margin-top: var(--spacing-700, 40px);
  margin-bottom: var(--spacing-700, 40px);
}
.KT-pVr.fdNnwr {
  margin-left: var(--spacing-800, 48px);
  margin-right: var(--spacing-800, 48px);
}
.KT-pVr.nkcfir {
  margin-top: var(--spacing-800, 48px);
  margin-bottom: var(--spacing-800, 48px);
}
.KT-pVr.SUFQ3r {
  margin-left: var(--spacing-900, 64px);
  margin-right: var(--spacing-900, 64px);
}
.KT-pVr.crOsTr {
  margin-top: var(--spacing-900, 64px);
  margin-bottom: var(--spacing-900, 64px);
}
.KT-pVr.fLg26r {
  margin-left: var(--spacing-950, 72px);
  margin-right: var(--spacing-950, 72px);
}
.KT-pVr.F-g5cr {
  margin-top: var(--spacing-950, 72px);
  margin-bottom: var(--spacing-950, 72px);
}
.KT-pVr.XwxRir {
  margin-left: var(--spacing-1000, 80px);
  margin-right: var(--spacing-1000, 80px);
}
.KT-pVr.IwLY1r {
  margin-top: var(--spacing-1000, 80px);
  margin-bottom: var(--spacing-1000, 80px);
}
.KT-pVr.qU7OQr {
  margin-left: var(--spacing-1100, 128px);
  margin-right: var(--spacing-1100, 128px);
}
.KT-pVr.MZBphr {
  margin-top: var(--spacing-1100, 128px);
  margin-bottom: var(--spacing-1100, 128px);
}
.TQMsPr {
  display: flex;
  align-items: center;
  gap: var(--divider-size-with-text-layout-composition-item-spacing, 12px);
}
.TQMsPr.Sm3Jdr {
  margin-left: var(--spacing-0, 0px);
  margin-right: var(--spacing-0, 0px);
}
.TQMsPr.pz1RRr {
  margin-top: var(--spacing-0, 0px);
  margin-bottom: var(--spacing-0, 0px);
}
.TQMsPr._7q3oZr {
  margin-left: var(--spacing-50, 2px);
  margin-right: var(--spacing-50, 2px);
}
.TQMsPr.rQAVhr {
  margin-top: var(--spacing-50, 2px);
  margin-bottom: var(--spacing-50, 2px);
}
.TQMsPr.Dr-ner {
  margin-left: var(--spacing-75, 4px);
  margin-right: var(--spacing-75, 4px);
}
.TQMsPr.OkE1cr {
  margin-top: var(--spacing-75, 4px);
  margin-bottom: var(--spacing-75, 4px);
}
.TQMsPr.OUF6-r {
  margin-left: var(--spacing-85, 6px);
  margin-right: var(--spacing-85, 6px);
}
.TQMsPr.tY2Zhr {
  margin-top: var(--spacing-85, 6px);
  margin-bottom: var(--spacing-85, 6px);
}
.TQMsPr.Q93Snr {
  margin-left: var(--spacing-100, 8px);
  margin-right: var(--spacing-100, 8px);
}
.TQMsPr.e0rSkr {
  margin-top: var(--spacing-100, 8px);
  margin-bottom: var(--spacing-100, 8px);
}
.TQMsPr.LIi57r {
  margin-left: var(--spacing-200, 12px);
  margin-right: var(--spacing-200, 12px);
}
.TQMsPr.kG59Wr {
  margin-top: var(--spacing-200, 12px);
  margin-bottom: var(--spacing-200, 12px);
}
.TQMsPr.rauswr {
  margin-left: var(--spacing-300, 16px);
  margin-right: var(--spacing-300, 16px);
}
.TQMsPr.dSLfar {
  margin-top: var(--spacing-300, 16px);
  margin-bottom: var(--spacing-300, 16px);
}
.TQMsPr._5URO9r {
  margin-left: var(--spacing-400, 20px);
  margin-right: var(--spacing-400, 20px);
}
.TQMsPr.jlhlSr {
  margin-top: var(--spacing-400, 20px);
  margin-bottom: var(--spacing-400, 20px);
}
.TQMsPr.glcV4r {
  margin-left: var(--spacing-500, 24px);
  margin-right: var(--spacing-500, 24px);
}
.TQMsPr.uf5_kr {
  margin-top: var(--spacing-500, 24px);
  margin-bottom: var(--spacing-500, 24px);
}
.TQMsPr._6FyU0r {
  margin-left: var(--spacing-600, 32px);
  margin-right: var(--spacing-600, 32px);
}
.TQMsPr.pb6oUr {
  margin-top: var(--spacing-600, 32px);
  margin-bottom: var(--spacing-600, 32px);
}
.TQMsPr.e5x7ur {
  margin-left: var(--spacing-700, 40px);
  margin-right: var(--spacing-700, 40px);
}
.TQMsPr._2OHvxr {
  margin-top: var(--spacing-700, 40px);
  margin-bottom: var(--spacing-700, 40px);
}
.TQMsPr.fdNnwr {
  margin-left: var(--spacing-800, 48px);
  margin-right: var(--spacing-800, 48px);
}
.TQMsPr.nkcfir {
  margin-top: var(--spacing-800, 48px);
  margin-bottom: var(--spacing-800, 48px);
}
.TQMsPr.SUFQ3r {
  margin-left: var(--spacing-900, 64px);
  margin-right: var(--spacing-900, 64px);
}
.TQMsPr.crOsTr {
  margin-top: var(--spacing-900, 64px);
  margin-bottom: var(--spacing-900, 64px);
}
.TQMsPr.fLg26r {
  margin-left: var(--spacing-950, 72px);
  margin-right: var(--spacing-950, 72px);
}
.TQMsPr.F-g5cr {
  margin-top: var(--spacing-950, 72px);
  margin-bottom: var(--spacing-950, 72px);
}
.TQMsPr.XwxRir {
  margin-left: var(--spacing-1000, 80px);
  margin-right: var(--spacing-1000, 80px);
}
.TQMsPr.IwLY1r {
  margin-top: var(--spacing-1000, 80px);
  margin-bottom: var(--spacing-1000, 80px);
}
.TQMsPr.qU7OQr {
  margin-left: var(--spacing-1100, 128px);
  margin-right: var(--spacing-1100, 128px);
}
.TQMsPr.MZBphr {
  margin-top: var(--spacing-1100, 128px);
  margin-bottom: var(--spacing-1100, 128px);
}
.Am51zr {
  margin: var(--spacing-100, 8px) 0;
  width: 100%;
  height: var(--divider-size-default-border-composition-border-width, 1px);
  background-color: var(--divider-variant-default-background-background-color, #d3d3d3);
}
/*# sourceMappingURL=Divider.css.map */
/*!*******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-popover/build/Popover.css ***!
  \*******************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Popover.module.scss */
.EYPk2Y {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
}
.EYPk2Y::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background-color: transparent !important;
}
.XXCSNY {
}
.XXCSNY.CNvjDY .EYPk2Y {
  outline: none;
  opacity: 0;
  transition: transform var(--popover-shape-default-container-motion-duration, 120ms) var(--popover-shape-default-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1)), opacity var(--popover-shape-default-container-motion-duration, 120ms) var(--popover-shape-default-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1));
  padding: var(--popover-shape-default-container-composition-padding-top, 12px) var(--popover-shape-default-container-composition-horizontal-padding, 20px) var(--popover-shape-default-container-composition-padding-bottom, 12px);
  box-shadow: var(--popover-shape-default-container-composition-box-shadow, 0 4px 8px 0 rgba(13, 22, 25, 0.0196078431), 0 12px 20px 0 rgba(13, 22, 25, 0.0588235294));
  border-style: solid;
  border-width: var(--popover-shape-default-container-composition-border-width, 1px);
  display: inline-flex;
  flex-direction: column;
  gap: var(--popover-shape-default-container-composition-item-spacing, 0px);
  border-radius: var(--popover-shape-default-container-composition-border-radius-top-left, 8px) var(--popover-shape-default-container-composition-border-radius-top-right, 8px) var(--popover-shape-default-container-composition-border-radius-bottom-right, 8px) var(--popover-shape-default-container-composition-border-radius-bottom-left, 8px);
  z-index: var(--popover-z-index);
  transform: translateY(calc(-1 * var(--popover-shape-default-container-motion-distance, 8px)));
  position: var(--popover-position);
  left: var(--popover-left) !important;
  top: var(--popover-top) !important;
  right: var(--popover-right) !important;
  bottom: var(--popover-bottom) !important;
  max-height: var(--popover-max-height, 0) !important;
  width: var(--popover-width);
  min-width: var(--popover-min-width);
}
@media (prefers-reduced-motion) {
  .XXCSNY.CNvjDY .EYPk2Y {
    transform: none;
    transition: opacity var(--popover-shape-default-container-motion-duration, 120ms) var(--popover-shape-default-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1));
  }
}
.XXCSNY.eFxb6Y .EYPk2Y {
  outline: none;
  opacity: 0;
  transition: transform var(--popover-shape-sheet-container-motion-duration, 120ms) var(--popover-shape-sheet-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1)), opacity var(--popover-shape-sheet-container-motion-duration, 120ms) var(--popover-shape-sheet-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1));
  padding: var(--popover-shape-sheet-container-composition-padding-top, 12px) var(--popover-shape-sheet-container-composition-horizontal-padding, 20px) var(--popover-shape-sheet-container-composition-padding-bottom, 24px);
  box-shadow: var(--popover-shape-sheet-container-composition-box-shadow, 0 4px 8px 0 rgba(13, 22, 25, 0.0196078431), 0 12px 20px 0 rgba(13, 22, 25, 0.0588235294));
  border-style: solid;
  border-width: var(--popover-shape-sheet-container-composition-border-width, 1px);
  display: inline-flex;
  flex-direction: column;
  gap: var(--popover-shape-sheet-container-composition-item-spacing, 0px);
  border-radius: var(--popover-shape-sheet-container-composition-border-radius-top-left, 16px) var(--popover-shape-sheet-container-composition-border-radius-top-right, 16px) var(--popover-shape-sheet-container-composition-border-radius-bottom-right, 0px) var(--popover-shape-sheet-container-composition-border-radius-bottom-left, 0px);
  z-index: var(--popover-z-index);
  max-height: calc(100vh - var(--spacing-900, 64px)) !important;
  transform: translateY(var(--popover-shape-sheet-container-motion-distance, 48px));
  position: fixed;
  top: unset !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100%;
}
@media (prefers-reduced-motion) {
  .XXCSNY.eFxb6Y .EYPk2Y {
    transform: none;
    transition: opacity var(--popover-shape-sheet-container-motion-duration, 120ms) var(--popover-shape-sheet-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1));
  }
}
.XXCSNY.eFxb6Y .EYPk2Y .w99EbY {
  padding-bottom: var(--popover-shape-sheet-handle-container-composition-padding-bottom, 8px);
}
.XXCSNY.eFxb6Y .EYPk2Y .ToEKwY {
  display: block;
  margin: 0 auto;
  border-radius: var(--popover-shape-sheet-handle-composition-border-radius, 999px);
  height: var(--popover-shape-sheet-handle-composition-height, 4px);
  width: var(--popover-shape-sheet-handle-composition-width, 64px);
}
.XXCSNY.REdjbY .EYPk2Y {
  outline: none;
  opacity: 0;
  transition: transform var(--popover-shape-no-shape-container-motion-duration, 120ms) var(--popover-shape-no-shape-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1)), opacity var(--popover-shape-no-shape-container-motion-duration, 120ms) var(--popover-shape-no-shape-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1));
  padding: var(--popover-shape-no-shape-container-composition-padding-top, 0) var(--popover-shape-no-shape-container-composition-horizontal-padding, 0) var(--popover-shape-no-shape-container-composition-padding-bottom, 0);
  box-shadow: var(--popover-shape-no-shape-container-composition-box-shadow, 0 4px 8px 0 rgba(13, 22, 25, 0.0196078431), 0 12px 20px 0 rgba(13, 22, 25, 0.0588235294));
  border-style: solid;
  border-width: var(--popover-shape-no-shape-container-composition-border-width, 0);
  display: inline-flex;
  flex-direction: column;
  gap: var(--popover-shape-no-shape-container-composition-item-spacing, 0);
  border-radius: var(--popover-shape-no-shape-container-composition-border-radius-top-left, 0) var(--popover-shape-no-shape-container-composition-border-radius-top-right, 0) var(--popover-shape-no-shape-container-composition-border-radius-bottom-right, 0) var(--popover-shape-no-shape-container-composition-border-radius-bottom-left, 0);
  z-index: var(--popover-z-index);
  transform: translateY(calc(-1 * var(--popover-shape-no-shape-container-motion-distance, 0px)));
  position: var(--popover-position);
  left: var(--popover-left) !important;
  top: var(--popover-top) !important;
  right: var(--popover-right) !important;
  bottom: var(--popover-bottom) !important;
  max-height: var(--popover-max-height, 0) !important;
}
@media (prefers-reduced-motion) {
  .XXCSNY.REdjbY .EYPk2Y {
    transform: none;
    transition: opacity var(--popover-shape-no-shape-container-motion-duration, 120ms) var(--popover-shape-no-shape-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1));
  }
}
.XXCSNY.sXnzvY .EYPk2Y {
  outline: none;
  opacity: 0;
  transition: transform var(--popover-shape-sheet-container-motion-duration, 120ms) var(--popover-shape-sheet-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1)), opacity var(--popover-shape-sheet-container-motion-duration, 120ms) var(--popover-shape-sheet-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1));
  padding: var(--popover-shape-sheet-container-composition-padding-top, 12px) var(--popover-shape-sheet-container-composition-horizontal-padding, 20px) var(--popover-shape-sheet-container-composition-padding-bottom, 24px);
  box-shadow: var(--popover-shape-sheet-container-composition-box-shadow, 0 4px 8px 0 rgba(13, 22, 25, 0.0196078431), 0 12px 20px 0 rgba(13, 22, 25, 0.0588235294));
  border-style: solid;
  border-width: var(--popover-shape-sheet-container-composition-border-width, 1px);
  display: inline-flex;
  flex-direction: column;
  gap: var(--popover-shape-sheet-container-composition-item-spacing, 0px);
  border-radius: var(--popover-shape-sheet-container-composition-border-radius-top-left, 16px) var(--popover-shape-sheet-container-composition-border-radius-top-right, 16px) var(--popover-shape-sheet-container-composition-border-radius-bottom-right, 0px) var(--popover-shape-sheet-container-composition-border-radius-bottom-left, 0px);
  z-index: var(--popover-z-index);
  max-height: calc(100vh - var(--spacing-900, 64px)) !important;
  transform: translateY(var(--popover-shape-sheet-container-motion-distance, 48px));
  position: fixed;
  top: unset !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100%;
}
@media (prefers-reduced-motion) {
  .XXCSNY.sXnzvY .EYPk2Y {
    transform: none;
    transition: opacity var(--popover-shape-sheet-container-motion-duration, 120ms) var(--popover-shape-sheet-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1));
  }
}
.XXCSNY.sXnzvY .EYPk2Y .w99EbY {
  padding-bottom: var(--popover-shape-sheet-handle-container-composition-padding-bottom, 8px);
}
.XXCSNY.sXnzvY .EYPk2Y .ToEKwY {
  display: block;
  margin: 0 auto;
  border-radius: var(--popover-shape-sheet-handle-composition-border-radius, 999px);
  height: var(--popover-shape-sheet-handle-composition-height, 4px);
  width: var(--popover-shape-sheet-handle-composition-width, 64px);
}
@media (min-width: 768px) {
  .XXCSNY.sXnzvY .EYPk2Y {
    outline: none;
    opacity: 0;
    transition: transform var(--popover-shape-default-container-motion-duration, 120ms) var(--popover-shape-default-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1)), opacity var(--popover-shape-default-container-motion-duration, 120ms) var(--popover-shape-default-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1));
    padding: var(--popover-shape-default-container-composition-padding-top, 12px) var(--popover-shape-default-container-composition-horizontal-padding, 20px) var(--popover-shape-default-container-composition-padding-bottom, 12px);
    box-shadow: var(--popover-shape-default-container-composition-box-shadow, 0 4px 8px 0 rgba(13, 22, 25, 0.0196078431), 0 12px 20px 0 rgba(13, 22, 25, 0.0588235294));
    border-style: solid;
    border-width: var(--popover-shape-default-container-composition-border-width, 1px);
    display: inline-flex;
    flex-direction: column;
    gap: var(--popover-shape-default-container-composition-item-spacing, 0px);
    border-radius: var(--popover-shape-default-container-composition-border-radius-top-left, 8px) var(--popover-shape-default-container-composition-border-radius-top-right, 8px) var(--popover-shape-default-container-composition-border-radius-bottom-right, 8px) var(--popover-shape-default-container-composition-border-radius-bottom-left, 8px);
    z-index: var(--popover-z-index);
    transform: translateY(calc(-1 * var(--popover-shape-default-container-motion-distance, 8px)));
    position: var(--popover-position);
    left: var(--popover-left) !important;
    top: var(--popover-top) !important;
    right: var(--popover-right) !important;
    bottom: var(--popover-bottom) !important;
    max-height: var(--popover-max-height, 0) !important;
    width: var(--popover-width);
    min-width: var(--popover-min-width);
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .XXCSNY.sXnzvY .EYPk2Y {
    transform: none;
    transition: opacity var(--popover-shape-default-container-motion-duration, 120ms) var(--popover-shape-default-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1));
  }
}
@media (min-width: 768px) {
  .XXCSNY.sXnzvY .EYPk2Y .w99EbY {
    display: none;
  }
}
@media (min-width: 768px) {
  .XXCSNY.sXnzvY ._7ixHMY {
    display: none;
  }
}
.XXCSNY.CNvjDY ._7ixHMY,
.XXCSNY.REdjbY ._7ixHMY {
  display: none;
}
.XXCSNY.xa-FzY .EYPk2Y {
  border-color: var(--popover-variant-default-container-border-color, #d3d3d3);
  background-color: var(--popover-variant-default-container-background-color, #ffffff);
}
.XXCSNY.xa-FzY .ToEKwY {
  background-color: var(--popover-variant-default-handle-background-color, #d3d3d3);
}
.XXCSNY.JjHQYY .EYPk2Y {
  transition-delay: 0ms;
  opacity: 1;
  transform: translateY(0);
}
._7ixHMY {
  position: fixed;
  z-index: var(--popover-z-index);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-background-overlay, rgba(13, 22, 25, 0.2509803922));
}
/*# sourceMappingURL=Popover.css.map */
/*!***************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-menu-structure/build/MenuStructure.styles.css ***!
  \***************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/MenuStructure.module.scss */
._8TefKN {
  margin: calc(-1 * var(--popover-shape-default-container-composition-padding-top, 12px)) calc(-1 * var(--popover-shape-default-container-composition-horizontal-padding, 20px)) calc(-1 * var(--popover-shape-default-container-composition-padding-bottom, 12px));
  padding: var(--popover-shape-default-container-composition-padding-top, 12px) var(--popover-shape-default-container-composition-horizontal-padding, 20px) var(--popover-shape-default-container-composition-padding-bottom, 12px);
  list-style: none;
  outline: none;
}
.SvLhZN {
  list-style: none;
}
.SvLhZN:last-child .mC_ZcN {
  display: none;
}
.rmGUbN {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--menu-list-size-default-container-mobile-composition-item-spacing, 0px);
}
@media (min-width: 768px) {
  .rmGUbN {
    gap: var(--menu-list-size-default-container-laptop-composition-item-spacing, 0px);
  }
}
.Drm3BN {
  display: block;
  padding: var(--menu-list-size-default-header-default-container-composition-padding-top, 8px) var(--menu-list-size-default-header-default-container-composition-horizontal-padding, 0px) var(--menu-list-size-default-header-default-container-composition-padding-bottom, 4px);
}
@media (min-width: 1024px) {
  .Drm3BN {
    padding: var(--menu-list-size-default-header-laptop-container-composition-padding-top, 8px) var(--menu-list-size-default-header-laptop-container-composition-horizontal-padding, 0px) var(--menu-list-size-default-header-laptop-container-composition-padding-bottom, 4px);
  }
}
.fK-cON {
  position: relative;
  cursor: pointer;
  outline: none;
  color: var(--menu-item-variant-default-state-enabled-label-text-color, #0d1619);
  background-color: var(--menu-item-variant-default-state-enabled-container-background-color, rgba(13, 22, 25, 0));
  transition: background-color ease-in-out 100ms;
  display: flex;
  align-items: center;
}
.fK-cON.OGOxqN {
  padding: var(--menu-item-size-default-default-layout-composition-vertical-padding, 8px) var(--menu-item-size-default-default-background-composition-horizontal-padding, 8px);
  gap: var(--menu-item-size-default-default-layout-composition-item-spacing, 8px);
  border-radius: var(--menu-item-size-default-default-layout-composition-border-radius, 8px);
  min-height: var(--menu-item-size-default-default-layout-composition-min-height, 48px);
  margin: 0 calc(-1 * var(--menu-item-size-default-default-background-composition-horizontal-padding, 8px));
}
@media (min-width: 1024px) {
  .fK-cON.OGOxqN {
    padding: var(--menu-item-size-default-laptop-layout-composition-vertical-padding, 8px) var(--menu-item-size-default-laptop-background-composition-horizontal-padding, 8px);
    gap: var(--menu-item-size-default-laptop-layout-composition-item-spacing, 8px);
    border-radius: var(--menu-item-size-default-laptop-layout-composition-border-radius, 8px);
    min-height: var(--menu-item-size-default-laptop-layout-composition-min-height, 40px);
    margin: 0 calc(-1 * var(--menu-item-size-default-laptop-background-composition-horizontal-padding, 8px));
  }
}
.fK-cON.eMf9AN {
  padding: var(--menu-item-size-l-default-layout-composition-vertical-padding, 8px) var(--menu-item-size-l-default-background-composition-horizontal-padding, 16px);
  gap: var(--menu-item-size-l-default-layout-composition-item-spacing, 12px);
  border-radius: var(--menu-item-size-l-default-layout-composition-border-radius, 8px);
  min-height: var(--menu-item-size-l-default-layout-composition-min-height, 76px);
  margin: 0 calc(-1 * var(--menu-item-size-l-default-background-composition-horizontal-padding, 16px));
}
@media (min-width: 1024px) {
  .fK-cON.eMf9AN {
    padding: var(--menu-item-size-l-laptop-layout-composition-vertical-padding, 8px) var(--menu-item-size-l-laptop-background-composition-horizontal-padding, 16px);
    gap: var(--menu-item-size-l-laptop-layout-composition-item-spacing, 12px);
    border-radius: var(--menu-item-size-l-laptop-layout-composition-border-radius, 8px);
    min-height: var(--menu-item-size-l-laptop-layout-composition-min-height, 76px);
    margin: 0 calc(-1 * var(--menu-item-size-l-laptop-background-composition-horizontal-padding, 16px));
  }
}
.fK-cON.Mny6cN {
  color: var(--menu-item-variant-default-state-hover-label-text-color, #0d1619);
  background-color: var(--menu-item-variant-default-state-hover-container-background-color, rgba(13, 22, 25, 0.0588235294));
}
.fK-cON.gV9UDN {
  color: var(--menu-item-variant-default-state-highlighted-label-text-color, #0d1619);
  background-color: var(--menu-item-variant-default-state-highlighted-container-background-color, #e7e8ff);
}
@media (hover: hover) and (pointer: fine) {
  .fK-cON:hover {
    color: var(--menu-item-variant-default-state-hover-label-text-color, #0d1619);
    background-color: var(--menu-item-variant-default-state-hover-container-background-color, rgba(13, 22, 25, 0.0588235294));
  }
}
.fK-cON:active {
  color: var(--menu-item-variant-default-state-active-label-text-color, #0d1619);
  background-color: var(--menu-item-variant-default-state-active-container-background-color, rgba(13, 22, 25, 0.1215686275));
}
.fK-cON.Fma-8N,
.fK-cON.iX-8oN {
  background-color: var(--menu-item-variant-default-state-disabled-container-background-color, rgba(13, 22, 25, 0));
}
.fK-cON.iX-8oN {
  opacity: var(--menu-item-variant-default-state-disabled-container-opacity, 0.4);
  cursor: initial;
  pointer-events: none;
}
.iNTB_N {
  position: absolute;
  bottom: 0;
  left: var(--menu-item-size-default-default-background-composition-horizontal-padding, 8px);
  right: var(--menu-item-size-default-default-background-composition-horizontal-padding, 8px);
}
@media (min-width: 1024px) {
  .iNTB_N {
    left: var(--menu-item-size-default-laptop-background-composition-horizontal-padding, 8px);
    right: var(--menu-item-size-default-laptop-background-composition-horizontal-padding, 8px);
  }
}
.fK-cON:last-child .iNTB_N {
  display: none;
}
.d8icZN {
  position: absolute;
  bottom: 0;
  left: var(--menu-item-size-l-default-background-composition-horizontal-padding, 16px);
  right: var(--menu-item-size-l-default-background-composition-horizontal-padding, 16px);
}
@media (min-width: 1024px) {
  .d8icZN {
    left: var(--menu-item-size-l-laptop-background-composition-horizontal-padding, 16px);
    right: var(--menu-item-size-l-laptop-background-composition-horizontal-padding, 16px);
  }
}
.fK-cON:last-child .d8icZN {
  display: none;
}
.eQ2ltN {
  position: absolute !important;
  background: transparent;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.E6m_yN {
  margin-right: var(--menu-item-size-default-default-prefix-composition-padding-right, 4px) !important;
}
[dir=rtl] .E6m_yN {
  margin-right: 0 !important;
  margin-left: var(--menu-item-size-default-default-prefix-composition-padding-right, 4px) !important;
}
.zj3hSN {
  margin-right: var(--menu-item-size-l-default-prefix-composition-padding-right, 4px) !important;
}
[dir=rtl] .zj3hSN {
  margin-right: 0 !important;
  margin-left: var(--menu-item-size-l-default-prefix-composition-padding-right, 4px) !important;
}
[dir=rtl] .IOoKlN {
  transform: rotate(180deg);
}
.aHMR9N {
  flex-grow: 1;
}
/*# sourceMappingURL=MenuStructure.styles.css.map */
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-dropdown/build/Dropdown.styles.css ***!
  \****************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Dropdown.module.scss */
.SSLG-2 {
  display: flex;
  flex-direction: column;
}
.SSLG-2.OGOvu2 {
  padding: var(--menu-item-callout-size-default-wrapper-composition-vertical-padding, 16px) var(--menu-item-callout-size-default-wrapper-composition-horizontal-padding, 12px);
  gap: var(--menu-item-callout-size-default-wrapper-composition-item-spacing, 12px);
  border-radius: var(--menu-item-callout-size-default-wrapper-composition-border-radius, 8px);
  border-style: solid;
  border-width: var(--menu-item-callout-size-default-wrapper-composition-border-width, 1px);
}
.SSLG-2.xa-Hd2 {
  border-color: var(--menu-item-callout-variant-default-container-background-color, #e7e8ff);
  background-color: var(--menu-item-callout-variant-default-container-border-color, #dbddff);
}
._9r1b-2 {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
._9r1b-2.OGOvu2 {
  padding: var(--menu-item-profile-size-default-container-composition-padding-top, 32px) var(--menu-item-profile-size-default-container-composition-horizontal-padding, 12px) var(--menu-item-profile-size-default-container-composition-padding-bottom, 12px);
  gap: var(--menu-item-profile-size-default-container-composition-item-spacing, 12px);
}
._9r1b-2.OGOvu2 .rH5QW2 {
  gap: var(--menu-item-profile-size-default-text-wrapper-composition-item-spacing, 0px);
}
._9r1b-2.xa-Hd2 .siwsP2 {
  color: var(--menu-item-profile-variant-default-state-enabled-link-text-color, #6950f3);
}
@media (hover: hover) and (pointer: fine) {
  .wtRY92:hover ._9r1b-2.xa-Hd2 .siwsP2 {
    color: var(--menu-item-profile-variant-default-state-hover-link-text-color, #5c4ace);
  }
}
.wtRY92:active ._9r1b-2.xa-Hd2 .siwsP2 {
  color: var(--menu-item-profile-variant-default-state-active-link-text-color, #403591);
}
.rH5QW2 {
  display: flex;
  flex-direction: column;
  text-align: center;
}
/*# sourceMappingURL=Dropdown.styles.css.map */
/*!************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-avatar/build/Avatar.styles.css ***!
  \************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Avatar.module.scss */
@keyframes iJvNcz {
  0% {
    background-position: -400px 100%;
  }
  100% {
    background-position: 400px 300%;
  }
}
.WiWr_z {
  display: inline-block;
  position: relative;
  width: fit-content;
  height: fit-content;
  padding: 0;
  border-radius: 50%;
  border-width: var(--avatar-variant-default-composition-border-width, 1px);
  border-style: solid;
  transition: background-color var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1)), border-color var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
  border-color: var(--avatar-variant-default-state-enabled-container-border-color, #e7e8ff);
  background: var(--avatar-variant-default-state-enabled-container-background-color, #e7e8ff);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z:hover.Y43w_z,
  ._0DFHnz:hover .WiWr_z {
    border-color: var(--avatar-variant-default-state-hover-container-border-color, #dbddff);
    background: var(--avatar-variant-default-state-hover-container-background-color, #dbddff);
  }
}
.WiWr_z:active.Y43w_z,
._0DFHnz:active .WiWr_z {
  border-color: var(--avatar-variant-default-state-active-container-border-color, #b0b1fd);
  background: var(--avatar-variant-default-state-active-container-background-color, #b0b1fd);
}
.WiWr_z.tZfMoz.Y43w_z {
  border-color: var(--avatar-variant-default-state-selected-container-border-color, #6950f3);
  background: var(--avatar-variant-default-state-selected-container-background-color, #e7e8ff);
}
.WiWr_z.tZfMoz.Y43w_z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3);
}
@media screen and (min-width: 0) {
  .WiWr_z.C2wb0z {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
  }
}
@media screen and (min-width: 0) {
  .WiWr_z.Ua7lZz {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
  }
}
@media screen and (min-width: 0) {
  .WiWr_z._-Yx_yz {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
  }
}
@media screen and (min-width: 0) {
  .WiWr_z.I-8adz {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
  }
}
@media screen and (min-width: 0) {
  .WiWr_z._8oa_Wz {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
  }
}
@media screen and (min-width: 0) {
  .WiWr_z.s_Tuwz {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
  }
}
@media screen and (min-width: 0) {
  .WiWr_z.gQFEqz {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
  }
}
@media screen and (min-width: 0) {
  .WiWr_z.WHJEYz {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
  }
}
@media screen and (min-width: 0) {
  .WiWr_z.t8rkPz {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
  }
}
@media screen and (min-width: 0) {
  .WiWr_z.R3wQ3z {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
  }
}
@media screen and (min-width: 512px) {
  .WiWr_z.U0sCkz {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
  }
}
@media screen and (min-width: 512px) {
  .WiWr_z.usn0Fz {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
  }
}
@media screen and (min-width: 512px) {
  .WiWr_z.egqQkz {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
  }
}
@media screen and (min-width: 512px) {
  .WiWr_z.tyUYDz {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
  }
}
@media screen and (min-width: 512px) {
  .WiWr_z.ciqMwz {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
  }
}
@media screen and (min-width: 512px) {
  .WiWr_z.hQmO_z {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
  }
}
@media screen and (min-width: 512px) {
  .WiWr_z.YIx-Hz {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
  }
}
@media screen and (min-width: 512px) {
  .WiWr_z.F_CWIz {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
  }
}
@media screen and (min-width: 512px) {
  .WiWr_z._31ufVz {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
  }
}
@media screen and (min-width: 512px) {
  .WiWr_z.tm9JSz {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
  }
}
@media screen and (min-width: 520px) {
  .WiWr_z.XnqZfz {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
  }
}
@media screen and (min-width: 520px) {
  .WiWr_z.Z2Nbez {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
  }
}
@media screen and (min-width: 520px) {
  .WiWr_z.Fyfhez {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
  }
}
@media screen and (min-width: 520px) {
  .WiWr_z.MET4-z {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
  }
}
@media screen and (min-width: 520px) {
  .WiWr_z.IL11Iz {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
  }
}
@media screen and (min-width: 520px) {
  .WiWr_z.JHumHz {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
  }
}
@media screen and (min-width: 520px) {
  .WiWr_z.OnY9vz {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
  }
}
@media screen and (min-width: 520px) {
  .WiWr_z.zVkiSz {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
  }
}
@media screen and (min-width: 520px) {
  .WiWr_z._1GBxXz {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
  }
}
@media screen and (min-width: 520px) {
  .WiWr_z.c18wGz {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
  }
}
@media screen and (min-width: 768px) {
  .WiWr_z.G54caz {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
  }
}
@media screen and (min-width: 768px) {
  .WiWr_z.EzHwdz {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
  }
}
@media screen and (min-width: 768px) {
  .WiWr_z.FiE8Lz {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
  }
}
@media screen and (min-width: 768px) {
  .WiWr_z.ZWUBdz {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
  }
}
@media screen and (min-width: 768px) {
  .WiWr_z.QLsfWz {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
  }
}
@media screen and (min-width: 768px) {
  .WiWr_z.WlLq6z {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
  }
}
@media screen and (min-width: 768px) {
  .WiWr_z.ZF84Ez {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
  }
}
@media screen and (min-width: 768px) {
  .WiWr_z._5jH2Yz {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
  }
}
@media screen and (min-width: 768px) {
  .WiWr_z.fC0rzz {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
  }
}
@media screen and (min-width: 768px) {
  .WiWr_z.O-4yXz {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
  }
}
@media screen and (min-width: 1024px) {
  .WiWr_z.P78vjz {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
  }
}
@media screen and (min-width: 1024px) {
  .WiWr_z.M6pSOz {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
  }
}
@media screen and (min-width: 1024px) {
  .WiWr_z.vVBwez {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
  }
}
@media screen and (min-width: 1024px) {
  .WiWr_z.wCokZz {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
  }
}
@media screen and (min-width: 1024px) {
  .WiWr_z.mL4WVz {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
  }
}
@media screen and (min-width: 1024px) {
  .WiWr_z.PzRhbz {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
  }
}
@media screen and (min-width: 1024px) {
  .WiWr_z.yXlJcz {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
  }
}
@media screen and (min-width: 1024px) {
  .WiWr_z.p0yGJz {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
  }
}
@media screen and (min-width: 1024px) {
  .WiWr_z.SffJYz {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
  }
}
@media screen and (min-width: 1024px) {
  .WiWr_z.C0Nk2z {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
  }
}
@media screen and (min-width: 1280px) {
  .WiWr_z.Cuddfz {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
  }
}
@media screen and (min-width: 1280px) {
  .WiWr_z._4c2x_z {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
  }
}
@media screen and (min-width: 1280px) {
  .WiWr_z.eA95cz {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
  }
}
@media screen and (min-width: 1280px) {
  .WiWr_z.a37y2z {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
  }
}
@media screen and (min-width: 1280px) {
  .WiWr_z._1syTjz {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
  }
}
@media screen and (min-width: 1280px) {
  .WiWr_z.FPqD8z {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
  }
}
@media screen and (min-width: 1280px) {
  .WiWr_z._8EecKz {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
  }
}
@media screen and (min-width: 1280px) {
  .WiWr_z._14_Loz {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
  }
}
@media screen and (min-width: 1280px) {
  .WiWr_z.g3XQ5z {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
  }
}
@media screen and (min-width: 1280px) {
  .WiWr_z.BFUaMz {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
  }
}
@media screen and (min-width: 1440px) {
  .WiWr_z.g3xnez {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
  }
}
@media screen and (min-width: 1440px) {
  .WiWr_z.QJtCWz {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
  }
}
@media screen and (min-width: 1440px) {
  .WiWr_z.BgMlzz {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
  }
}
@media screen and (min-width: 1440px) {
  .WiWr_z.cx4Diz {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
  }
}
@media screen and (min-width: 1440px) {
  .WiWr_z._3t1sgz {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
  }
}
@media screen and (min-width: 1440px) {
  .WiWr_z.JzTCKz {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
  }
}
@media screen and (min-width: 1440px) {
  .WiWr_z.a0GDqz {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
  }
}
@media screen and (min-width: 1440px) {
  .WiWr_z.D5vJaz {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
  }
}
@media screen and (min-width: 1440px) {
  .WiWr_z.OLVq4z {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
  }
}
@media screen and (min-width: 1440px) {
  .WiWr_z.w3fIQz {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
  }
}
@media screen and (min-width: 1920px) {
  .WiWr_z.ZFZZYz {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
  }
}
@media screen and (min-width: 1920px) {
  .WiWr_z.h1oJuz {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
  }
}
@media screen and (min-width: 1920px) {
  .WiWr_z.fRDfYz {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
  }
}
@media screen and (min-width: 1920px) {
  .WiWr_z.GoaImz {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
  }
}
@media screen and (min-width: 1920px) {
  .WiWr_z.xCOsrz {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
  }
}
@media screen and (min-width: 1920px) {
  .WiWr_z.PtUNKz {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
  }
}
@media screen and (min-width: 1920px) {
  .WiWr_z.ujDGez {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
  }
}
@media screen and (min-width: 1920px) {
  .WiWr_z._4Ni8xz {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
  }
}
@media screen and (min-width: 1920px) {
  .WiWr_z.mgSf0z {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
  }
}
@media screen and (min-width: 1920px) {
  .WiWr_z.HNpUGz {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
  }
}
.WiWr_z.KcR7Jz {
}
.WiWr_z.KcR7Jz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-blue, 0 0 0 4px #a5dff8);
}
.WiWr_z.KcR7Jz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-blue, 0 0 0 4px #a5dff8);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.KcR7Jz:hover {
  }
  .WiWr_z.KcR7Jz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-blue, 0 0 0 5px #a5dff8);
  }
  .WiWr_z.KcR7Jz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-blue, 0 0 0 5px #a5dff8);
  }
}
.WiWr_z.KcR7Jz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-blue, 0 0 0 5px #a5dff8);
}
.WiWr_z.y2-Vnz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-blue, 0 0 0 4px #a5dff8);
}
.WiWr_z._0Vg3Tz {
}
.WiWr_z._0Vg3Tz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-blue, 0 0 0 4px #a5dff8);
}
.WiWr_z._0Vg3Tz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-blue, 0 0 0 4px #a5dff8);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z._0Vg3Tz:hover {
  }
  .WiWr_z._0Vg3Tz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-blue, 0 0 0 5px #a5dff8);
  }
  .WiWr_z._0Vg3Tz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-blue, 0 0 0 5px #a5dff8);
  }
}
.WiWr_z._0Vg3Tz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-blue, 0 0 0 5px #a5dff8);
}
.WiWr_z.g-8AMz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-blue, 0 0 0 4px #a5dff8);
}
.WiWr_z.VRhewz {
}
.WiWr_z.VRhewz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-blue, 0 0 0 4px #a5dff8);
}
.WiWr_z.VRhewz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-blue, 0 0 0 4px #a5dff8);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.VRhewz:hover {
  }
  .WiWr_z.VRhewz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-blue, 0 0 0 5px #a5dff8);
  }
  .WiWr_z.VRhewz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-blue, 0 0 0 5px #a5dff8);
  }
}
.WiWr_z.VRhewz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-blue, 0 0 0 5px #a5dff8);
}
.WiWr_z.WgHFGz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-blue, 0 0 0 4px #a5dff8);
}
.WiWr_z._iyNSz {
}
.WiWr_z._iyNSz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-blue, 0 0 0 4px #a5dff8);
}
.WiWr_z._iyNSz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-blue, 0 0 0 4px #a5dff8);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z._iyNSz:hover {
  }
  .WiWr_z._iyNSz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-blue, 0 0 0 5px #a5dff8);
  }
  .WiWr_z._iyNSz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-blue, 0 0 0 5px #a5dff8);
  }
}
.WiWr_z._iyNSz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-blue, 0 0 0 5px #a5dff8);
}
.WiWr_z.X3g8Jz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-blue, 0 0 0 4px #a5dff8);
}
.WiWr_z.syf2jz {
}
.WiWr_z.syf2jz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-dark-blue, 0 0 0 4px #97c6f0);
}
.WiWr_z.syf2jz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-dark-blue, 0 0 0 4px #97c6f0);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.syf2jz:hover {
  }
  .WiWr_z.syf2jz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-dark-blue, 0 0 0 5px #97c6f0);
  }
  .WiWr_z.syf2jz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-dark-blue, 0 0 0 5px #97c6f0);
  }
}
.WiWr_z.syf2jz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-dark-blue, 0 0 0 5px #97c6f0);
}
.WiWr_z._9z2a8z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-dark-blue, 0 0 0 4px #97c6f0);
}
.WiWr_z._9QziMz {
}
.WiWr_z._9QziMz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-dark-blue, 0 0 0 4px #97c6f0);
}
.WiWr_z._9QziMz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-dark-blue, 0 0 0 4px #97c6f0);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z._9QziMz:hover {
  }
  .WiWr_z._9QziMz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-dark-blue, 0 0 0 5px #97c6f0);
  }
  .WiWr_z._9QziMz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-dark-blue, 0 0 0 5px #97c6f0);
  }
}
.WiWr_z._9QziMz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-dark-blue, 0 0 0 5px #97c6f0);
}
.WiWr_z.vJ0-nz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-dark-blue, 0 0 0 4px #97c6f0);
}
.WiWr_z.cIzLnz {
}
.WiWr_z.cIzLnz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-dark-blue, 0 0 0 4px #97c6f0);
}
.WiWr_z.cIzLnz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-dark-blue, 0 0 0 4px #97c6f0);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.cIzLnz:hover {
  }
  .WiWr_z.cIzLnz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-dark-blue, 0 0 0 5px #97c6f0);
  }
  .WiWr_z.cIzLnz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-dark-blue, 0 0 0 5px #97c6f0);
  }
}
.WiWr_z.cIzLnz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-dark-blue, 0 0 0 5px #97c6f0);
}
.WiWr_z.Qnwymz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-dark-blue, 0 0 0 4px #97c6f0);
}
.WiWr_z._7TfJrz {
}
.WiWr_z._7TfJrz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-dark-blue, 0 0 0 4px #97c6f0);
}
.WiWr_z._7TfJrz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-dark-blue, 0 0 0 4px #97c6f0);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z._7TfJrz:hover {
  }
  .WiWr_z._7TfJrz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-dark-blue, 0 0 0 5px #97c6f0);
  }
  .WiWr_z._7TfJrz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-dark-blue, 0 0 0 5px #97c6f0);
  }
}
.WiWr_z._7TfJrz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-dark-blue, 0 0 0 5px #97c6f0);
}
.WiWr_z.hPPQ-z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-dark-blue, 0 0 0 4px #97c6f0);
}
.WiWr_z.XkCZxz {
}
.WiWr_z.XkCZxz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-cyan, 0 0 0 4px #91e3ee);
}
.WiWr_z.XkCZxz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-cyan, 0 0 0 4px #91e3ee);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.XkCZxz:hover {
  }
  .WiWr_z.XkCZxz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-cyan, 0 0 0 5px #91e3ee);
  }
  .WiWr_z.XkCZxz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-cyan, 0 0 0 5px #91e3ee);
  }
}
.WiWr_z.XkCZxz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-cyan, 0 0 0 5px #91e3ee);
}
.WiWr_z.mA1cPz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-cyan, 0 0 0 4px #91e3ee);
}
.WiWr_z.bmxSpz {
}
.WiWr_z.bmxSpz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-cyan, 0 0 0 4px #91e3ee);
}
.WiWr_z.bmxSpz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-cyan, 0 0 0 4px #91e3ee);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.bmxSpz:hover {
  }
  .WiWr_z.bmxSpz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-cyan, 0 0 0 5px #91e3ee);
  }
  .WiWr_z.bmxSpz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-cyan, 0 0 0 5px #91e3ee);
  }
}
.WiWr_z.bmxSpz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-cyan, 0 0 0 5px #91e3ee);
}
.WiWr_z.tx8fiz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-cyan, 0 0 0 4px #91e3ee);
}
.WiWr_z.MZEE2z {
}
.WiWr_z.MZEE2z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-cyan, 0 0 0 4px #91e3ee);
}
.WiWr_z.MZEE2z.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-cyan, 0 0 0 4px #91e3ee);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.MZEE2z:hover {
  }
  .WiWr_z.MZEE2z:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-cyan, 0 0 0 5px #91e3ee);
  }
  .WiWr_z.MZEE2z:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-cyan, 0 0 0 5px #91e3ee);
  }
}
.WiWr_z.MZEE2z:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-cyan, 0 0 0 5px #91e3ee);
}
.WiWr_z.XMcvLz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-cyan, 0 0 0 4px #91e3ee);
}
.WiWr_z.hnDf-z {
}
.WiWr_z.hnDf-z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-cyan, 0 0 0 4px #91e3ee);
}
.WiWr_z.hnDf-z.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-cyan, 0 0 0 4px #91e3ee);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.hnDf-z:hover {
  }
  .WiWr_z.hnDf-z:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-cyan, 0 0 0 5px #91e3ee);
  }
  .WiWr_z.hnDf-z:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-cyan, 0 0 0 5px #91e3ee);
  }
}
.WiWr_z.hnDf-z:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-cyan, 0 0 0 5px #91e3ee);
}
.WiWr_z.HQi6oz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-cyan, 0 0 0 4px #91e3ee);
}
.WiWr_z.Q7jyzz {
}
.WiWr_z.Q7jyzz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-green, 0 0 0 4px #a6e5bd);
}
.WiWr_z.Q7jyzz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-green, 0 0 0 4px #a6e5bd);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.Q7jyzz:hover {
  }
  .WiWr_z.Q7jyzz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-green, 0 0 0 5px #a6e5bd);
  }
  .WiWr_z.Q7jyzz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-green, 0 0 0 5px #a6e5bd);
  }
}
.WiWr_z.Q7jyzz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-green, 0 0 0 5px #a6e5bd);
}
.WiWr_z.rHI6Oz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-green, 0 0 0 4px #a6e5bd);
}
.WiWr_z._0TDB_z {
}
.WiWr_z._0TDB_z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-green, 0 0 0 4px #a6e5bd);
}
.WiWr_z._0TDB_z.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-green, 0 0 0 4px #a6e5bd);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z._0TDB_z:hover {
  }
  .WiWr_z._0TDB_z:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-green, 0 0 0 5px #a6e5bd);
  }
  .WiWr_z._0TDB_z:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-green, 0 0 0 5px #a6e5bd);
  }
}
.WiWr_z._0TDB_z:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-green, 0 0 0 5px #a6e5bd);
}
.WiWr_z.eYHkOz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-green, 0 0 0 4px #a6e5bd);
}
.WiWr_z._0fnMaz {
}
.WiWr_z._0fnMaz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-green, 0 0 0 4px #a6e5bd);
}
.WiWr_z._0fnMaz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-green, 0 0 0 4px #a6e5bd);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z._0fnMaz:hover {
  }
  .WiWr_z._0fnMaz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-green, 0 0 0 5px #a6e5bd);
  }
  .WiWr_z._0fnMaz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-green, 0 0 0 5px #a6e5bd);
  }
}
.WiWr_z._0fnMaz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-green, 0 0 0 5px #a6e5bd);
}
.WiWr_z.JzzTDz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-green, 0 0 0 4px #a6e5bd);
}
.WiWr_z.NOvWbz {
}
.WiWr_z.NOvWbz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-green, 0 0 0 4px #a6e5bd);
}
.WiWr_z.NOvWbz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-green, 0 0 0 4px #a6e5bd);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.NOvWbz:hover {
  }
  .WiWr_z.NOvWbz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-green, 0 0 0 5px #a6e5bd);
  }
  .WiWr_z.NOvWbz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-green, 0 0 0 5px #a6e5bd);
  }
}
.WiWr_z.NOvWbz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-green, 0 0 0 5px #a6e5bd);
}
.WiWr_z.tyeOYz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-green, 0 0 0 4px #a6e5bd);
}
.WiWr_z.DGECAz {
}
.WiWr_z.DGECAz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-indigo, 0 0 0 4px #bbc1e8);
}
.WiWr_z.DGECAz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-indigo, 0 0 0 4px #bbc1e8);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.DGECAz:hover {
  }
  .WiWr_z.DGECAz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-indigo, 0 0 0 5px #bbc1e8);
  }
  .WiWr_z.DGECAz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-indigo, 0 0 0 5px #bbc1e8);
  }
}
.WiWr_z.DGECAz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-indigo, 0 0 0 5px #bbc1e8);
}
.WiWr_z.NWOjxz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-indigo, 0 0 0 4px #bbc1e8);
}
.WiWr_z.lMmXcz {
}
.WiWr_z.lMmXcz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-indigo, 0 0 0 4px #bbc1e8);
}
.WiWr_z.lMmXcz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-indigo, 0 0 0 4px #bbc1e8);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.lMmXcz:hover {
  }
  .WiWr_z.lMmXcz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-indigo, 0 0 0 5px #bbc1e8);
  }
  .WiWr_z.lMmXcz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-indigo, 0 0 0 5px #bbc1e8);
  }
}
.WiWr_z.lMmXcz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-indigo, 0 0 0 5px #bbc1e8);
}
.WiWr_z.ybw2mz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-indigo, 0 0 0 4px #bbc1e8);
}
.WiWr_z._9HL9qz {
}
.WiWr_z._9HL9qz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-indigo, 0 0 0 4px #bbc1e8);
}
.WiWr_z._9HL9qz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-indigo, 0 0 0 4px #bbc1e8);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z._9HL9qz:hover {
  }
  .WiWr_z._9HL9qz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-indigo, 0 0 0 5px #bbc1e8);
  }
  .WiWr_z._9HL9qz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-indigo, 0 0 0 5px #bbc1e8);
  }
}
.WiWr_z._9HL9qz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-indigo, 0 0 0 5px #bbc1e8);
}
.WiWr_z._4tpPWz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-indigo, 0 0 0 4px #bbc1e8);
}
.WiWr_z.ShxLiz {
}
.WiWr_z.ShxLiz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-indigo, 0 0 0 4px #bbc1e8);
}
.WiWr_z.ShxLiz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-indigo, 0 0 0 4px #bbc1e8);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.ShxLiz:hover {
  }
  .WiWr_z.ShxLiz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-indigo, 0 0 0 5px #bbc1e8);
  }
  .WiWr_z.ShxLiz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-indigo, 0 0 0 5px #bbc1e8);
  }
}
.WiWr_z.ShxLiz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-indigo, 0 0 0 5px #bbc1e8);
}
.WiWr_z.RkH8Tz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-indigo, 0 0 0 4px #bbc1e8);
}
.WiWr_z.VNZZpz {
}
.WiWr_z.VNZZpz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-lime, 0 0 0 4px #e7f286);
}
.WiWr_z.VNZZpz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-lime, 0 0 0 4px #e7f286);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.VNZZpz:hover {
  }
  .WiWr_z.VNZZpz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-lime, 0 0 0 5px #e7f286);
  }
  .WiWr_z.VNZZpz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-lime, 0 0 0 5px #e7f286);
  }
}
.WiWr_z.VNZZpz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-lime, 0 0 0 5px #e7f286);
}
.WiWr_z._0wRULz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-lime, 0 0 0 4px #e7f286);
}
.WiWr_z.jAeI6z {
}
.WiWr_z.jAeI6z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-lime, 0 0 0 4px #e7f286);
}
.WiWr_z.jAeI6z.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-lime, 0 0 0 4px #e7f286);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.jAeI6z:hover {
  }
  .WiWr_z.jAeI6z:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-lime, 0 0 0 5px #e7f286);
  }
  .WiWr_z.jAeI6z:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-lime, 0 0 0 5px #e7f286);
  }
}
.WiWr_z.jAeI6z:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-lime, 0 0 0 5px #e7f286);
}
.WiWr_z.Ndyi_z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-lime, 0 0 0 4px #e7f286);
}
.WiWr_z._7Q6tQz {
}
.WiWr_z._7Q6tQz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-lime, 0 0 0 4px #e7f286);
}
.WiWr_z._7Q6tQz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-lime, 0 0 0 4px #e7f286);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z._7Q6tQz:hover {
  }
  .WiWr_z._7Q6tQz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-lime, 0 0 0 5px #e7f286);
  }
  .WiWr_z._7Q6tQz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-lime, 0 0 0 5px #e7f286);
  }
}
.WiWr_z._7Q6tQz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-lime, 0 0 0 5px #e7f286);
}
.WiWr_z.Lej-7z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-lime, 0 0 0 4px #e7f286);
}
.WiWr_z.Uc0f5z {
}
.WiWr_z.Uc0f5z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-lime, 0 0 0 4px #e7f286);
}
.WiWr_z.Uc0f5z.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-lime, 0 0 0 4px #e7f286);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.Uc0f5z:hover {
  }
  .WiWr_z.Uc0f5z:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-lime, 0 0 0 5px #e7f286);
  }
  .WiWr_z.Uc0f5z:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-lime, 0 0 0 5px #e7f286);
  }
}
.WiWr_z.Uc0f5z:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-lime, 0 0 0 5px #e7f286);
}
.WiWr_z.euX4Fz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-lime, 0 0 0 4px #e7f286);
}
.WiWr_z.SaZKzz {
}
.WiWr_z.SaZKzz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-orange, 0 0 0 4px #ffbf69);
}
.WiWr_z.SaZKzz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-orange, 0 0 0 4px #ffbf69);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.SaZKzz:hover {
  }
  .WiWr_z.SaZKzz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-orange, 0 0 0 5px #ffbf69);
  }
  .WiWr_z.SaZKzz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-orange, 0 0 0 5px #ffbf69);
  }
}
.WiWr_z.SaZKzz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-orange, 0 0 0 5px #ffbf69);
}
.WiWr_z.u0E27z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-orange, 0 0 0 4px #ffbf69);
}
.WiWr_z.Fu-98z {
}
.WiWr_z.Fu-98z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-orange, 0 0 0 4px #ffbf69);
}
.WiWr_z.Fu-98z.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-orange, 0 0 0 4px #ffbf69);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.Fu-98z:hover {
  }
  .WiWr_z.Fu-98z:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-orange, 0 0 0 5px #ffbf69);
  }
  .WiWr_z.Fu-98z:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-orange, 0 0 0 5px #ffbf69);
  }
}
.WiWr_z.Fu-98z:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-orange, 0 0 0 5px #ffbf69);
}
.WiWr_z.yjQBhz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-orange, 0 0 0 4px #ffbf69);
}
.WiWr_z.bHJeUz {
}
.WiWr_z.bHJeUz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-orange, 0 0 0 4px #ffbf69);
}
.WiWr_z.bHJeUz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-orange, 0 0 0 4px #ffbf69);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.bHJeUz:hover {
  }
  .WiWr_z.bHJeUz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-orange, 0 0 0 5px #ffbf69);
  }
  .WiWr_z.bHJeUz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-orange, 0 0 0 5px #ffbf69);
  }
}
.WiWr_z.bHJeUz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-orange, 0 0 0 5px #ffbf69);
}
.WiWr_z.l0VDDz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-orange, 0 0 0 4px #ffbf69);
}
.WiWr_z.eAWSHz {
}
.WiWr_z.eAWSHz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-orange, 0 0 0 4px #ffbf69);
}
.WiWr_z.eAWSHz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-orange, 0 0 0 4px #ffbf69);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.eAWSHz:hover {
  }
  .WiWr_z.eAWSHz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-orange, 0 0 0 5px #ffbf69);
  }
  .WiWr_z.eAWSHz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-orange, 0 0 0 5px #ffbf69);
  }
}
.WiWr_z.eAWSHz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-orange, 0 0 0 5px #ffbf69);
}
.WiWr_z.H0dOlz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-orange, 0 0 0 4px #ffbf69);
}
.WiWr_z.KWJQNz {
}
.WiWr_z.KWJQNz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-pink, 0 0 0 4px #ff9cbb);
}
.WiWr_z.KWJQNz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-pink, 0 0 0 4px #ff9cbb);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.KWJQNz:hover {
  }
  .WiWr_z.KWJQNz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-pink, 0 0 0 5px #ff9cbb);
  }
  .WiWr_z.KWJQNz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-pink, 0 0 0 5px #ff9cbb);
  }
}
.WiWr_z.KWJQNz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-pink, 0 0 0 5px #ff9cbb);
}
.WiWr_z.YYUQiz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-pink, 0 0 0 4px #ff9cbb);
}
.WiWr_z.TZqCqz {
}
.WiWr_z.TZqCqz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-pink, 0 0 0 4px #ff9cbb);
}
.WiWr_z.TZqCqz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-pink, 0 0 0 4px #ff9cbb);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.TZqCqz:hover {
  }
  .WiWr_z.TZqCqz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-pink, 0 0 0 5px #ff9cbb);
  }
  .WiWr_z.TZqCqz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-pink, 0 0 0 5px #ff9cbb);
  }
}
.WiWr_z.TZqCqz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-pink, 0 0 0 5px #ff9cbb);
}
.WiWr_z._-2DWvz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-pink, 0 0 0 4px #ff9cbb);
}
.WiWr_z._1NQBCz {
}
.WiWr_z._1NQBCz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-pink, 0 0 0 4px #ff9cbb);
}
.WiWr_z._1NQBCz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-pink, 0 0 0 4px #ff9cbb);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z._1NQBCz:hover {
  }
  .WiWr_z._1NQBCz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-pink, 0 0 0 5px #ff9cbb);
  }
  .WiWr_z._1NQBCz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-pink, 0 0 0 5px #ff9cbb);
  }
}
.WiWr_z._1NQBCz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-pink, 0 0 0 5px #ff9cbb);
}
.WiWr_z.waMSVz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-pink, 0 0 0 4px #ff9cbb);
}
.WiWr_z.YGvLcz {
}
.WiWr_z.YGvLcz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-pink, 0 0 0 4px #ff9cbb);
}
.WiWr_z.YGvLcz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-pink, 0 0 0 4px #ff9cbb);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.YGvLcz:hover {
  }
  .WiWr_z.YGvLcz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-pink, 0 0 0 5px #ff9cbb);
  }
  .WiWr_z.YGvLcz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-pink, 0 0 0 5px #ff9cbb);
  }
}
.WiWr_z.YGvLcz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-pink, 0 0 0 5px #ff9cbb);
}
.WiWr_z._19yjRz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-pink, 0 0 0 4px #ff9cbb);
}
.WiWr_z.oVILuz {
}
.WiWr_z.oVILuz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-purple, 0 0 0 4px #e2a6e6);
}
.WiWr_z.oVILuz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-purple, 0 0 0 4px #e2a6e6);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.oVILuz:hover {
  }
  .WiWr_z.oVILuz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-purple, 0 0 0 5px #e2a6e6);
  }
  .WiWr_z.oVILuz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-purple, 0 0 0 5px #e2a6e6);
  }
}
.WiWr_z.oVILuz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-purple, 0 0 0 5px #e2a6e6);
}
.WiWr_z.gCyxKz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-purple, 0 0 0 4px #e2a6e6);
}
.WiWr_z.q1CYez {
}
.WiWr_z.q1CYez::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-purple, 0 0 0 4px #e2a6e6);
}
.WiWr_z.q1CYez.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-purple, 0 0 0 4px #e2a6e6);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.q1CYez:hover {
  }
  .WiWr_z.q1CYez:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-purple, 0 0 0 5px #e2a6e6);
  }
  .WiWr_z.q1CYez:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-purple, 0 0 0 5px #e2a6e6);
  }
}
.WiWr_z.q1CYez:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-purple, 0 0 0 5px #e2a6e6);
}
.WiWr_z.Jskbqz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-purple, 0 0 0 4px #e2a6e6);
}
.WiWr_z.yGeLgz {
}
.WiWr_z.yGeLgz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-purple, 0 0 0 4px #e2a6e6);
}
.WiWr_z.yGeLgz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-purple, 0 0 0 4px #e2a6e6);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.yGeLgz:hover {
  }
  .WiWr_z.yGeLgz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-purple, 0 0 0 5px #e2a6e6);
  }
  .WiWr_z.yGeLgz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-purple, 0 0 0 5px #e2a6e6);
  }
}
.WiWr_z.yGeLgz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-purple, 0 0 0 5px #e2a6e6);
}
.WiWr_z._8gs04z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-purple, 0 0 0 4px #e2a6e6);
}
.WiWr_z.lIj62z {
}
.WiWr_z.lIj62z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-purple, 0 0 0 4px #e2a6e6);
}
.WiWr_z.lIj62z.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-purple, 0 0 0 4px #e2a6e6);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.lIj62z:hover {
  }
  .WiWr_z.lIj62z:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-purple, 0 0 0 5px #e2a6e6);
  }
  .WiWr_z.lIj62z:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-purple, 0 0 0 5px #e2a6e6);
  }
}
.WiWr_z.lIj62z:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-purple, 0 0 0 5px #e2a6e6);
}
.WiWr_z.z8Gc_z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-purple, 0 0 0 4px #e2a6e6);
}
.WiWr_z._027GOz {
}
.WiWr_z._027GOz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-red, 0 0 0 4px #f67a6f);
}
.WiWr_z._027GOz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-red, 0 0 0 4px #f67a6f);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z._027GOz:hover {
  }
  .WiWr_z._027GOz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-red, 0 0 0 5px #f67a6f);
  }
  .WiWr_z._027GOz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-red, 0 0 0 5px #f67a6f);
  }
}
.WiWr_z._027GOz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-red, 0 0 0 5px #f67a6f);
}
.WiWr_z.eD6w7z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-red, 0 0 0 4px #f67a6f);
}
.WiWr_z.yT1Daz {
}
.WiWr_z.yT1Daz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-red, 0 0 0 4px #f67a6f);
}
.WiWr_z.yT1Daz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-red, 0 0 0 4px #f67a6f);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.yT1Daz:hover {
  }
  .WiWr_z.yT1Daz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-red, 0 0 0 5px #f67a6f);
  }
  .WiWr_z.yT1Daz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-red, 0 0 0 5px #f67a6f);
  }
}
.WiWr_z.yT1Daz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-red, 0 0 0 5px #f67a6f);
}
.WiWr_z.H3cLgz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-red, 0 0 0 4px #f67a6f);
}
.WiWr_z._BfmSz {
}
.WiWr_z._BfmSz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-red, 0 0 0 4px #f67a6f);
}
.WiWr_z._BfmSz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-red, 0 0 0 4px #f67a6f);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z._BfmSz:hover {
  }
  .WiWr_z._BfmSz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-red, 0 0 0 5px #f67a6f);
  }
  .WiWr_z._BfmSz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-red, 0 0 0 5px #f67a6f);
  }
}
.WiWr_z._BfmSz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-red, 0 0 0 5px #f67a6f);
}
.WiWr_z.VnLzyz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-red, 0 0 0 4px #f67a6f);
}
.WiWr_z.INh66z {
}
.WiWr_z.INh66z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-red, 0 0 0 4px #f67a6f);
}
.WiWr_z.INh66z.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-red, 0 0 0 4px #f67a6f);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.INh66z:hover {
  }
  .WiWr_z.INh66z:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-red, 0 0 0 5px #f67a6f);
  }
  .WiWr_z.INh66z:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-red, 0 0 0 5px #f67a6f);
  }
}
.WiWr_z.INh66z:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-red, 0 0 0 5px #f67a6f);
}
.WiWr_z.xYOCcz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-red, 0 0 0 4px #f67a6f);
}
.WiWr_z._0zViAz {
}
.WiWr_z._0zViAz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-teal, 0 0 0 4px #6cd5cb);
}
.WiWr_z._0zViAz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-teal, 0 0 0 4px #6cd5cb);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z._0zViAz:hover {
  }
  .WiWr_z._0zViAz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-teal, 0 0 0 5px #6cd5cb);
  }
  .WiWr_z._0zViAz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-teal, 0 0 0 5px #6cd5cb);
  }
}
.WiWr_z._0zViAz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-teal, 0 0 0 5px #6cd5cb);
}
.WiWr_z.KJInXz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-teal, 0 0 0 4px #6cd5cb);
}
.WiWr_z.q_kT3z {
}
.WiWr_z.q_kT3z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-teal, 0 0 0 4px #6cd5cb);
}
.WiWr_z.q_kT3z.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-teal, 0 0 0 4px #6cd5cb);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.q_kT3z:hover {
  }
  .WiWr_z.q_kT3z:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-teal, 0 0 0 5px #6cd5cb);
  }
  .WiWr_z.q_kT3z:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-teal, 0 0 0 5px #6cd5cb);
  }
}
.WiWr_z.q_kT3z:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-teal, 0 0 0 5px #6cd5cb);
}
.WiWr_z.bJQMmz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-teal, 0 0 0 4px #6cd5cb);
}
.WiWr_z.MdJiDz {
}
.WiWr_z.MdJiDz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-teal, 0 0 0 4px #6cd5cb);
}
.WiWr_z.MdJiDz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-teal, 0 0 0 4px #6cd5cb);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.MdJiDz:hover {
  }
  .WiWr_z.MdJiDz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-teal, 0 0 0 5px #6cd5cb);
  }
  .WiWr_z.MdJiDz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-teal, 0 0 0 5px #6cd5cb);
  }
}
.WiWr_z.MdJiDz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-teal, 0 0 0 5px #6cd5cb);
}
.WiWr_z.nAhIvz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-teal, 0 0 0 4px #6cd5cb);
}
.WiWr_z.P64-Sz {
}
.WiWr_z.P64-Sz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-teal, 0 0 0 4px #6cd5cb);
}
.WiWr_z.P64-Sz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-teal, 0 0 0 4px #6cd5cb);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.P64-Sz:hover {
  }
  .WiWr_z.P64-Sz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-teal, 0 0 0 5px #6cd5cb);
  }
  .WiWr_z.P64-Sz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-teal, 0 0 0 5px #6cd5cb);
  }
}
.WiWr_z.P64-Sz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-teal, 0 0 0 5px #6cd5cb);
}
.WiWr_z.i6E9Pz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-teal, 0 0 0 4px #6cd5cb);
}
.WiWr_z.BGkg2z {
}
.WiWr_z.BGkg2z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-yellow, 0 0 0 4px #ffec78);
}
.WiWr_z.BGkg2z.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-yellow, 0 0 0 4px #ffec78);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.BGkg2z:hover {
  }
  .WiWr_z.BGkg2z:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-yellow, 0 0 0 5px #ffec78);
  }
  .WiWr_z.BGkg2z:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-yellow, 0 0 0 5px #ffec78);
  }
}
.WiWr_z.BGkg2z:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-yellow, 0 0 0 5px #ffec78);
}
.WiWr_z._BB15z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-yellow, 0 0 0 4px #ffec78);
}
.WiWr_z._4OqODz {
}
.WiWr_z._4OqODz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-yellow, 0 0 0 4px #ffec78);
}
.WiWr_z._4OqODz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-yellow, 0 0 0 4px #ffec78);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z._4OqODz:hover {
  }
  .WiWr_z._4OqODz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-yellow, 0 0 0 5px #ffec78);
  }
  .WiWr_z._4OqODz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-yellow, 0 0 0 5px #ffec78);
  }
}
.WiWr_z._4OqODz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-yellow, 0 0 0 5px #ffec78);
}
.WiWr_z.E-d7Pz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-page-faded, 0 0 0 2px #f9f9f9), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-yellow, 0 0 0 4px #ffec78);
}
.WiWr_z.DkR6lz {
}
.WiWr_z.DkR6lz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-yellow, 0 0 0 4px #ffec78);
}
.WiWr_z.DkR6lz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-yellow, 0 0 0 4px #ffec78);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.DkR6lz:hover {
  }
  .WiWr_z.DkR6lz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-yellow, 0 0 0 5px #ffec78);
  }
  .WiWr_z.DkR6lz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-yellow, 0 0 0 5px #ffec78);
  }
}
.WiWr_z.DkR6lz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-yellow, 0 0 0 5px #ffec78);
}
.WiWr_z.uP9oOz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-base, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-yellow, 0 0 0 4px #ffec78);
}
.WiWr_z.S-frsz {
}
.WiWr_z.S-frsz::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-yellow, 0 0 0 4px #ffec78);
}
.WiWr_z.S-frsz.tZfMoz::after {
  box-shadow:
    var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
    var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
    var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-yellow, 0 0 0 4px #ffec78);
}
@media (hover: hover) and (pointer: fine) {
  .WiWr_z.S-frsz:hover {
  }
  .WiWr_z.S-frsz:hover::after {
    box-shadow: var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-yellow, 0 0 0 5px #ffec78);
  }
  .WiWr_z.S-frsz:hover.tZfMoz::after {
    box-shadow:
      var(--avatar-variant-default-state-selected-container-innershadow, inset 0 0 0 2px #6950f3),
      var(--avatar-variant-default-state-hover-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff),
      var(--avatar-variant-default-state-hover-container-outer-ring-box-shadow-yellow, 0 0 0 5px #ffec78);
  }
}
.WiWr_z.S-frsz:active::after {
  box-shadow: var(--avatar-variant-default-state-active-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-active-container-outer-ring-box-shadow-yellow, 0 0 0 5px #ffec78);
}
.WiWr_z.G4Mz4z::after {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
  box-shadow: var(--avatar-variant-default-state-enabled-container-inner-ring-box-shadow-elevated, 0 0 0 2px #ffffff), var(--avatar-variant-default-state-enabled-container-outer-ring-box-shadow-yellow, 0 0 0 4px #ffec78);
}
.WiWr_z.hHFlBz::before {
  width: calc(100% + 5px * 2);
  height: calc(100% + 5px * 2);
  top: -5px;
  left: -5px;
}
._-d_iuz {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
._0DFHnz ._-d_iuz > * {
  transform: scale(var(--avatar-variant-default-state-enabled-scale, 1));
  transition: transform var(--avatar-variant-default-state-enabled-motion-duration, 180ms);
}
@media (hover: hover) and (pointer: fine) {
  ._0DFHnz:hover ._-d_iuz > * {
    transform: scale(var(--avatar-variant-default-state-hover-scale, 1.1));
  }
}
._0DFHnz:active ._-d_iuz > * {
  transform: scale(var(--avatar-variant-default-state-active-scale, 1));
}
.XYyALz {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 1px;
}
@media screen and (min-width: 0) {
  .XYyALz.R3wQ3z {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
  }
}
@media screen and (min-width: 0) {
  .XYyALz.t8rkPz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
  }
}
@media screen and (min-width: 0) {
  .XYyALz.WHJEYz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
  }
}
@media screen and (min-width: 0) {
  .XYyALz.gQFEqz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
  }
}
@media screen and (min-width: 0) {
  .XYyALz.s_Tuwz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
  }
}
@media screen and (min-width: 0) {
  .XYyALz._8oa_Wz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 0) {
  .XYyALz.I-8adz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 0) {
  .XYyALz._-Yx_yz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 0) {
  .XYyALz.Ua7lZz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 0) {
  .XYyALz.C2wb0z {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
  }
}
@media screen and (min-width: 512px) {
  .XYyALz.tm9JSz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
  }
}
@media screen and (min-width: 512px) {
  .XYyALz._31ufVz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
  }
}
@media screen and (min-width: 512px) {
  .XYyALz.F_CWIz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
  }
}
@media screen and (min-width: 512px) {
  .XYyALz.YIx-Hz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
  }
}
@media screen and (min-width: 512px) {
  .XYyALz.hQmO_z {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
  }
}
@media screen and (min-width: 512px) {
  .XYyALz.ciqMwz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 512px) {
  .XYyALz.tyUYDz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 512px) {
  .XYyALz.egqQkz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 512px) {
  .XYyALz.usn0Fz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 512px) {
  .XYyALz.U0sCkz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
  }
}
@media screen and (min-width: 520px) {
  .XYyALz.c18wGz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
  }
}
@media screen and (min-width: 520px) {
  .XYyALz._1GBxXz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
  }
}
@media screen and (min-width: 520px) {
  .XYyALz.zVkiSz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
  }
}
@media screen and (min-width: 520px) {
  .XYyALz.OnY9vz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
  }
}
@media screen and (min-width: 520px) {
  .XYyALz.JHumHz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
  }
}
@media screen and (min-width: 520px) {
  .XYyALz.IL11Iz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 520px) {
  .XYyALz.MET4-z {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 520px) {
  .XYyALz.Fyfhez {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 520px) {
  .XYyALz.Z2Nbez {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 520px) {
  .XYyALz.XnqZfz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
  }
}
@media screen and (min-width: 768px) {
  .XYyALz.O-4yXz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
  }
}
@media screen and (min-width: 768px) {
  .XYyALz.fC0rzz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
  }
}
@media screen and (min-width: 768px) {
  .XYyALz._5jH2Yz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
  }
}
@media screen and (min-width: 768px) {
  .XYyALz.ZF84Ez {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
  }
}
@media screen and (min-width: 768px) {
  .XYyALz.WlLq6z {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
  }
}
@media screen and (min-width: 768px) {
  .XYyALz.QLsfWz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 768px) {
  .XYyALz.ZWUBdz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 768px) {
  .XYyALz.FiE8Lz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 768px) {
  .XYyALz.EzHwdz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 768px) {
  .XYyALz.G54caz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
  }
}
@media screen and (min-width: 1024px) {
  .XYyALz.C0Nk2z {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
  }
}
@media screen and (min-width: 1024px) {
  .XYyALz.SffJYz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
  }
}
@media screen and (min-width: 1024px) {
  .XYyALz.p0yGJz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
  }
}
@media screen and (min-width: 1024px) {
  .XYyALz.yXlJcz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
  }
}
@media screen and (min-width: 1024px) {
  .XYyALz.PzRhbz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
  }
}
@media screen and (min-width: 1024px) {
  .XYyALz.mL4WVz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 1024px) {
  .XYyALz.wCokZz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 1024px) {
  .XYyALz.vVBwez {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 1024px) {
  .XYyALz.M6pSOz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 1024px) {
  .XYyALz.P78vjz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
  }
}
@media screen and (min-width: 1280px) {
  .XYyALz.BFUaMz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
  }
}
@media screen and (min-width: 1280px) {
  .XYyALz.g3XQ5z {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
  }
}
@media screen and (min-width: 1280px) {
  .XYyALz._14_Loz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
  }
}
@media screen and (min-width: 1280px) {
  .XYyALz._8EecKz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
  }
}
@media screen and (min-width: 1280px) {
  .XYyALz.FPqD8z {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
  }
}
@media screen and (min-width: 1280px) {
  .XYyALz._1syTjz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 1280px) {
  .XYyALz.a37y2z {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 1280px) {
  .XYyALz.eA95cz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 1280px) {
  .XYyALz._4c2x_z {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 1280px) {
  .XYyALz.Cuddfz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
  }
}
@media screen and (min-width: 1440px) {
  .XYyALz.w3fIQz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
  }
}
@media screen and (min-width: 1440px) {
  .XYyALz.OLVq4z {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
  }
}
@media screen and (min-width: 1440px) {
  .XYyALz.D5vJaz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
  }
}
@media screen and (min-width: 1440px) {
  .XYyALz.a0GDqz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
  }
}
@media screen and (min-width: 1440px) {
  .XYyALz.JzTCKz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
  }
}
@media screen and (min-width: 1440px) {
  .XYyALz._3t1sgz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 1440px) {
  .XYyALz.cx4Diz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 1440px) {
  .XYyALz.BgMlzz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 1440px) {
  .XYyALz.QJtCWz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 1440px) {
  .XYyALz.g3xnez {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
  }
}
@media screen and (min-width: 1920px) {
  .XYyALz.HNpUGz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 14px);
  }
}
@media screen and (min-width: 1920px) {
  .XYyALz.mgSf0z {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 9px);
  }
}
@media screen and (min-width: 1920px) {
  .XYyALz._4Ni8xz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 7px);
  }
}
@media screen and (min-width: 1920px) {
  .XYyALz.ujDGez {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 6px);
  }
}
@media screen and (min-width: 1920px) {
  .XYyALz.PtUNKz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 5px);
  }
}
@media screen and (min-width: 1920px) {
  .XYyALz.xCOsrz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 1920px) {
  .XYyALz.GoaImz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 4px);
  }
}
@media screen and (min-width: 1920px) {
  .XYyALz.fRDfYz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 1920px) {
  .XYyALz.h1oJuz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px) + 2px);
  }
}
@media screen and (min-width: 1920px) {
  .XYyALz.ZFZZYz {
    top: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
    right: calc(var(--badge-size-default-gap-composition-width, 2px) + var(--avatar-variant-default-composition-border-width, 1px));
  }
}
.ymn5zz {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uAb5kz {
  color: var(--avatar-variant-default-state-enabled-initials-text-color, #6950f3);
}
@media screen and (min-width: 0) {
  .uAb5kz.C2wb0z {
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .uAb5kz.Ua7lZz {
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .uAb5kz._-Yx_yz {
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .uAb5kz.I-8adz {
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .uAb5kz._8oa_Wz {
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .uAb5kz.s_Tuwz {
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .uAb5kz.gQFEqz {
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .uAb5kz.WHJEYz {
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .uAb5kz.t8rkPz {
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .uAb5kz.R3wQ3z {
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .uAb5kz.U0sCkz {
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .uAb5kz.usn0Fz {
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .uAb5kz.egqQkz {
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .uAb5kz.tyUYDz {
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .uAb5kz.ciqMwz {
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .uAb5kz.hQmO_z {
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .uAb5kz.YIx-Hz {
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .uAb5kz.F_CWIz {
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .uAb5kz._31ufVz {
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .uAb5kz.tm9JSz {
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .uAb5kz.XnqZfz {
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .uAb5kz.Z2Nbez {
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .uAb5kz.Fyfhez {
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .uAb5kz.MET4-z {
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .uAb5kz.IL11Iz {
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .uAb5kz.JHumHz {
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .uAb5kz.OnY9vz {
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .uAb5kz.zVkiSz {
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .uAb5kz._1GBxXz {
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .uAb5kz.c18wGz {
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .uAb5kz.G54caz {
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .uAb5kz.EzHwdz {
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .uAb5kz.FiE8Lz {
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .uAb5kz.ZWUBdz {
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .uAb5kz.QLsfWz {
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .uAb5kz.WlLq6z {
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .uAb5kz.ZF84Ez {
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .uAb5kz._5jH2Yz {
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .uAb5kz.fC0rzz {
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .uAb5kz.O-4yXz {
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .uAb5kz.P78vjz {
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .uAb5kz.M6pSOz {
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .uAb5kz.vVBwez {
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .uAb5kz.wCokZz {
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .uAb5kz.mL4WVz {
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .uAb5kz.PzRhbz {
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .uAb5kz.yXlJcz {
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .uAb5kz.p0yGJz {
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .uAb5kz.SffJYz {
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .uAb5kz.C0Nk2z {
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .uAb5kz.Cuddfz {
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .uAb5kz._4c2x_z {
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .uAb5kz.eA95cz {
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .uAb5kz.a37y2z {
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .uAb5kz._1syTjz {
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .uAb5kz.FPqD8z {
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .uAb5kz._8EecKz {
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .uAb5kz._14_Loz {
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .uAb5kz.g3XQ5z {
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .uAb5kz.BFUaMz {
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .uAb5kz.g3xnez {
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .uAb5kz.QJtCWz {
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .uAb5kz.BgMlzz {
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .uAb5kz.cx4Diz {
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .uAb5kz._3t1sgz {
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .uAb5kz.JzTCKz {
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .uAb5kz.a0GDqz {
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .uAb5kz.D5vJaz {
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .uAb5kz.OLVq4z {
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .uAb5kz.w3fIQz {
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .uAb5kz.ZFZZYz {
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .uAb5kz.h1oJuz {
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .uAb5kz.fRDfYz {
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .uAb5kz.GoaImz {
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .uAb5kz.xCOsrz {
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .uAb5kz.PtUNKz {
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .uAb5kz.ujDGez {
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .uAb5kz._4Ni8xz {
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .uAb5kz.mgSf0z {
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .uAb5kz.HNpUGz {
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
/*# sourceMappingURL=Avatar.styles.css.map */
/*!***********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-chips/build/DropdownChip/DropdownChip.css ***!
  \***********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/DropdownChip/DropdownChip.module.scss */
.Aqhtv- {
  position: relative;
  display: inline-flex;
  align-items: center;
}
/*# sourceMappingURL=DropdownChip.css.map */
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-chip/build/Chip.styles.css ***!
  \********************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Chip.module.scss */
.X1Q8qW {
  display: inline-flex;
  border-style: solid;
  justify-content: center;
  align-items: center;
  transition-property:
    background-color,
    border-color,
    box-shadow;
  transition-duration: var(--motion-duration-quick, 180ms);
  transition-timing-function: var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
.X1Q8qW.amB2dW {
  border-width: var(--chip-size-medium-state-initial-container-default-composition-border-width, 1px);
  gap: var(--chip-size-medium-state-initial-container-default-composition-item-spacing, 8px);
  border-radius: var(--chip-size-medium-state-initial-container-default-composition-border-radius, 999px);
  height: var(--chip-size-medium-state-initial-container-default-composition-height, 36px);
  padding: 0 calc(var(--chip-size-medium-state-initial-container-default-composition-horizontal-padding, 20px) - var(--chip-size-medium-state-initial-container-default-composition-border-width, 1px));
}
.X1Q8qW._2UjXRW {
  padding-right: calc(var(--chip-size-medium-state-initial-container-with-suffix-composition-padding-right, 8px) - var(--chip-size-medium-state-initial-container-default-composition-border-width, 1px));
}
[dir=rtl] .X1Q8qW._2UjXRW {
  padding-right: var(--chip-size-medium-state-initial-container-default-composition-horizontal-padding, 20px);
  padding-left: calc(var(--chip-size-medium-state-initial-container-with-suffix-composition-padding-right, 8px) - var(--chip-size-medium-state-initial-container-default-composition-border-width, 1px));
}
.X1Q8qW._6MZEgW {
  padding-left: calc(var(--chip-size-medium-state-initial-container-with-icon-composition-padding-left, 8px) - var(--chip-size-medium-state-initial-container-default-composition-border-width, 1px));
}
[dir=rtl] .X1Q8qW._6MZEgW {
  padding-right: calc(var(--chip-size-medium-state-initial-container-with-icon-composition-padding-left, 8px) - var(--chip-size-medium-state-initial-container-default-composition-border-width, 1px));
}
.X1Q8qW.gwJktW {
  padding-left: calc(var(--chip-size-medium-state-initial-container-with-avatar-composition-padding-left, 4px) - var(--chip-size-medium-state-initial-container-default-composition-border-width, 1px));
}
[dir=rtl] .X1Q8qW.gwJktW {
  padding-right: calc(var(--chip-size-medium-state-initial-container-with-avatar-composition-padding-left, 4px) - var(--chip-size-medium-state-initial-container-default-composition-border-width, 1px));
}
.X1Q8qW.mB0U5W {
  padding: 0 calc(var(--chip-size-medium-state-initial-container-icon-only-composition-horizontal-padding, 16px) - var(--chip-size-medium-state-initial-container-default-composition-border-width, 1px));
}
.X1Q8qW.igyILW {
  background-color: var(--chip-variant-primary-state-enabled-container-background-color, #ffffff);
  border-color: var(--chip-variant-primary-state-enabled-container-border-color, #d3d3d3);
  color: var(--chip-variant-primary-state-enabled-container-icon-color, #0d1619);
}
@media (hover: hover) and (pointer: fine) {
  .X1Q8qW.igyILW:hover {
    background-color: var(--chip-variant-primary-state-hover-container-background-color, #f2f2f2);
    border-color: var(--chip-variant-primary-state-hover-container-border-color, #bfbfbf);
  }
}
.X1Q8qW.igyILW:active {
  background-color: var(--chip-variant-primary-state-active-container-background-color, #e5e5e5);
  border-color: var(--chip-variant-primary-state-active-container-border-color, #acacac);
}
.X1Q8qW.WxGTCW {
  background-color: var(--chip-variant-primary-state-selected-container-background-color, #6950f3);
  border-color: var(--chip-variant-primary-state-selected-container-border-color, #6950f3);
  color: var(--chip-variant-primary-state-selected-container-icon-color, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  .X1Q8qW.WxGTCW:hover {
    background-color: var(--chip-variant-primary-state-selected-hover-container-background-color, #5c4ace);
    border-color: var(--chip-variant-primary-state-selected-hover-container-border-color, #5c4ace);
  }
}
.X1Q8qW.WxGTCW:active {
  background-color: var(--chip-variant-primary-state-selected-active-container-background-color, #403591);
  border-color: var(--chip-variant-primary-state-selected-active-container-border-color, #403591);
}
.X1Q8qW.ttH50W {
  cursor: default;
  pointer-events: none;
  background-color: var(--chip-variant-primary-state-disabled-container-background-color, #ffffff);
  border-color: var(--chip-variant-primary-state-disabled-container-border-color, #d3d3d3);
  color: var(--chip-variant-primary-state-disabled-container-icon-color, #acacac);
}
.X1Q8qW._9SS-5W {
  cursor: default;
  pointer-events: none;
  background-color: var(--chip-variant-primary-state-selected-disabled-container-background-color, #f2f2f2);
  border-color: var(--chip-variant-primary-state-selected-disabled-container-border-color, #d3d3d3);
  color: var(--chip-variant-primary-state-selected-disabled-container-icon-color, #acacac);
}
.X1Q8qW._i2ZeW {
  background-color: var(--chip-variant-secondary-state-enabled-container-background-color, #ffffff);
  border-color: var(--chip-variant-secondary-state-enabled-container-border-color, #d3d3d3);
  color: var(--chip-variant-secondary-state-enabled-container-icon-color, #0d1619);
}
@media (hover: hover) and (pointer: fine) {
  .X1Q8qW._i2ZeW:hover {
    background-color: var(--chip-variant-secondary-state-hover-container-background-color, #f2f2f2);
    border-color: var(--chip-variant-secondary-state-hover-container-border-color, #bfbfbf);
  }
}
.X1Q8qW._i2ZeW:active {
  background-color: var(--chip-variant-secondary-state-active-container-background-color, #e5e5e5);
  border-color: var(--chip-variant-secondary-state-active-container-border-color, #acacac);
}
.X1Q8qW.h8smlW {
  background-color: var(--chip-variant-secondary-state-selected-container-background-color, #ffffff);
  border-color: var(--chip-variant-secondary-state-selected-container-border-color, #6950f3);
  color: var(--chip-variant-secondary-state-selected-container-icon-color, #0d1619);
  box-shadow: var(--chip-variant-secondary-state-selected-container-innershadow, inset 0 0 0 1px #6950f3);
}
@media (hover: hover) and (pointer: fine) {
  .X1Q8qW.h8smlW:hover {
    background-color: var(--chip-variant-secondary-state-selected-hover-container-background-color, #f2f2f2);
    border-color: var(--chip-variant-secondary-state-selected-hover-container-border-color, #5c4ace);
    box-shadow: var(--chip-variant-secondary-state-selected-hover-container-innershadow, inset 0 0 0 1px #5c4ace);
  }
}
.X1Q8qW.h8smlW:active {
  background-color: var(--chip-variant-secondary-state-selected-active-container-background-color, #e5e5e5);
  border-color: var(--chip-variant-secondary-state-selected-active-container-border-color, #403591);
  box-shadow: var(--chip-variant-secondary-state-selected-active-container-innershadow, inset 0 0 0 1px #403591);
}
.X1Q8qW._-FX0AW {
  cursor: default;
  pointer-events: none;
  background-color: var(--chip-variant-secondary-state-disabled-container-background-color, #ffffff);
  border-color: var(--chip-variant-secondary-state-disabled-container-border-color, #d3d3d3);
  color: var(--chip-variant-secondary-state-disabled-container-icon-color, #acacac);
}
.X1Q8qW.SM4RpW {
  cursor: default;
  pointer-events: none;
  background-color: var(--chip-variant-secondary-state-selected-disabled-container-background-color, #ffffff);
  border-color: var(--chip-variant-secondary-state-selected-disabled-container-border-color, #d3d3d3);
  color: var(--chip-variant-secondary-state-selected-disabled-container-icon-color, #acacac);
  box-shadow: var(--chip-variant-secondary-state-selected-disabled-container-innershadow, inset 0 0 0 1px lightgray);
}
._2ptvfW {
  max-width: 20ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._2ptvfW.igyILW {
  color: var(--chip-variant-primary-state-enabled-label-text-color, #0d1619);
}
._2ptvfW.WxGTCW {
  color: var(--chip-variant-primary-state-selected-label-text-color, #ffffff);
}
._2ptvfW.ttH50W {
  cursor: default;
  pointer-events: none;
  color: var(--chip-variant-primary-state-disabled-label-text-color, #acacac);
}
._2ptvfW._9SS-5W {
  cursor: default;
  pointer-events: none;
  color: var(--chip-variant-primary-state-selected-disabled-label-text-color, #acacac);
}
._2ptvfW._i2ZeW {
  color: var(--chip-variant-secondary-state-enabled-label-text-color, #0d1619);
}
._2ptvfW.h8smlW {
  color: var(--chip-variant-secondary-state-selected-label-text-color, #0d1619);
}
._2ptvfW._-FX0AW {
  cursor: default;
  pointer-events: none;
  color: var(--chip-variant-secondary-state-disabled-label-text-color, #acacac);
}
._2ptvfW.SM4RpW {
  cursor: default;
  pointer-events: none;
  color: var(--chip-variant-secondary-state-selected-disabled-label-text-color, #acacac);
}
.fmCOUW.amB2dW {
  width: var(--chip-dismiss-button-size-medium-state-initial-container-composition-sizing, 20px);
  height: var(--chip-dismiss-button-size-medium-state-initial-container-composition-sizing, 20px);
}
.fmCOUW.BapZcW {
  width: var(--chip-dismiss-button-size-large-state-initial-container-composition-sizing, 20px);
  height: var(--chip-dismiss-button-size-large-state-initial-container-composition-sizing, 20px);
}
._28lTIW {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  right: 0;
}
[dir=rtl] ._28lTIW {
  left: 0;
  right: unset;
}
._28lTIW.amB2dW {
  width: var(--chip-dismiss-button-size-medium-state-initial-container-composition-sizing, 20px);
  height: var(--chip-dismiss-button-size-medium-state-initial-container-composition-sizing, 20px);
  margin-right: var(--chip-size-medium-state-initial-container-with-suffix-composition-padding-right, 8px);
}
[dir=rtl] ._28lTIW.amB2dW {
  margin-left: var(--chip-size-medium-state-initial-container-with-suffix-composition-padding-right, 8px);
}
.Y6d-qW {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Y6d-qW.amB2dW {
  width: calc(var(--chip-dismiss-button-size-medium-state-initial-container-composition-sizing, 20px) + calc(var(--chip-dismiss-button-size-medium-state-initial-action-wrapper-composition-spacing, 8px) * 2));
  height: calc(var(--chip-dismiss-button-size-medium-state-initial-container-composition-sizing, 20px) + calc(var(--chip-dismiss-button-size-medium-state-initial-action-wrapper-composition-spacing, 8px) * 2));
}
.Y6d-qW.BapZcW {
  width: calc(var(--chip-dismiss-button-size-large-state-initial-container-composition-sizing, 20px) + calc(var(--chip-dismiss-button-size-large-state-initial-action-wrapper-composition-spacing, 4px) * 2));
  height: calc(var(--chip-dismiss-button-size-large-state-initial-container-composition-sizing, 20px) + calc(var(--chip-dismiss-button-size-large-state-initial-action-wrapper-composition-spacing, 4px) * 2));
}
._-CeKGW {
  cursor: pointer;
  outline: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
  padding: 0;
  transition-property: background-color;
  transition-duration: var(--motion-duration-quick, 180ms);
  transition-timing-function: var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
._-CeKGW.amB2dW {
  width: calc(var(--chip-dismiss-button-size-medium-state-initial-container-composition-sizing, 20px) + calc(var(--chip-dismiss-button-size-medium-state-initial-action-wrapper-composition-spacing, 8px) * 2));
  height: calc(var(--chip-dismiss-button-size-medium-state-initial-container-composition-sizing, 20px) + calc(var(--chip-dismiss-button-size-medium-state-initial-action-wrapper-composition-spacing, 8px) * 2));
  border-radius: var(--chip-dismiss-button-size-medium-state-initial-action-wrapper-composition-border-radius, 999px);
}
._-CeKGW.BapZcW {
  width: calc(var(--chip-dismiss-button-size-large-state-initial-container-composition-sizing, 20px) + calc(var(--chip-dismiss-button-size-large-state-initial-action-wrapper-composition-spacing, 4px) * 2));
  height: calc(var(--chip-dismiss-button-size-large-state-initial-container-composition-sizing, 20px) + calc(var(--chip-dismiss-button-size-large-state-initial-action-wrapper-composition-spacing, 4px) * 2));
  border-radius: var(--chip-dismiss-button-size-large-state-initial-action-wrapper-composition-border-radius, 999px);
}
._-CeKGW.igyILW {
  color: var(--chip-dismiss-button-variant-primary-state-enabled-icon-icon-color, #0d1619);
}
._-CeKGW.WxGTCW {
  color: var(--chip-dismiss-button-variant-primary-state-selected-icon-icon-color, #ffffff);
}
._-CeKGW.ttH50W {
  cursor: default;
  pointer-events: none;
  color: var(--chip-dismiss-button-variant-primary-state-disabled-icon-icon-color, #acacac);
}
._-CeKGW._9SS-5W {
  cursor: default;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  ._-CeKGW.igyILW:hover {
    background-color: var(--chip-dismiss-button-variant-primary-state-hover-container-background-color, rgba(13, 22, 25, 0.0588235294));
  }
}
._-CeKGW.igyILW:active {
  background-color: var(--chip-dismiss-button-variant-primary-state-active-container-background-color, rgba(13, 22, 25, 0.1215686275));
}
@media (hover: hover) and (pointer: fine) {
  ._-CeKGW.WxGTCW:hover {
    background-color: var(--chip-dismiss-button-variant-primary-state-selected-hover-container-background-color, #5c4ace);
  }
}
._-CeKGW.WxGTCW:active {
  background-color: var(--chip-dismiss-button-variant-primary-state-selected-active-container-background-color, #403591);
}
._-CeKGW.ttH50W {
  cursor: default;
  pointer-events: none;
}
._-CeKGW._9SS-5W {
  cursor: default;
  pointer-events: none;
}
._-CeKGW._i2ZeW {
  color: var(--chip-dismiss-button-variant-secondary-state-enabled-icon-icon-color, #0d1619);
}
._-CeKGW.h8smlW {
  color: var(--chip-dismiss-button-variant-secondary-state-selected-icon-icon-color, #0d1619);
}
._-CeKGW._-FX0AW {
  cursor: default;
  pointer-events: none;
  color: var(--chip-dismiss-button-variant-secondary-state-disabled-icon-icon-color, #acacac);
}
._-CeKGW.SM4RpW {
  cursor: default;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  ._-CeKGW._i2ZeW:hover {
    background-color: var(--chip-dismiss-button-variant-secondary-state-hover-container-background-color, rgba(13, 22, 25, 0.0588235294));
  }
}
._-CeKGW._i2ZeW:active {
  background-color: var(--chip-dismiss-button-variant-secondary-state-active-container-background-color, rgba(13, 22, 25, 0.1215686275));
}
@media (hover: hover) and (pointer: fine) {
  ._-CeKGW.h8smlW:hover {
    background-color: var(--chip-dismiss-button-variant-secondary-state-selected-hover-container-background-color, rgba(13, 22, 25, 0.0588235294));
  }
}
._-CeKGW.h8smlW:active {
  background-color: var(--chip-dismiss-button-variant-secondary-state-selected-active-container-background-color, rgba(13, 22, 25, 0.1215686275));
}
._-CeKGW._-FX0AW {
  cursor: default;
  pointer-events: none;
}
._-CeKGW.SM4RpW {
  cursor: default;
  pointer-events: none;
}
.lJ_PfW {
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  opacity: 0.01;
  overflow: hidden;
}
/*# sourceMappingURL=Chip.styles.css.map */
/*!***********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-avatar-group/build/AvatarGroup.styles.css ***!
  \***********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/AvatarGroup.module.scss */
.Ph3hvx {
  display: flex;
}
@media screen and (min-width: 0) {
  .Ph3hvx.Ua7Egx {
    padding: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx.Ua7Egx > * {
    margin: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 0) {
  .Ph3hvx._-Yxccx {
    padding: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx._-Yxccx > * {
    margin: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 0) {
  .Ph3hvx.I-8O4x {
    padding: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / -2);
  }
  .Ph3hvx.I-8O4x > * {
    margin: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / 2);
  }
}
@media screen and (min-width: 0) {
  .Ph3hvx._8oaJ9x {
    padding: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / -2);
  }
  .Ph3hvx._8oaJ9x > * {
    margin: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / 2);
  }
}
@media screen and (min-width: 512px) {
  .Ph3hvx.usnhvx {
    padding: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx.usnhvx > * {
    margin: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 512px) {
  .Ph3hvx.egq3Tx {
    padding: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx.egq3Tx > * {
    margin: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 512px) {
  .Ph3hvx.tyUXAx {
    padding: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / -2);
  }
  .Ph3hvx.tyUXAx > * {
    margin: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / 2);
  }
}
@media screen and (min-width: 512px) {
  .Ph3hvx.ciqf8x {
    padding: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / -2);
  }
  .Ph3hvx.ciqf8x > * {
    margin: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / 2);
  }
}
@media screen and (min-width: 520px) {
  .Ph3hvx.Z2Ne4x {
    padding: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx.Z2Ne4x > * {
    margin: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 520px) {
  .Ph3hvx.Fyf-wx {
    padding: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx.Fyf-wx > * {
    margin: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 520px) {
  .Ph3hvx.METXkx {
    padding: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / -2);
  }
  .Ph3hvx.METXkx > * {
    margin: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / 2);
  }
}
@media screen and (min-width: 520px) {
  .Ph3hvx.IL17Kx {
    padding: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / -2);
  }
  .Ph3hvx.IL17Kx > * {
    margin: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / 2);
  }
}
@media screen and (min-width: 768px) {
  .Ph3hvx.EzHgYx {
    padding: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx.EzHgYx > * {
    margin: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 768px) {
  .Ph3hvx.FiEWIx {
    padding: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx.FiEWIx > * {
    margin: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 768px) {
  .Ph3hvx.ZWUuHx {
    padding: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / -2);
  }
  .Ph3hvx.ZWUuHx > * {
    margin: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / 2);
  }
}
@media screen and (min-width: 768px) {
  .Ph3hvx.QLsm6x {
    padding: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / -2);
  }
  .Ph3hvx.QLsm6x > * {
    margin: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / 2);
  }
}
@media screen and (min-width: 1024px) {
  .Ph3hvx.M6pzxx {
    padding: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx.M6pzxx > * {
    margin: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 1024px) {
  .Ph3hvx.vVB8Qx {
    padding: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx.vVB8Qx > * {
    margin: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 1024px) {
  .Ph3hvx.wCogjx {
    padding: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / -2);
  }
  .Ph3hvx.wCogjx > * {
    margin: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / 2);
  }
}
@media screen and (min-width: 1024px) {
  .Ph3hvx.mL4AKx {
    padding: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / -2);
  }
  .Ph3hvx.mL4AKx > * {
    margin: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / 2);
  }
}
@media screen and (min-width: 1280px) {
  .Ph3hvx._4c2Pxx {
    padding: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx._4c2Pxx > * {
    margin: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 1280px) {
  .Ph3hvx.eA9qox {
    padding: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx.eA9qox > * {
    margin: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 1280px) {
  .Ph3hvx.a37v1x {
    padding: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / -2);
  }
  .Ph3hvx.a37v1x > * {
    margin: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / 2);
  }
}
@media screen and (min-width: 1280px) {
  .Ph3hvx._1syM2x {
    padding: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / -2);
  }
  .Ph3hvx._1syM2x > * {
    margin: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / 2);
  }
}
@media screen and (min-width: 1440px) {
  .Ph3hvx.QJtYLx {
    padding: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx.QJtYLx > * {
    margin: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 1440px) {
  .Ph3hvx.BgMIhx {
    padding: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx.BgMIhx > * {
    margin: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 1440px) {
  .Ph3hvx.cx4odx {
    padding: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / -2);
  }
  .Ph3hvx.cx4odx > * {
    margin: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / 2);
  }
}
@media screen and (min-width: 1440px) {
  .Ph3hvx._3t1J5x {
    padding: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / -2);
  }
  .Ph3hvx._3t1J5x > * {
    margin: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / 2);
  }
}
@media screen and (min-width: 1920px) {
  .Ph3hvx.h1oCXx {
    padding: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx.h1oCXx > * {
    margin: 0 calc(var(--avatar-group-size-xs-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 1920px) {
  .Ph3hvx.fRDFNx {
    padding: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / -2);
  }
  .Ph3hvx.fRDFNx > * {
    margin: 0 calc(var(--avatar-group-size-s-state-default-container-composition-item-spacing, -12px) / 2);
  }
}
@media screen and (min-width: 1920px) {
  .Ph3hvx.GoaMRx {
    padding: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / -2);
  }
  .Ph3hvx.GoaMRx > * {
    margin: 0 calc(var(--avatar-group-size-m-state-default-container-composition-item-spacing, -16px) / 2);
  }
}
@media screen and (min-width: 1920px) {
  .Ph3hvx.xCOsdx {
    padding: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / -2);
  }
  .Ph3hvx.xCOsdx > * {
    margin: 0 calc(var(--avatar-group-size-l-state-default-container-composition-item-spacing, -20px) / 2);
  }
}
.uMb8Ex {
  box-shadow: var(--color-background-page, #ffffff) 0 0 0 2px;
}
@media (hover: hover) and (pointer: fine) {
  .uMb8Ex.HJyBxx:hover {
    z-index: 1;
  }
}
.hkTrTx {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: fit-content;
  height: fit-content;
  padding: 0;
  border-radius: 50%;
  border-width: var(--avatar-variant-default-composition-border-width, 1px);
  border-style: solid;
  cursor: default;
  transition:
    background-color var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1)),
    border-color var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1)),
    color var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1)),
    box-shadow var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
  background-color: var(--avatar-group-variant-default-state-default-more-background-color, #ffffff);
  border-color: var(--avatar-group-variant-default-state-default-more-border-color, #d3d3d3);
  color: var(--avatar-group-variant-default-state-default-more-text-color, #757676);
}
.hkTrTx::after {
  content: "";
  box-shadow: var(--color-background-page, #ffffff) 0 0 0 2px;
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  transition: box-shadow 100ms ease-in-out;
  top: -1px;
  left: -1px;
}
.hkTrTx.Y43TNx {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .hkTrTx.Y43TNx:hover {
    background-color: var(--avatar-group-variant-default-state-hover-more-background-color, #f2f2f2);
    border-color: var(--avatar-group-variant-default-state-hover-more-border-color, #bfbfbf);
    color: var(--avatar-group-variant-default-state-hover-more-text-color, #757676);
  }
}
.hkTrTx.Y43TNx:active {
  background-color: var(--avatar-group-variant-default-state-active-more-background-color, #e5e5e5);
  border-color: var(--avatar-group-variant-default-state-active-more-border-color, #acacac);
  color: var(--avatar-group-variant-default-state-active-more-text-color, #757676);
}
.hkTrTx.Y43TNx.tZf12x {
  background-color: var(--avatar-group-variant-default-state-selected-more-background-color, #e7e8ff);
  border-color: var(--avatar-group-variant-default-state-selected-more-border-color, #6950f3);
  color: var(--avatar-group-variant-default-state-selected-more-text-color, #6950f3);
  box-shadow: var(--avatar-group-variant-default-state-selected-more-innershadow, inset 0 0 0 1px #6950f3);
}
@media screen and (min-width: 0) {
  .hkTrTx.C2wiCx {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .hkTrTx.Ua7Egx {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .hkTrTx._-Yxccx {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .hkTrTx.I-8O4x {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .hkTrTx._8oaJ9x {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .hkTrTx.s_TOXx {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .hkTrTx.gQF6-x {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .hkTrTx.WHJsix {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .hkTrTx.t8rLAx {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 0) {
  .hkTrTx.R3w5jx {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .hkTrTx.U0ssXx {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .hkTrTx.usnhvx {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .hkTrTx.egq3Tx {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .hkTrTx.tyUXAx {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .hkTrTx.ciqf8x {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .hkTrTx.hQm6ox {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .hkTrTx.YIxu9x {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .hkTrTx.F_C_Mx {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .hkTrTx._31uIQx {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 512px) {
  .hkTrTx.tm9_kx {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .hkTrTx.Xnq6yx {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .hkTrTx.Z2Ne4x {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .hkTrTx.Fyf-wx {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .hkTrTx.METXkx {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .hkTrTx.IL17Kx {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .hkTrTx.JHu6lx {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .hkTrTx.OnYCfx {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .hkTrTx.zVk1Rx {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .hkTrTx._1GBqyx {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 520px) {
  .hkTrTx.c18mUx {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .hkTrTx.G54__x {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .hkTrTx.EzHgYx {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .hkTrTx.FiEWIx {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .hkTrTx.ZWUuHx {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .hkTrTx.QLsm6x {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .hkTrTx.WlLWxx {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .hkTrTx.ZF8UIx {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .hkTrTx._5jHirx {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .hkTrTx.fC0AEx {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 768px) {
  .hkTrTx.O-4NTx {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .hkTrTx.P78g7x {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .hkTrTx.M6pzxx {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .hkTrTx.vVB8Qx {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .hkTrTx.wCogjx {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .hkTrTx.mL4AKx {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .hkTrTx.PzRFLx {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .hkTrTx.yXl3hx {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .hkTrTx.p0y9Jx {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .hkTrTx.Sfft7x {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1024px) {
  .hkTrTx.C0Njmx {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .hkTrTx.Cudlnx {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .hkTrTx._4c2Pxx {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .hkTrTx.eA9qox {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .hkTrTx.a37v1x {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .hkTrTx._1syM2x {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .hkTrTx.FPqnxx {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .hkTrTx._8EeOBx {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .hkTrTx._14_oAx {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .hkTrTx.g3XZNx {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1280px) {
  .hkTrTx.BFUTqx {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .hkTrTx.g3x5nx {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .hkTrTx.QJtYLx {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .hkTrTx.BgMIhx {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .hkTrTx.cx4odx {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .hkTrTx._3t1J5x {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .hkTrTx.JzTZJx {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .hkTrTx.a0GiQx {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .hkTrTx.D5vkjx {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .hkTrTx.OLVlAx {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1440px) {
  .hkTrTx.w3fZ1x {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .hkTrTx.ZFZWhx {
    width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-width: var(--avatar-size-2xs-container-composition-sizing, 24px);
    min-height: var(--avatar-size-2xs-container-composition-sizing, 24px);
    font: var(--avatar-size-2xs-initials-typography, 600 8px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .hkTrTx.h1oCXx {
    width: var(--avatar-size-xs-container-composition-sizing, 28px);
    height: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-width: var(--avatar-size-xs-container-composition-sizing, 28px);
    min-height: var(--avatar-size-xs-container-composition-sizing, 28px);
    font: var(--avatar-size-xs-initials-typography, 600 9px/12px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .hkTrTx.fRDFNx {
    width: var(--avatar-size-s-container-composition-sizing, 32px);
    height: var(--avatar-size-s-container-composition-sizing, 32px);
    min-width: var(--avatar-size-s-container-composition-sizing, 32px);
    min-height: var(--avatar-size-s-container-composition-sizing, 32px);
    font: var(--avatar-size-s-initials-typography, 600 11px/14px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .hkTrTx.GoaMRx {
    width: var(--avatar-size-m-container-composition-sizing, 40px);
    height: var(--avatar-size-m-container-composition-sizing, 40px);
    min-width: var(--avatar-size-m-container-composition-sizing, 40px);
    min-height: var(--avatar-size-m-container-composition-sizing, 40px);
    font: var(--avatar-size-m-initials-typography, 600 13px/19px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .hkTrTx.xCOsdx {
    width: var(--avatar-size-l-container-composition-sizing, 48px);
    height: var(--avatar-size-l-container-composition-sizing, 48px);
    min-width: var(--avatar-size-l-container-composition-sizing, 48px);
    min-height: var(--avatar-size-l-container-composition-sizing, 48px);
    font: var(--avatar-size-l-initials-typography, 600 16px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .hkTrTx.PtUnCx {
    width: var(--avatar-size-xl-container-composition-sizing, 56px);
    height: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-width: var(--avatar-size-xl-container-composition-sizing, 56px);
    min-height: var(--avatar-size-xl-container-composition-sizing, 56px);
    font: var(--avatar-size-xl-initials-typography, 600 18px/24px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .hkTrTx.ujDS6x {
    width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-width: var(--avatar-size-2xl-container-composition-sizing, 64px);
    min-height: var(--avatar-size-2xl-container-composition-sizing, 64px);
    font: var(--avatar-size-2xl-initials-typography, 600 20px/28px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .hkTrTx._4NiqKx {
    width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-width: var(--avatar-size-3xl-container-composition-sizing, 80px);
    min-height: var(--avatar-size-3xl-container-composition-sizing, 80px);
    font: var(--avatar-size-3xl-initials-typography, 600 24px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .hkTrTx.mgSCWx {
    width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-width: var(--avatar-size-4xl-container-composition-sizing, 96px);
    min-height: var(--avatar-size-4xl-container-composition-sizing, 96px);
    font: var(--avatar-size-4xl-initials-typography, 600 28px/40px Roobert PRO);
  }
}
@media screen and (min-width: 1920px) {
  .hkTrTx.HNpS-x {
    width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-width: var(--avatar-size-5xl-container-composition-sizing, 120px);
    min-height: var(--avatar-size-5xl-container-composition-sizing, 120px);
    font: var(--avatar-size-5xl-initials-typography, 600 36px/48px Roobert PRO);
  }
}
/*# sourceMappingURL=AvatarGroup.styles.css.map */
/*!*******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-tooltip/build/Tooltip.css ***!
  \*******************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Tooltip.module.scss */
.qmAOht {
  position: relative;
  display: inline-block;
}
.wMVRut {
  display: flex;
}
.wMVRut._Sb3Ut {
  background-color: var(--tooltip-variant-neutral-container-background-color, #0d1619);
  color: var(--tooltip-variant-neutral-label-text-color, #ffffff);
}
.wMVRut.OGOuZt {
  max-width: var(--tooltip-size-default-container-composition-width, 256px);
  padding: var(--tooltip-size-default-container-composition-vertical-padding, 8px) var(--tooltip-size-default-container-composition-horizontal-padding, 8px);
  border-radius: var(--tooltip-size-default-container-composition-border-radius, 4px);
  gap: var(--tooltip-size-default-container-composition-item-spacing, 4px);
}
/*# sourceMappingURL=Tooltip.css.map */
/*!*******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Icon/CircleWithIcon/CircleWithIcon.scss.css ***!
  \*******************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c60ce6c {
  border-radius: 50%;
}
._06c60ce6c._5ccf06e6c {
  width: 32px;
  height: 32px;
}
._06c60ce6c.c88d18e6c {
  width: 48px;
  height: 48px;
}
._06c60ce6c._346cbee6c {
  width: 64px;
  height: 64px;
}
._06c60ce6c.f71632e6c {
  background-color: #6950f3;
}
._06c60ce6c.aeb880e6c {
  background-color: #fff4cc;
}
._06c60ce6c._8c870ce6c {
  background-color: #ffc00a;
}
._06c60ce6c._6ae265e6c {
  background-color: #60c290;
}
._06c60ce6c._00d681e6c {
  background-color: #00a36d;
}
._06c60ce6c._850bc3e6c {
  background-color: #fddfd0;
}
._06c60ce6c.a8eff8e6c {
  background-color: #e66422;
}
._06c60ce6c._5a1eaae6c {
  background-color: #e7e8ff;
}
._06c60ce6c._7194e6e6c {
  background-color: #8880ff;
}
._06c60ce6c._510210e6c {
  background-color: #6950f3;
}
._06c60ce6c._9bc9c0e6c {
  background-color: #e45a74;
}
._06c60ce6c.ea7638e6c {
  background-color: #e7e8ff;
}
._06c60ce6c._66ab27e6c {
  background-color: #8880ff;
}
._06c60ce6c._9afe1ce6c {
  background-color: #6950f3;
}
._06c60ce6c._4d4e3de6c {
  background-color: #f2f2f7;
}
._06c60ce6c._2db7c1e6c {
  background-color: #fff;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-checkbox-structure/build/CheckboxStructure.css ***!
  \****************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/CheckboxStructure.module.scss */
.erDWic {
  cursor: pointer;
}
.BmzOpc {
  display: flex;
}
.BmzOpc.TD1ngc {
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .BmzOpc.TD1ngc {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
.BmzOpc.f-TtVc {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.BmzOpc.OGO03c {
  gap: var(--checkbox-size-default-container-composition-item-spacing, 12px);
}
.erDWic.OGO03c .gseXQc {
  padding-top: var(--checkbox-size-default-content-wrapper-composition-vertical-padding, 2px);
  padding-bottom: var(--checkbox-size-default-content-wrapper-composition-vertical-padding, 2px);
}
.gseXQc._97pwbc {
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  opacity: 0.01;
  overflow: hidden;
}
.JZmHZc {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1)), border-color var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
.erDWic.xa-Bgc .JZmHZc {
  background-color: var(--checkbox-variant-default-state-enabled-primitive-background, #ffffff);
  border-color: var(--checkbox-variant-default-state-enabled-primitive-border, #bfbfbf);
  color: var(--checkbox-variant-default-state-enabled-primitive-icon-color, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  .erDWic.xa-Bgc:hover .JZmHZc {
    background-color: var(--checkbox-variant-default-state-hover-primitive-background, #f2f2f2);
    border-color: var(--checkbox-variant-default-state-hover-primitive-border, #acacac);
    color: var(--checkbox-variant-default-state-hover-primitive-icon-color, #ffffff);
  }
}
.erDWic.xa-Bgc:active .JZmHZc {
  background-color: var(--checkbox-variant-default-state-active-primitive-background, #e5e5e5);
  border-color: var(--checkbox-variant-default-state-active-primitive-border, #969696);
  color: var(--checkbox-variant-default-state-active-primitive-icon-color, #ffffff);
}
.erDWic.xa-Bgc.siKyTc .JZmHZc {
  background-color: var(--checkbox-variant-default-state-selected-primitive-background, #6950f3);
  border-color: var(--checkbox-variant-default-state-selected-primitive-border, #6950f3);
  color: var(--checkbox-variant-default-state-selected-primitive-icon-color, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  .erDWic.xa-Bgc.siKyTc:hover .JZmHZc {
    background-color: var(--checkbox-variant-default-state-selected-hover-primitive-background, #5c4ace);
    border-color: var(--checkbox-variant-default-state-selected-hover-primitive-border, #5c4ace);
    color: var(--checkbox-variant-default-state-selected-hover-primitive-icon-color, #ffffff);
  }
}
.erDWic.xa-Bgc.siKyTc:active .JZmHZc {
  background-color: var(--checkbox-variant-default-state-selected-active-primitive-background, #403591);
  border-color: var(--checkbox-variant-default-state-selected-active-primitive-border, #403591);
  color: var(--checkbox-variant-default-state-selected-active-primitive-icon-color, #ffffff);
}
.erDWic.xa-Bgc.RbcUTc .JZmHZc {
  background-color: var(--checkbox-variant-default-state-error-primitive-background, #ffffff);
  border-color: var(--checkbox-variant-default-state-error-primitive-border, #d4163a);
  color: var(--checkbox-variant-default-state-error-primitive-icon-color, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  .erDWic.xa-Bgc.RbcUTc:hover .JZmHZc {
    background-color: var(--checkbox-variant-default-state-error-hover-primitive-background, #f2f2f2);
    border-color: var(--checkbox-variant-default-state-error-hover-primitive-border, #bb1232);
    color: var(--checkbox-variant-default-state-error-hover-primitive-icon-color, #ffffff);
  }
}
.erDWic.xa-Bgc.RbcUTc:active .JZmHZc {
  background-color: var(--checkbox-variant-default-state-error-active-primitive-background, #e5e5e5);
  border-color: var(--checkbox-variant-default-state-error-active-primitive-border, #831324);
  color: var(--checkbox-variant-default-state-error-active-primitive-icon-color, #ffffff);
}
.erDWic.xa-Bgc.siKyTc.RbcUTc .JZmHZc {
  background-color: var(--checkbox-variant-default-state-selected-error-primitive-background, #d4163a);
  border-color: var(--checkbox-variant-default-state-selected-error-primitive-border, #d4163a);
  color: var(--checkbox-variant-default-state-selected-error-primitive-icon-color, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  .erDWic.xa-Bgc.siKyTc.RbcUTc:hover .JZmHZc {
    background-color: var(--checkbox-variant-default-state-selected-error-hover-primitive-background, #bb1232);
    border-color: var(--checkbox-variant-default-state-selected-error-hover-primitive-border, #bb1232);
    color: var(--checkbox-variant-default-state-selected-error-hover-primitive-icon-color, #ffffff);
  }
}
.erDWic.xa-Bgc.siKyTc.RbcUTc:active .JZmHZc {
  background-color: var(--checkbox-variant-default-state-selected-error-active-primitive-background, #831324);
  border-color: var(--checkbox-variant-default-state-selected-error-active-primitive-border, #831324);
  color: var(--checkbox-variant-default-state-selected-error-active-primitive-icon-color, #ffffff);
}
.erDWic.xa-Bgc.iX-Dzc .JZmHZc {
  background-color: var(--checkbox-variant-default-state-disabled-primitive-background, #f2f2f2);
  border-color: var(--checkbox-variant-default-state-disabled-primitive-border, #d3d3d3);
  color: var(--checkbox-variant-default-state-disabled-primitive-icon-color, #f2f2f2);
}
.erDWic.xa-Bgc.siKyTc.iX-Dzc .JZmHZc {
  background-color: var(--checkbox-variant-default-state-selected-disabled-primitive-background, #f2f2f2);
  border-color: var(--checkbox-variant-default-state-selected-disabled-primitive-border, #d3d3d3);
  color: var(--checkbox-variant-default-state-selected-disabled-primitive-icon-color, #acacac);
}
.erDWic.OGO03c .JZmHZc {
  width: var(--checkbox-size-default-primitive-composition-sizing, 24px);
  height: var(--checkbox-size-default-primitive-composition-sizing, 24px);
  border-radius: var(--checkbox-size-default-primitive-composition-border-radius, 4px);
  border-width: var(--checkbox-size-default-primitive-composition-border-width, 1px);
  border-style: solid;
}
.erDWic.xa-Bgc .ZIToGc {
  color: var(--checkbox-variant-default-state-enabled-label-text-color, #0d1619);
}
.erDWic.xa-Bgc.siKyTc .ZIToGc {
  color: var(--checkbox-variant-default-state-selected-label-text-color, #0d1619);
}
.erDWic.xa-Bgc.RbcUTc .ZIToGc {
  color: var(--checkbox-variant-default-state-error-label-text-color, #0d1619);
}
@media (hover: hover) and (pointer: fine) {
  .erDWic.xa-Bgc.RbcUTc:hover .ZIToGc {
    color: var(--checkbox-variant-default-state-error-hover-label-text-color, #0d1619);
  }
}
.erDWic.xa-Bgc.RbcUTc:active .ZIToGc {
  color: var(--checkbox-variant-default-state-error-active-label-text-color, #0d1619);
}
.erDWic.xa-Bgc.siKyTc.RbcUTc .ZIToGc {
  color: var(--checkbox-variant-default-state-selected-error-label-text-color, #0d1619);
}
@media (hover: hover) and (pointer: fine) {
  .erDWic.xa-Bgc.siKyTc.RbcUTc:hover .ZIToGc {
    color: var(--checkbox-variant-default-state-selected-error-hover-label-text-color, #0d1619);
  }
}
.erDWic.xa-Bgc.siKyTc.RbcUTc:active .ZIToGc {
  color: var(--checkbox-variant-default-state-selected-error-active-label-text-color, #0d1619);
}
.erDWic.xa-Bgc.iX-Dzc .ZIToGc {
  color: var(--checkbox-variant-default-state-disabled-label-text-color, #acacac);
}
.erDWic.xa-Bgc.siKyTc.iX-Dzc .ZIToGc {
  color: var(--checkbox-variant-default-state-selected-disabled-label-text-color, #acacac);
}
.erDWic.xa-Bgc .OAjDlc {
  color: var(--checkbox-variant-default-state-enabled-description-text-color, #757676);
}
.erDWic.xa-Bgc.siKyTc .OAjDlc {
  color: var(--checkbox-variant-default-state-selected-description-text-color, #757676);
}
.erDWic.xa-Bgc.siKyTc.RbcUTc .OAjDlc {
  color: var(--checkbox-variant-default-state-selected-error-description-text-color, #757676);
}
@media (hover: hover) and (pointer: fine) {
  .erDWic.xa-Bgc.siKyTc.RbcUTc:hover .OAjDlc {
    color: var(--checkbox-variant-default-state-selected-error-hover-description-text-color, #757676);
  }
}
.erDWic.xa-Bgc.siKyTc.RbcUTc:active .OAjDlc {
  color: var(--checkbox-variant-default-state-selected-error-active-description-text-color, #757676);
}
.erDWic.xa-Bgc.iX-Dzc .OAjDlc {
  color: var(--checkbox-variant-default-state-disabled-description-text-color, #acacac);
}
.erDWic.xa-Bgc.siKyTc.iX-Dzc .OAjDlc {
  color: var(--checkbox-variant-default-state-selected-disabled-description-text-color, #acacac);
}
/*# sourceMappingURL=CheckboxStructure.css.map */
/*!****************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-checkbox-behaviour/build/CheckboxBehaviour.css ***!
  \****************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/CheckboxBehaviour.module.scss */
.bEpLai {
  position: relative;
}
.bEpLai,
._3hARki {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
._3hARki {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1px;
  height: 1px;
  overflow: hidden;
  outline: none;
  background: transparent;
  border: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}
/*# sourceMappingURL=CheckboxBehaviour.css.map */
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-list-item/build/ListItem.css ***!
  \**********************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/ListItem.module.scss */
.eXsc_A {
}
.t4m01A {
  width: 100%;
  list-style: none;
}
.t4m01A.SQV2YA .ll2aAA {
  position: relative;
}
.t4m01A:last-child .ll2aAA {
  display: none;
}
._7gF0iA {
  display: grid;
  width: 100%;
  grid-template-areas: "prefix main suffix" "footer footer footer";
  grid-template-rows: auto;
  grid-template-columns: auto minmax(auto, 1fr) auto;
  transition-property: background-color, border-color;
  transition-duration: var(--motion-duration-quick, 180ms);
  transition-timing-function: var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
._7gF0iA.SQV2YA {
  position: relative;
  cursor: pointer;
}
._7gF0iA.rvEToA {
  padding: var(--list-item-container-size-boxed-state-default-default-composition-vertical-padding, 16px) var(--list-item-container-size-boxed-state-default-default-composition-horizontal-padding, 16px);
  border-width: var(--list-item-container-size-boxed-state-default-default-composition-border-width, 1px);
  border-style: solid;
  border-radius: var(--list-item-container-size-boxed-state-default-default-composition-border-radius, 8px);
}
@media (min-width: 768px) {
  ._7gF0iA.rvEToA {
    padding: var(--list-item-container-size-boxed-state-default-laptop-composition-vertical-padding, 20px) var(--list-item-container-size-boxed-state-default-laptop-composition-horizontal-padding, 24px);
    border-width: var(--list-item-container-size-boxed-state-default-laptop-composition-border-width, 1px);
    border-style: solid;
    border-radius: var(--list-item-container-size-boxed-state-default-laptop-composition-border-radius, 8px);
  }
}
._7gF0iA.iRXbIA {
  padding: var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-vertical-padding, 16px) var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-horizontal-padding, 20px);
  border-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-border-width, 1px);
  border-style: solid;
  border-radius: var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-border-radius, 0px);
}
@media (min-width: 768px) {
  ._7gF0iA.iRXbIA {
    padding: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-vertical-padding, 20px) var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-horizontal-padding, 24px);
    border-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width, 1px);
    border-style: solid;
    border-radius: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-radius, 8px);
  }
}
._7gF0iA._5k1GKA {
  padding: var(--list-item-container-size-flush-state-default-default-composition-vertical-padding, 0px) var(--list-item-container-size-flush-state-default-default-composition-horizontal-padding, 0px);
  border-width: var(--list-item-container-size-flush-state-default-default-composition-border-width, 0px);
  border-style: solid;
  border-radius: var(--list-item-container-size-flush-state-default-default-composition-border-radius, 8px);
}
@media (min-width: 768px) {
  ._7gF0iA._5k1GKA {
    padding: var(--list-item-container-size-flush-state-default-laptop-composition-vertical-padding, 0px) var(--list-item-container-size-flush-state-default-laptop-composition-horizontal-padding, 0px);
    border-width: var(--list-item-container-size-flush-state-default-laptop-composition-border-width, 0px);
    border-style: solid;
    border-radius: var(--list-item-container-size-flush-state-default-laptop-composition-border-radius, 8px);
  }
}
._7gF0iA.CjU20A {
  background-color: var(--list-item-container-variant-high-state-enabled-default-background-color, #6950f3);
  border-color: var(--list-item-container-variant-high-state-enabled-default-border-color, #6950f3);
  color: var(--color-foreground-on-interactive, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.CjU20A.SQV2YA:hover {
    background-color: var(--list-item-container-variant-high-state-hover-default-background-color, #5c4ace);
    border-color: var(--list-item-container-variant-high-state-hover-default-border-color, #5c4ace);
    color: var(--color-foreground-on-interactive, #ffffff);
  }
}
._7gF0iA.CjU20A.SQV2YA:active {
  background-color: var(--list-item-container-variant-high-state-active-default-background-color, #403591);
  border-color: var(--list-item-container-variant-high-state-active-default-border-color, #403591);
  color: var(--color-foreground-on-interactive, #ffffff);
}
._7gF0iA.CjU20A.Hm5NfA {
  color: var(--color-foreground-on-interactive, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.CjU20A.SQV2YA.Hm5NfA:hover {
    color: var(--color-foreground-on-interactive, #ffffff);
  }
}
._7gF0iA.CjU20A.SQV2YA.Hm5NfA:active {
  color: var(--color-foreground-on-interactive, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.CjU20A.SQV2YA.iX-bTA,
  ._7gF0iA.CjU20A.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-high-state-enabled-default-background-color, #6950f3);
    border-color: var(--list-item-container-variant-high-state-enabled-default-border-color, #6950f3);
    color: var(--color-foreground-on-interactive, #ffffff);
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.NLja9A {
  background-color: var(--list-item-container-variant-medium-state-enabled-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-medium-state-enabled-default-border-color, #d3d3d3);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.NLja9A.SQV2YA:hover {
    background-color: var(--list-item-container-variant-medium-state-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-medium-state-hover-default-border-color, #bfbfbf);
  }
}
._7gF0iA.NLja9A.SQV2YA:active {
  background-color: var(--list-item-container-variant-medium-state-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-medium-state-active-default-border-color, #969696);
}
._7gF0iA.NLja9A.Hm5NfA {
  background-color: var(--list-item-container-variant-medium-state-selected-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-medium-state-selected-default-border-color, #6950f3);
  box-shadow: var(--list-item-container-variant-medium-state-selected-default-container-innershadow, inset 0 0 0 1px #6950f3);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.NLja9A.SQV2YA.Hm5NfA:hover {
    background-color: var(--list-item-container-variant-medium-state-selected-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-medium-state-selected-hover-default-border-color, #5c4ace);
    box-shadow: var(--list-item-container-variant-medium-state-selected-hover-default-container-innershadow, inset 0 0 0 1px #5c4ace);
  }
}
._7gF0iA.NLja9A.SQV2YA.Hm5NfA:active {
  background-color: var(--list-item-container-variant-medium-state-selected-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-medium-state-selected-active-default-border-color, #403591);
  box-shadow: var(--list-item-container-variant-medium-state-selected-active-default-container-innershadow, inset 0 0 0 1px #403591);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.NLja9A.SQV2YA.iX-bTA,
  ._7gF0iA.NLja9A.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-medium-state-enabled-default-background-color, #ffffff);
    border-color: var(--list-item-container-variant-medium-state-enabled-default-border-color, #d3d3d3);
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.vYR09A {
  background-color: var(--list-item-container-variant-low-state-enabled-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-low-state-enabled-default-border-color, #d3d3d3);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.vYR09A.SQV2YA:hover {
    background-color: var(--list-item-container-variant-low-state-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-low-state-hover-default-border-color, #bfbfbf);
  }
}
._7gF0iA.vYR09A.SQV2YA:active {
  background-color: var(--list-item-container-variant-low-state-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-low-state-active-default-border-color, #969696);
}
._7gF0iA.vYR09A.Hm5NfA {
  background-color: var(--list-item-container-variant-low-state-selected-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-low-state-selected-default-border-color, #6950f3);
  box-shadow: var(--list-item-container-variant-low-state-selected-default-container-innershadow, inset 0 0 0 0 #6950f3);
}
@media (min-width: 768px) {
  ._7gF0iA.vYR09A.Hm5NfA {
    background-color: var(--list-item-container-variant-low-state-selected-laptop-background-color, #ffffff);
    border-color: var(--list-item-container-variant-low-state-selected-laptop-border-color, #6950f3);
    box-shadow: var(--list-item-container-variant-low-state-selected-laptop-container-innershadow, inset 0 0 0 1px #6950f3);
  }
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.vYR09A.SQV2YA.Hm5NfA:hover {
    background-color: var(--list-item-container-variant-low-state-selected-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-low-state-selected-hover-default-border-color, #5c4ace);
    box-shadow: var(--list-item-container-variant-low-state-selected-hover-default-container-innershadow, inset 0 0 0 0 #5c4ace);
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  ._7gF0iA.vYR09A.SQV2YA.Hm5NfA:hover {
    background-color: var(--list-item-container-variant-low-state-selected-hover-laptop-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-low-state-selected-hover-laptop-border-color, #5c4ace);
    box-shadow: var(--list-item-container-variant-low-state-selected-hover-laptop-container-innershadow, inset 0 0 0 1px #5c4ace);
  }
}
._7gF0iA.vYR09A.SQV2YA.Hm5NfA:active {
  background-color: var(--list-item-container-variant-low-state-selected-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-low-state-selected-active-default-border-color, #403591);
  box-shadow: var(--list-item-container-variant-low-state-selected-active-default-container-innershadow, inset 0 0 0 0 #403591);
}
@media (min-width: 768px) {
  ._7gF0iA.vYR09A.SQV2YA.Hm5NfA:active {
    background-color: var(--list-item-container-variant-low-state-selected-active-laptop-background-color, #e5e5e5);
    border-color: var(--list-item-container-variant-low-state-selected-active-laptop-border-color, #403591);
    box-shadow: var(--list-item-container-variant-low-state-selected-active-laptop-container-innershadow, inset 0 0 0 1px #403591);
  }
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.vYR09A.SQV2YA.iX-bTA,
  ._7gF0iA.vYR09A.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-low-state-enabled-default-background-color, #ffffff);
    border-color: var(--list-item-container-variant-low-state-enabled-default-border-color, #d3d3d3);
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.EuGLIA {
  background-color: var(--list-item-container-variant-lowest-state-enabled-default-background-color, rgba(13, 22, 25, 0));
  border-color: var(--list-item-container-variant-lowest-state-enabled-default-border-color, rgba(255, 255, 255, 0));
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.EuGLIA.SQV2YA.iX-bTA,
  ._7gF0iA.EuGLIA.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-lowest-state-enabled-default-background-color, rgba(13, 22, 25, 0));
    border-color: var(--list-item-container-variant-lowest-state-enabled-default-border-color, rgba(255, 255, 255, 0));
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.vYR09A {
  border-width: 0;
}
@media (min-width: 768px) {
  ._7gF0iA.vYR09A {
    border-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width, 1px);
  }
}
.mhNemA {
  background: transparent;
  border: none;
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-m, 8px);
}
.ll2aAA {
  position: relative;
  box-sizing: content-box;
  margin: -1px var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-horizontal-padding, 20px) 0;
  border-width: 0;
  border-style: solid;
  border-color: var(--list-item-container-variant-low-state-enabled-default-border-color, #d3d3d3);
  border-bottom-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width, 1px);
}
@media (min-width: 768px) {
  .ll2aAA {
    display: none;
  }
}
.H3QLeA,
.kTCcfA {
  display: grid;
  grid-auto-columns: auto;
  column-gap: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
.H3QLeA {
  grid-area: prefix;
  margin-right: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
[dir=rtl] .H3QLeA {
  margin-left: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
  margin-right: 0;
}
.kTCcfA {
  grid-area: suffix;
  margin-left: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
[dir=rtl] .kTCcfA {
  margin-right: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
  margin-left: 0;
}
._2GG1tA,
.t4IyGA {
  display: grid;
  grid-row: 1;
  justify-items: center;
  align-items: center;
  grid-auto-flow: column;
  column-gap: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
._2GG1tA {
  grid-column: 1;
}
._0027QA {
  grid-area: main;
  display: grid;
}
._nTrdA {
  display: grid;
  grid-auto-columns: auto;
  column-gap: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
._2rJn_A,
.AzPgzA {
  display: grid;
  grid-row: 1;
  align-items: center;
}
._2rJn_A.beZLsA,
.AzPgzA.beZLsA {
  align-items: flex-start;
}
._2rJn_A._7McBwA,
.AzPgzA._7McBwA {
  align-items: flex-end;
}
._2rJn_A {
  grid-column: 1;
  justify-items: left;
}
[dir=rtl] ._2rJn_A {
  justify-items: right;
}
.AzPgzA {
  justify-items: right;
}
[dir=rtl] .AzPgzA {
  justify-items: left;
}
.YZ4TiA {
  grid-area: footer;
  margin-top: var(--list-item-size-default-state-default-layout-composition-item-spacing, 12px);
}
/*# sourceMappingURL=ListItem.css.map */
/*!***********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-list-item/build/subcomponents/Content.css ***!
  \***********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/ListItem.module.scss */
.eXsc_A {
}
.t4m01A {
  width: 100%;
  list-style: none;
}
.t4m01A.SQV2YA .ll2aAA {
  position: relative;
}
.t4m01A:last-child .ll2aAA {
  display: none;
}
._7gF0iA {
  display: grid;
  width: 100%;
  grid-template-areas: "prefix main suffix" "footer footer footer";
  grid-template-rows: auto;
  grid-template-columns: auto minmax(auto, 1fr) auto;
  transition-property: background-color, border-color;
  transition-duration: var(--motion-duration-quick, 180ms);
  transition-timing-function: var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
._7gF0iA.SQV2YA {
  position: relative;
  cursor: pointer;
}
._7gF0iA.rvEToA {
  padding: var(--list-item-container-size-boxed-state-default-default-composition-vertical-padding, 16px) var(--list-item-container-size-boxed-state-default-default-composition-horizontal-padding, 16px);
  border-width: var(--list-item-container-size-boxed-state-default-default-composition-border-width, 1px);
  border-style: solid;
  border-radius: var(--list-item-container-size-boxed-state-default-default-composition-border-radius, 8px);
}
@media (min-width: 768px) {
  ._7gF0iA.rvEToA {
    padding: var(--list-item-container-size-boxed-state-default-laptop-composition-vertical-padding, 20px) var(--list-item-container-size-boxed-state-default-laptop-composition-horizontal-padding, 24px);
    border-width: var(--list-item-container-size-boxed-state-default-laptop-composition-border-width, 1px);
    border-style: solid;
    border-radius: var(--list-item-container-size-boxed-state-default-laptop-composition-border-radius, 8px);
  }
}
._7gF0iA.iRXbIA {
  padding: var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-vertical-padding, 16px) var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-horizontal-padding, 20px);
  border-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-border-width, 1px);
  border-style: solid;
  border-radius: var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-border-radius, 0px);
}
@media (min-width: 768px) {
  ._7gF0iA.iRXbIA {
    padding: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-vertical-padding, 20px) var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-horizontal-padding, 24px);
    border-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width, 1px);
    border-style: solid;
    border-radius: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-radius, 8px);
  }
}
._7gF0iA._5k1GKA {
  padding: var(--list-item-container-size-flush-state-default-default-composition-vertical-padding, 0px) var(--list-item-container-size-flush-state-default-default-composition-horizontal-padding, 0px);
  border-width: var(--list-item-container-size-flush-state-default-default-composition-border-width, 0px);
  border-style: solid;
  border-radius: var(--list-item-container-size-flush-state-default-default-composition-border-radius, 8px);
}
@media (min-width: 768px) {
  ._7gF0iA._5k1GKA {
    padding: var(--list-item-container-size-flush-state-default-laptop-composition-vertical-padding, 0px) var(--list-item-container-size-flush-state-default-laptop-composition-horizontal-padding, 0px);
    border-width: var(--list-item-container-size-flush-state-default-laptop-composition-border-width, 0px);
    border-style: solid;
    border-radius: var(--list-item-container-size-flush-state-default-laptop-composition-border-radius, 8px);
  }
}
._7gF0iA.CjU20A {
  background-color: var(--list-item-container-variant-high-state-enabled-default-background-color, #6950f3);
  border-color: var(--list-item-container-variant-high-state-enabled-default-border-color, #6950f3);
  color: var(--color-foreground-on-interactive, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.CjU20A.SQV2YA:hover {
    background-color: var(--list-item-container-variant-high-state-hover-default-background-color, #5c4ace);
    border-color: var(--list-item-container-variant-high-state-hover-default-border-color, #5c4ace);
    color: var(--color-foreground-on-interactive, #ffffff);
  }
}
._7gF0iA.CjU20A.SQV2YA:active {
  background-color: var(--list-item-container-variant-high-state-active-default-background-color, #403591);
  border-color: var(--list-item-container-variant-high-state-active-default-border-color, #403591);
  color: var(--color-foreground-on-interactive, #ffffff);
}
._7gF0iA.CjU20A.Hm5NfA {
  color: var(--color-foreground-on-interactive, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.CjU20A.SQV2YA.Hm5NfA:hover {
    color: var(--color-foreground-on-interactive, #ffffff);
  }
}
._7gF0iA.CjU20A.SQV2YA.Hm5NfA:active {
  color: var(--color-foreground-on-interactive, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.CjU20A.SQV2YA.iX-bTA,
  ._7gF0iA.CjU20A.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-high-state-enabled-default-background-color, #6950f3);
    border-color: var(--list-item-container-variant-high-state-enabled-default-border-color, #6950f3);
    color: var(--color-foreground-on-interactive, #ffffff);
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.NLja9A {
  background-color: var(--list-item-container-variant-medium-state-enabled-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-medium-state-enabled-default-border-color, #d3d3d3);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.NLja9A.SQV2YA:hover {
    background-color: var(--list-item-container-variant-medium-state-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-medium-state-hover-default-border-color, #bfbfbf);
  }
}
._7gF0iA.NLja9A.SQV2YA:active {
  background-color: var(--list-item-container-variant-medium-state-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-medium-state-active-default-border-color, #969696);
}
._7gF0iA.NLja9A.Hm5NfA {
  background-color: var(--list-item-container-variant-medium-state-selected-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-medium-state-selected-default-border-color, #6950f3);
  box-shadow: var(--list-item-container-variant-medium-state-selected-default-container-innershadow, inset 0 0 0 1px #6950f3);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.NLja9A.SQV2YA.Hm5NfA:hover {
    background-color: var(--list-item-container-variant-medium-state-selected-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-medium-state-selected-hover-default-border-color, #5c4ace);
    box-shadow: var(--list-item-container-variant-medium-state-selected-hover-default-container-innershadow, inset 0 0 0 1px #5c4ace);
  }
}
._7gF0iA.NLja9A.SQV2YA.Hm5NfA:active {
  background-color: var(--list-item-container-variant-medium-state-selected-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-medium-state-selected-active-default-border-color, #403591);
  box-shadow: var(--list-item-container-variant-medium-state-selected-active-default-container-innershadow, inset 0 0 0 1px #403591);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.NLja9A.SQV2YA.iX-bTA,
  ._7gF0iA.NLja9A.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-medium-state-enabled-default-background-color, #ffffff);
    border-color: var(--list-item-container-variant-medium-state-enabled-default-border-color, #d3d3d3);
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.vYR09A {
  background-color: var(--list-item-container-variant-low-state-enabled-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-low-state-enabled-default-border-color, #d3d3d3);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.vYR09A.SQV2YA:hover {
    background-color: var(--list-item-container-variant-low-state-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-low-state-hover-default-border-color, #bfbfbf);
  }
}
._7gF0iA.vYR09A.SQV2YA:active {
  background-color: var(--list-item-container-variant-low-state-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-low-state-active-default-border-color, #969696);
}
._7gF0iA.vYR09A.Hm5NfA {
  background-color: var(--list-item-container-variant-low-state-selected-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-low-state-selected-default-border-color, #6950f3);
  box-shadow: var(--list-item-container-variant-low-state-selected-default-container-innershadow, inset 0 0 0 0 #6950f3);
}
@media (min-width: 768px) {
  ._7gF0iA.vYR09A.Hm5NfA {
    background-color: var(--list-item-container-variant-low-state-selected-laptop-background-color, #ffffff);
    border-color: var(--list-item-container-variant-low-state-selected-laptop-border-color, #6950f3);
    box-shadow: var(--list-item-container-variant-low-state-selected-laptop-container-innershadow, inset 0 0 0 1px #6950f3);
  }
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.vYR09A.SQV2YA.Hm5NfA:hover {
    background-color: var(--list-item-container-variant-low-state-selected-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-low-state-selected-hover-default-border-color, #5c4ace);
    box-shadow: var(--list-item-container-variant-low-state-selected-hover-default-container-innershadow, inset 0 0 0 0 #5c4ace);
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  ._7gF0iA.vYR09A.SQV2YA.Hm5NfA:hover {
    background-color: var(--list-item-container-variant-low-state-selected-hover-laptop-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-low-state-selected-hover-laptop-border-color, #5c4ace);
    box-shadow: var(--list-item-container-variant-low-state-selected-hover-laptop-container-innershadow, inset 0 0 0 1px #5c4ace);
  }
}
._7gF0iA.vYR09A.SQV2YA.Hm5NfA:active {
  background-color: var(--list-item-container-variant-low-state-selected-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-low-state-selected-active-default-border-color, #403591);
  box-shadow: var(--list-item-container-variant-low-state-selected-active-default-container-innershadow, inset 0 0 0 0 #403591);
}
@media (min-width: 768px) {
  ._7gF0iA.vYR09A.SQV2YA.Hm5NfA:active {
    background-color: var(--list-item-container-variant-low-state-selected-active-laptop-background-color, #e5e5e5);
    border-color: var(--list-item-container-variant-low-state-selected-active-laptop-border-color, #403591);
    box-shadow: var(--list-item-container-variant-low-state-selected-active-laptop-container-innershadow, inset 0 0 0 1px #403591);
  }
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.vYR09A.SQV2YA.iX-bTA,
  ._7gF0iA.vYR09A.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-low-state-enabled-default-background-color, #ffffff);
    border-color: var(--list-item-container-variant-low-state-enabled-default-border-color, #d3d3d3);
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.EuGLIA {
  background-color: var(--list-item-container-variant-lowest-state-enabled-default-background-color, rgba(13, 22, 25, 0));
  border-color: var(--list-item-container-variant-lowest-state-enabled-default-border-color, rgba(255, 255, 255, 0));
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.EuGLIA.SQV2YA.iX-bTA,
  ._7gF0iA.EuGLIA.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-lowest-state-enabled-default-background-color, rgba(13, 22, 25, 0));
    border-color: var(--list-item-container-variant-lowest-state-enabled-default-border-color, rgba(255, 255, 255, 0));
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.vYR09A {
  border-width: 0;
}
@media (min-width: 768px) {
  ._7gF0iA.vYR09A {
    border-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width, 1px);
  }
}
.mhNemA {
  background: transparent;
  border: none;
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-m, 8px);
}
.ll2aAA {
  position: relative;
  box-sizing: content-box;
  margin: -1px var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-horizontal-padding, 20px) 0;
  border-width: 0;
  border-style: solid;
  border-color: var(--list-item-container-variant-low-state-enabled-default-border-color, #d3d3d3);
  border-bottom-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width, 1px);
}
@media (min-width: 768px) {
  .ll2aAA {
    display: none;
  }
}
.H3QLeA,
.kTCcfA {
  display: grid;
  grid-auto-columns: auto;
  column-gap: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
.H3QLeA {
  grid-area: prefix;
  margin-right: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
[dir=rtl] .H3QLeA {
  margin-left: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
  margin-right: 0;
}
.kTCcfA {
  grid-area: suffix;
  margin-left: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
[dir=rtl] .kTCcfA {
  margin-right: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
  margin-left: 0;
}
._2GG1tA,
.t4IyGA {
  display: grid;
  grid-row: 1;
  justify-items: center;
  align-items: center;
  grid-auto-flow: column;
  column-gap: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
._2GG1tA {
  grid-column: 1;
}
._0027QA {
  grid-area: main;
  display: grid;
}
._nTrdA {
  display: grid;
  grid-auto-columns: auto;
  column-gap: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
._2rJn_A,
.AzPgzA {
  display: grid;
  grid-row: 1;
  align-items: center;
}
._2rJn_A.beZLsA,
.AzPgzA.beZLsA {
  align-items: flex-start;
}
._2rJn_A._7McBwA,
.AzPgzA._7McBwA {
  align-items: flex-end;
}
._2rJn_A {
  grid-column: 1;
  justify-items: left;
}
[dir=rtl] ._2rJn_A {
  justify-items: right;
}
.AzPgzA {
  justify-items: right;
}
[dir=rtl] .AzPgzA {
  justify-items: left;
}
.YZ4TiA {
  grid-area: footer;
  margin-top: var(--list-item-size-default-state-default-layout-composition-item-spacing, 12px);
}

/* esbuild-sass-plugin:css-chunk:src/subcomponents/Content.module.scss */
.BsYHAs {
  display: flex;
}
/*# sourceMappingURL=Content.css.map */
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-list-item/build/subcomponents/Footer.css ***!
  \**********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/ListItem.module.scss */
.eXsc_A {
}
.t4m01A {
  width: 100%;
  list-style: none;
}
.t4m01A.SQV2YA .ll2aAA {
  position: relative;
}
.t4m01A:last-child .ll2aAA {
  display: none;
}
._7gF0iA {
  display: grid;
  width: 100%;
  grid-template-areas: "prefix main suffix" "footer footer footer";
  grid-template-rows: auto;
  grid-template-columns: auto minmax(auto, 1fr) auto;
  transition-property: background-color, border-color;
  transition-duration: var(--motion-duration-quick, 180ms);
  transition-timing-function: var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
._7gF0iA.SQV2YA {
  position: relative;
  cursor: pointer;
}
._7gF0iA.rvEToA {
  padding: var(--list-item-container-size-boxed-state-default-default-composition-vertical-padding, 16px) var(--list-item-container-size-boxed-state-default-default-composition-horizontal-padding, 16px);
  border-width: var(--list-item-container-size-boxed-state-default-default-composition-border-width, 1px);
  border-style: solid;
  border-radius: var(--list-item-container-size-boxed-state-default-default-composition-border-radius, 8px);
}
@media (min-width: 768px) {
  ._7gF0iA.rvEToA {
    padding: var(--list-item-container-size-boxed-state-default-laptop-composition-vertical-padding, 20px) var(--list-item-container-size-boxed-state-default-laptop-composition-horizontal-padding, 24px);
    border-width: var(--list-item-container-size-boxed-state-default-laptop-composition-border-width, 1px);
    border-style: solid;
    border-radius: var(--list-item-container-size-boxed-state-default-laptop-composition-border-radius, 8px);
  }
}
._7gF0iA.iRXbIA {
  padding: var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-vertical-padding, 16px) var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-horizontal-padding, 20px);
  border-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-border-width, 1px);
  border-style: solid;
  border-radius: var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-border-radius, 0px);
}
@media (min-width: 768px) {
  ._7gF0iA.iRXbIA {
    padding: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-vertical-padding, 20px) var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-horizontal-padding, 24px);
    border-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width, 1px);
    border-style: solid;
    border-radius: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-radius, 8px);
  }
}
._7gF0iA._5k1GKA {
  padding: var(--list-item-container-size-flush-state-default-default-composition-vertical-padding, 0px) var(--list-item-container-size-flush-state-default-default-composition-horizontal-padding, 0px);
  border-width: var(--list-item-container-size-flush-state-default-default-composition-border-width, 0px);
  border-style: solid;
  border-radius: var(--list-item-container-size-flush-state-default-default-composition-border-radius, 8px);
}
@media (min-width: 768px) {
  ._7gF0iA._5k1GKA {
    padding: var(--list-item-container-size-flush-state-default-laptop-composition-vertical-padding, 0px) var(--list-item-container-size-flush-state-default-laptop-composition-horizontal-padding, 0px);
    border-width: var(--list-item-container-size-flush-state-default-laptop-composition-border-width, 0px);
    border-style: solid;
    border-radius: var(--list-item-container-size-flush-state-default-laptop-composition-border-radius, 8px);
  }
}
._7gF0iA.CjU20A {
  background-color: var(--list-item-container-variant-high-state-enabled-default-background-color, #6950f3);
  border-color: var(--list-item-container-variant-high-state-enabled-default-border-color, #6950f3);
  color: var(--color-foreground-on-interactive, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.CjU20A.SQV2YA:hover {
    background-color: var(--list-item-container-variant-high-state-hover-default-background-color, #5c4ace);
    border-color: var(--list-item-container-variant-high-state-hover-default-border-color, #5c4ace);
    color: var(--color-foreground-on-interactive, #ffffff);
  }
}
._7gF0iA.CjU20A.SQV2YA:active {
  background-color: var(--list-item-container-variant-high-state-active-default-background-color, #403591);
  border-color: var(--list-item-container-variant-high-state-active-default-border-color, #403591);
  color: var(--color-foreground-on-interactive, #ffffff);
}
._7gF0iA.CjU20A.Hm5NfA {
  color: var(--color-foreground-on-interactive, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.CjU20A.SQV2YA.Hm5NfA:hover {
    color: var(--color-foreground-on-interactive, #ffffff);
  }
}
._7gF0iA.CjU20A.SQV2YA.Hm5NfA:active {
  color: var(--color-foreground-on-interactive, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.CjU20A.SQV2YA.iX-bTA,
  ._7gF0iA.CjU20A.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-high-state-enabled-default-background-color, #6950f3);
    border-color: var(--list-item-container-variant-high-state-enabled-default-border-color, #6950f3);
    color: var(--color-foreground-on-interactive, #ffffff);
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.NLja9A {
  background-color: var(--list-item-container-variant-medium-state-enabled-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-medium-state-enabled-default-border-color, #d3d3d3);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.NLja9A.SQV2YA:hover {
    background-color: var(--list-item-container-variant-medium-state-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-medium-state-hover-default-border-color, #bfbfbf);
  }
}
._7gF0iA.NLja9A.SQV2YA:active {
  background-color: var(--list-item-container-variant-medium-state-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-medium-state-active-default-border-color, #969696);
}
._7gF0iA.NLja9A.Hm5NfA {
  background-color: var(--list-item-container-variant-medium-state-selected-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-medium-state-selected-default-border-color, #6950f3);
  box-shadow: var(--list-item-container-variant-medium-state-selected-default-container-innershadow, inset 0 0 0 1px #6950f3);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.NLja9A.SQV2YA.Hm5NfA:hover {
    background-color: var(--list-item-container-variant-medium-state-selected-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-medium-state-selected-hover-default-border-color, #5c4ace);
    box-shadow: var(--list-item-container-variant-medium-state-selected-hover-default-container-innershadow, inset 0 0 0 1px #5c4ace);
  }
}
._7gF0iA.NLja9A.SQV2YA.Hm5NfA:active {
  background-color: var(--list-item-container-variant-medium-state-selected-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-medium-state-selected-active-default-border-color, #403591);
  box-shadow: var(--list-item-container-variant-medium-state-selected-active-default-container-innershadow, inset 0 0 0 1px #403591);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.NLja9A.SQV2YA.iX-bTA,
  ._7gF0iA.NLja9A.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-medium-state-enabled-default-background-color, #ffffff);
    border-color: var(--list-item-container-variant-medium-state-enabled-default-border-color, #d3d3d3);
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.vYR09A {
  background-color: var(--list-item-container-variant-low-state-enabled-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-low-state-enabled-default-border-color, #d3d3d3);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.vYR09A.SQV2YA:hover {
    background-color: var(--list-item-container-variant-low-state-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-low-state-hover-default-border-color, #bfbfbf);
  }
}
._7gF0iA.vYR09A.SQV2YA:active {
  background-color: var(--list-item-container-variant-low-state-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-low-state-active-default-border-color, #969696);
}
._7gF0iA.vYR09A.Hm5NfA {
  background-color: var(--list-item-container-variant-low-state-selected-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-low-state-selected-default-border-color, #6950f3);
  box-shadow: var(--list-item-container-variant-low-state-selected-default-container-innershadow, inset 0 0 0 0 #6950f3);
}
@media (min-width: 768px) {
  ._7gF0iA.vYR09A.Hm5NfA {
    background-color: var(--list-item-container-variant-low-state-selected-laptop-background-color, #ffffff);
    border-color: var(--list-item-container-variant-low-state-selected-laptop-border-color, #6950f3);
    box-shadow: var(--list-item-container-variant-low-state-selected-laptop-container-innershadow, inset 0 0 0 1px #6950f3);
  }
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.vYR09A.SQV2YA.Hm5NfA:hover {
    background-color: var(--list-item-container-variant-low-state-selected-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-low-state-selected-hover-default-border-color, #5c4ace);
    box-shadow: var(--list-item-container-variant-low-state-selected-hover-default-container-innershadow, inset 0 0 0 0 #5c4ace);
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  ._7gF0iA.vYR09A.SQV2YA.Hm5NfA:hover {
    background-color: var(--list-item-container-variant-low-state-selected-hover-laptop-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-low-state-selected-hover-laptop-border-color, #5c4ace);
    box-shadow: var(--list-item-container-variant-low-state-selected-hover-laptop-container-innershadow, inset 0 0 0 1px #5c4ace);
  }
}
._7gF0iA.vYR09A.SQV2YA.Hm5NfA:active {
  background-color: var(--list-item-container-variant-low-state-selected-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-low-state-selected-active-default-border-color, #403591);
  box-shadow: var(--list-item-container-variant-low-state-selected-active-default-container-innershadow, inset 0 0 0 0 #403591);
}
@media (min-width: 768px) {
  ._7gF0iA.vYR09A.SQV2YA.Hm5NfA:active {
    background-color: var(--list-item-container-variant-low-state-selected-active-laptop-background-color, #e5e5e5);
    border-color: var(--list-item-container-variant-low-state-selected-active-laptop-border-color, #403591);
    box-shadow: var(--list-item-container-variant-low-state-selected-active-laptop-container-innershadow, inset 0 0 0 1px #403591);
  }
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.vYR09A.SQV2YA.iX-bTA,
  ._7gF0iA.vYR09A.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-low-state-enabled-default-background-color, #ffffff);
    border-color: var(--list-item-container-variant-low-state-enabled-default-border-color, #d3d3d3);
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.EuGLIA {
  background-color: var(--list-item-container-variant-lowest-state-enabled-default-background-color, rgba(13, 22, 25, 0));
  border-color: var(--list-item-container-variant-lowest-state-enabled-default-border-color, rgba(255, 255, 255, 0));
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.EuGLIA.SQV2YA.iX-bTA,
  ._7gF0iA.EuGLIA.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-lowest-state-enabled-default-background-color, rgba(13, 22, 25, 0));
    border-color: var(--list-item-container-variant-lowest-state-enabled-default-border-color, rgba(255, 255, 255, 0));
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.vYR09A {
  border-width: 0;
}
@media (min-width: 768px) {
  ._7gF0iA.vYR09A {
    border-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width, 1px);
  }
}
.mhNemA {
  background: transparent;
  border: none;
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-m, 8px);
}
.ll2aAA {
  position: relative;
  box-sizing: content-box;
  margin: -1px var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-horizontal-padding, 20px) 0;
  border-width: 0;
  border-style: solid;
  border-color: var(--list-item-container-variant-low-state-enabled-default-border-color, #d3d3d3);
  border-bottom-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width, 1px);
}
@media (min-width: 768px) {
  .ll2aAA {
    display: none;
  }
}
.H3QLeA,
.kTCcfA {
  display: grid;
  grid-auto-columns: auto;
  column-gap: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
.H3QLeA {
  grid-area: prefix;
  margin-right: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
[dir=rtl] .H3QLeA {
  margin-left: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
  margin-right: 0;
}
.kTCcfA {
  grid-area: suffix;
  margin-left: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
[dir=rtl] .kTCcfA {
  margin-right: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
  margin-left: 0;
}
._2GG1tA,
.t4IyGA {
  display: grid;
  grid-row: 1;
  justify-items: center;
  align-items: center;
  grid-auto-flow: column;
  column-gap: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
._2GG1tA {
  grid-column: 1;
}
._0027QA {
  grid-area: main;
  display: grid;
}
._nTrdA {
  display: grid;
  grid-auto-columns: auto;
  column-gap: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
._2rJn_A,
.AzPgzA {
  display: grid;
  grid-row: 1;
  align-items: center;
}
._2rJn_A.beZLsA,
.AzPgzA.beZLsA {
  align-items: flex-start;
}
._2rJn_A._7McBwA,
.AzPgzA._7McBwA {
  align-items: flex-end;
}
._2rJn_A {
  grid-column: 1;
  justify-items: left;
}
[dir=rtl] ._2rJn_A {
  justify-items: right;
}
.AzPgzA {
  justify-items: right;
}
[dir=rtl] .AzPgzA {
  justify-items: left;
}
.YZ4TiA {
  grid-area: footer;
  margin-top: var(--list-item-size-default-state-default-layout-composition-item-spacing, 12px);
}

/* esbuild-sass-plugin:css-chunk:src/subcomponents/Footer.module.scss */
.BsYTjt {
  display: flex;
}
/*# sourceMappingURL=Footer.css.map */
/*!*********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-list-item/build/subcomponents/Affix.css ***!
  \*********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/ListItem.module.scss */
.eXsc_A {
}
.t4m01A {
  width: 100%;
  list-style: none;
}
.t4m01A.SQV2YA .ll2aAA {
  position: relative;
}
.t4m01A:last-child .ll2aAA {
  display: none;
}
._7gF0iA {
  display: grid;
  width: 100%;
  grid-template-areas: "prefix main suffix" "footer footer footer";
  grid-template-rows: auto;
  grid-template-columns: auto minmax(auto, 1fr) auto;
  transition-property: background-color, border-color;
  transition-duration: var(--motion-duration-quick, 180ms);
  transition-timing-function: var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
._7gF0iA.SQV2YA {
  position: relative;
  cursor: pointer;
}
._7gF0iA.rvEToA {
  padding: var(--list-item-container-size-boxed-state-default-default-composition-vertical-padding, 16px) var(--list-item-container-size-boxed-state-default-default-composition-horizontal-padding, 16px);
  border-width: var(--list-item-container-size-boxed-state-default-default-composition-border-width, 1px);
  border-style: solid;
  border-radius: var(--list-item-container-size-boxed-state-default-default-composition-border-radius, 8px);
}
@media (min-width: 768px) {
  ._7gF0iA.rvEToA {
    padding: var(--list-item-container-size-boxed-state-default-laptop-composition-vertical-padding, 20px) var(--list-item-container-size-boxed-state-default-laptop-composition-horizontal-padding, 24px);
    border-width: var(--list-item-container-size-boxed-state-default-laptop-composition-border-width, 1px);
    border-style: solid;
    border-radius: var(--list-item-container-size-boxed-state-default-laptop-composition-border-radius, 8px);
  }
}
._7gF0iA.iRXbIA {
  padding: var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-vertical-padding, 16px) var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-horizontal-padding, 20px);
  border-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-border-width, 1px);
  border-style: solid;
  border-radius: var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-border-radius, 0px);
}
@media (min-width: 768px) {
  ._7gF0iA.iRXbIA {
    padding: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-vertical-padding, 20px) var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-horizontal-padding, 24px);
    border-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width, 1px);
    border-style: solid;
    border-radius: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-radius, 8px);
  }
}
._7gF0iA._5k1GKA {
  padding: var(--list-item-container-size-flush-state-default-default-composition-vertical-padding, 0px) var(--list-item-container-size-flush-state-default-default-composition-horizontal-padding, 0px);
  border-width: var(--list-item-container-size-flush-state-default-default-composition-border-width, 0px);
  border-style: solid;
  border-radius: var(--list-item-container-size-flush-state-default-default-composition-border-radius, 8px);
}
@media (min-width: 768px) {
  ._7gF0iA._5k1GKA {
    padding: var(--list-item-container-size-flush-state-default-laptop-composition-vertical-padding, 0px) var(--list-item-container-size-flush-state-default-laptop-composition-horizontal-padding, 0px);
    border-width: var(--list-item-container-size-flush-state-default-laptop-composition-border-width, 0px);
    border-style: solid;
    border-radius: var(--list-item-container-size-flush-state-default-laptop-composition-border-radius, 8px);
  }
}
._7gF0iA.CjU20A {
  background-color: var(--list-item-container-variant-high-state-enabled-default-background-color, #6950f3);
  border-color: var(--list-item-container-variant-high-state-enabled-default-border-color, #6950f3);
  color: var(--color-foreground-on-interactive, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.CjU20A.SQV2YA:hover {
    background-color: var(--list-item-container-variant-high-state-hover-default-background-color, #5c4ace);
    border-color: var(--list-item-container-variant-high-state-hover-default-border-color, #5c4ace);
    color: var(--color-foreground-on-interactive, #ffffff);
  }
}
._7gF0iA.CjU20A.SQV2YA:active {
  background-color: var(--list-item-container-variant-high-state-active-default-background-color, #403591);
  border-color: var(--list-item-container-variant-high-state-active-default-border-color, #403591);
  color: var(--color-foreground-on-interactive, #ffffff);
}
._7gF0iA.CjU20A.Hm5NfA {
  color: var(--color-foreground-on-interactive, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.CjU20A.SQV2YA.Hm5NfA:hover {
    color: var(--color-foreground-on-interactive, #ffffff);
  }
}
._7gF0iA.CjU20A.SQV2YA.Hm5NfA:active {
  color: var(--color-foreground-on-interactive, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.CjU20A.SQV2YA.iX-bTA,
  ._7gF0iA.CjU20A.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-high-state-enabled-default-background-color, #6950f3);
    border-color: var(--list-item-container-variant-high-state-enabled-default-border-color, #6950f3);
    color: var(--color-foreground-on-interactive, #ffffff);
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.NLja9A {
  background-color: var(--list-item-container-variant-medium-state-enabled-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-medium-state-enabled-default-border-color, #d3d3d3);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.NLja9A.SQV2YA:hover {
    background-color: var(--list-item-container-variant-medium-state-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-medium-state-hover-default-border-color, #bfbfbf);
  }
}
._7gF0iA.NLja9A.SQV2YA:active {
  background-color: var(--list-item-container-variant-medium-state-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-medium-state-active-default-border-color, #969696);
}
._7gF0iA.NLja9A.Hm5NfA {
  background-color: var(--list-item-container-variant-medium-state-selected-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-medium-state-selected-default-border-color, #6950f3);
  box-shadow: var(--list-item-container-variant-medium-state-selected-default-container-innershadow, inset 0 0 0 1px #6950f3);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.NLja9A.SQV2YA.Hm5NfA:hover {
    background-color: var(--list-item-container-variant-medium-state-selected-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-medium-state-selected-hover-default-border-color, #5c4ace);
    box-shadow: var(--list-item-container-variant-medium-state-selected-hover-default-container-innershadow, inset 0 0 0 1px #5c4ace);
  }
}
._7gF0iA.NLja9A.SQV2YA.Hm5NfA:active {
  background-color: var(--list-item-container-variant-medium-state-selected-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-medium-state-selected-active-default-border-color, #403591);
  box-shadow: var(--list-item-container-variant-medium-state-selected-active-default-container-innershadow, inset 0 0 0 1px #403591);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.NLja9A.SQV2YA.iX-bTA,
  ._7gF0iA.NLja9A.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-medium-state-enabled-default-background-color, #ffffff);
    border-color: var(--list-item-container-variant-medium-state-enabled-default-border-color, #d3d3d3);
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.vYR09A {
  background-color: var(--list-item-container-variant-low-state-enabled-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-low-state-enabled-default-border-color, #d3d3d3);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.vYR09A.SQV2YA:hover {
    background-color: var(--list-item-container-variant-low-state-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-low-state-hover-default-border-color, #bfbfbf);
  }
}
._7gF0iA.vYR09A.SQV2YA:active {
  background-color: var(--list-item-container-variant-low-state-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-low-state-active-default-border-color, #969696);
}
._7gF0iA.vYR09A.Hm5NfA {
  background-color: var(--list-item-container-variant-low-state-selected-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-low-state-selected-default-border-color, #6950f3);
  box-shadow: var(--list-item-container-variant-low-state-selected-default-container-innershadow, inset 0 0 0 0 #6950f3);
}
@media (min-width: 768px) {
  ._7gF0iA.vYR09A.Hm5NfA {
    background-color: var(--list-item-container-variant-low-state-selected-laptop-background-color, #ffffff);
    border-color: var(--list-item-container-variant-low-state-selected-laptop-border-color, #6950f3);
    box-shadow: var(--list-item-container-variant-low-state-selected-laptop-container-innershadow, inset 0 0 0 1px #6950f3);
  }
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.vYR09A.SQV2YA.Hm5NfA:hover {
    background-color: var(--list-item-container-variant-low-state-selected-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-low-state-selected-hover-default-border-color, #5c4ace);
    box-shadow: var(--list-item-container-variant-low-state-selected-hover-default-container-innershadow, inset 0 0 0 0 #5c4ace);
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  ._7gF0iA.vYR09A.SQV2YA.Hm5NfA:hover {
    background-color: var(--list-item-container-variant-low-state-selected-hover-laptop-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-low-state-selected-hover-laptop-border-color, #5c4ace);
    box-shadow: var(--list-item-container-variant-low-state-selected-hover-laptop-container-innershadow, inset 0 0 0 1px #5c4ace);
  }
}
._7gF0iA.vYR09A.SQV2YA.Hm5NfA:active {
  background-color: var(--list-item-container-variant-low-state-selected-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-low-state-selected-active-default-border-color, #403591);
  box-shadow: var(--list-item-container-variant-low-state-selected-active-default-container-innershadow, inset 0 0 0 0 #403591);
}
@media (min-width: 768px) {
  ._7gF0iA.vYR09A.SQV2YA.Hm5NfA:active {
    background-color: var(--list-item-container-variant-low-state-selected-active-laptop-background-color, #e5e5e5);
    border-color: var(--list-item-container-variant-low-state-selected-active-laptop-border-color, #403591);
    box-shadow: var(--list-item-container-variant-low-state-selected-active-laptop-container-innershadow, inset 0 0 0 1px #403591);
  }
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.vYR09A.SQV2YA.iX-bTA,
  ._7gF0iA.vYR09A.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-low-state-enabled-default-background-color, #ffffff);
    border-color: var(--list-item-container-variant-low-state-enabled-default-border-color, #d3d3d3);
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.EuGLIA {
  background-color: var(--list-item-container-variant-lowest-state-enabled-default-background-color, rgba(13, 22, 25, 0));
  border-color: var(--list-item-container-variant-lowest-state-enabled-default-border-color, rgba(255, 255, 255, 0));
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.EuGLIA.SQV2YA.iX-bTA,
  ._7gF0iA.EuGLIA.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-lowest-state-enabled-default-background-color, rgba(13, 22, 25, 0));
    border-color: var(--list-item-container-variant-lowest-state-enabled-default-border-color, rgba(255, 255, 255, 0));
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.vYR09A {
  border-width: 0;
}
@media (min-width: 768px) {
  ._7gF0iA.vYR09A {
    border-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width, 1px);
  }
}
.mhNemA {
  background: transparent;
  border: none;
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-m, 8px);
}
.ll2aAA {
  position: relative;
  box-sizing: content-box;
  margin: -1px var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-horizontal-padding, 20px) 0;
  border-width: 0;
  border-style: solid;
  border-color: var(--list-item-container-variant-low-state-enabled-default-border-color, #d3d3d3);
  border-bottom-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width, 1px);
}
@media (min-width: 768px) {
  .ll2aAA {
    display: none;
  }
}
.H3QLeA,
.kTCcfA {
  display: grid;
  grid-auto-columns: auto;
  column-gap: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
.H3QLeA {
  grid-area: prefix;
  margin-right: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
[dir=rtl] .H3QLeA {
  margin-left: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
  margin-right: 0;
}
.kTCcfA {
  grid-area: suffix;
  margin-left: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
[dir=rtl] .kTCcfA {
  margin-right: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
  margin-left: 0;
}
._2GG1tA,
.t4IyGA {
  display: grid;
  grid-row: 1;
  justify-items: center;
  align-items: center;
  grid-auto-flow: column;
  column-gap: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
._2GG1tA {
  grid-column: 1;
}
._0027QA {
  grid-area: main;
  display: grid;
}
._nTrdA {
  display: grid;
  grid-auto-columns: auto;
  column-gap: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
._2rJn_A,
.AzPgzA {
  display: grid;
  grid-row: 1;
  align-items: center;
}
._2rJn_A.beZLsA,
.AzPgzA.beZLsA {
  align-items: flex-start;
}
._2rJn_A._7McBwA,
.AzPgzA._7McBwA {
  align-items: flex-end;
}
._2rJn_A {
  grid-column: 1;
  justify-items: left;
}
[dir=rtl] ._2rJn_A {
  justify-items: right;
}
.AzPgzA {
  justify-items: right;
}
[dir=rtl] .AzPgzA {
  justify-items: left;
}
.YZ4TiA {
  grid-area: footer;
  margin-top: var(--list-item-size-default-state-default-layout-composition-item-spacing, 12px);
}

/* esbuild-sass-plugin:css-chunk:src/subcomponents/Affix.module.scss */
.BsY7yF {
  display: flex;
}
/*# sourceMappingURL=Affix.css.map */
/*!*******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-list-item/build/subcomponents/Row.css ***!
  \*******************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/ListItem.module.scss */
.eXsc_A {
}
.t4m01A {
  width: 100%;
  list-style: none;
}
.t4m01A.SQV2YA .ll2aAA {
  position: relative;
}
.t4m01A:last-child .ll2aAA {
  display: none;
}
._7gF0iA {
  display: grid;
  width: 100%;
  grid-template-areas: "prefix main suffix" "footer footer footer";
  grid-template-rows: auto;
  grid-template-columns: auto minmax(auto, 1fr) auto;
  transition-property: background-color, border-color;
  transition-duration: var(--motion-duration-quick, 180ms);
  transition-timing-function: var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
._7gF0iA.SQV2YA {
  position: relative;
  cursor: pointer;
}
._7gF0iA.rvEToA {
  padding: var(--list-item-container-size-boxed-state-default-default-composition-vertical-padding, 16px) var(--list-item-container-size-boxed-state-default-default-composition-horizontal-padding, 16px);
  border-width: var(--list-item-container-size-boxed-state-default-default-composition-border-width, 1px);
  border-style: solid;
  border-radius: var(--list-item-container-size-boxed-state-default-default-composition-border-radius, 8px);
}
@media (min-width: 768px) {
  ._7gF0iA.rvEToA {
    padding: var(--list-item-container-size-boxed-state-default-laptop-composition-vertical-padding, 20px) var(--list-item-container-size-boxed-state-default-laptop-composition-horizontal-padding, 24px);
    border-width: var(--list-item-container-size-boxed-state-default-laptop-composition-border-width, 1px);
    border-style: solid;
    border-radius: var(--list-item-container-size-boxed-state-default-laptop-composition-border-radius, 8px);
  }
}
._7gF0iA.iRXbIA {
  padding: var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-vertical-padding, 16px) var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-horizontal-padding, 20px);
  border-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-border-width, 1px);
  border-style: solid;
  border-radius: var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-border-radius, 0px);
}
@media (min-width: 768px) {
  ._7gF0iA.iRXbIA {
    padding: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-vertical-padding, 20px) var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-horizontal-padding, 24px);
    border-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width, 1px);
    border-style: solid;
    border-radius: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-radius, 8px);
  }
}
._7gF0iA._5k1GKA {
  padding: var(--list-item-container-size-flush-state-default-default-composition-vertical-padding, 0px) var(--list-item-container-size-flush-state-default-default-composition-horizontal-padding, 0px);
  border-width: var(--list-item-container-size-flush-state-default-default-composition-border-width, 0px);
  border-style: solid;
  border-radius: var(--list-item-container-size-flush-state-default-default-composition-border-radius, 8px);
}
@media (min-width: 768px) {
  ._7gF0iA._5k1GKA {
    padding: var(--list-item-container-size-flush-state-default-laptop-composition-vertical-padding, 0px) var(--list-item-container-size-flush-state-default-laptop-composition-horizontal-padding, 0px);
    border-width: var(--list-item-container-size-flush-state-default-laptop-composition-border-width, 0px);
    border-style: solid;
    border-radius: var(--list-item-container-size-flush-state-default-laptop-composition-border-radius, 8px);
  }
}
._7gF0iA.CjU20A {
  background-color: var(--list-item-container-variant-high-state-enabled-default-background-color, #6950f3);
  border-color: var(--list-item-container-variant-high-state-enabled-default-border-color, #6950f3);
  color: var(--color-foreground-on-interactive, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.CjU20A.SQV2YA:hover {
    background-color: var(--list-item-container-variant-high-state-hover-default-background-color, #5c4ace);
    border-color: var(--list-item-container-variant-high-state-hover-default-border-color, #5c4ace);
    color: var(--color-foreground-on-interactive, #ffffff);
  }
}
._7gF0iA.CjU20A.SQV2YA:active {
  background-color: var(--list-item-container-variant-high-state-active-default-background-color, #403591);
  border-color: var(--list-item-container-variant-high-state-active-default-border-color, #403591);
  color: var(--color-foreground-on-interactive, #ffffff);
}
._7gF0iA.CjU20A.Hm5NfA {
  color: var(--color-foreground-on-interactive, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.CjU20A.SQV2YA.Hm5NfA:hover {
    color: var(--color-foreground-on-interactive, #ffffff);
  }
}
._7gF0iA.CjU20A.SQV2YA.Hm5NfA:active {
  color: var(--color-foreground-on-interactive, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.CjU20A.SQV2YA.iX-bTA,
  ._7gF0iA.CjU20A.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-high-state-enabled-default-background-color, #6950f3);
    border-color: var(--list-item-container-variant-high-state-enabled-default-border-color, #6950f3);
    color: var(--color-foreground-on-interactive, #ffffff);
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.NLja9A {
  background-color: var(--list-item-container-variant-medium-state-enabled-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-medium-state-enabled-default-border-color, #d3d3d3);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.NLja9A.SQV2YA:hover {
    background-color: var(--list-item-container-variant-medium-state-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-medium-state-hover-default-border-color, #bfbfbf);
  }
}
._7gF0iA.NLja9A.SQV2YA:active {
  background-color: var(--list-item-container-variant-medium-state-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-medium-state-active-default-border-color, #969696);
}
._7gF0iA.NLja9A.Hm5NfA {
  background-color: var(--list-item-container-variant-medium-state-selected-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-medium-state-selected-default-border-color, #6950f3);
  box-shadow: var(--list-item-container-variant-medium-state-selected-default-container-innershadow, inset 0 0 0 1px #6950f3);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.NLja9A.SQV2YA.Hm5NfA:hover {
    background-color: var(--list-item-container-variant-medium-state-selected-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-medium-state-selected-hover-default-border-color, #5c4ace);
    box-shadow: var(--list-item-container-variant-medium-state-selected-hover-default-container-innershadow, inset 0 0 0 1px #5c4ace);
  }
}
._7gF0iA.NLja9A.SQV2YA.Hm5NfA:active {
  background-color: var(--list-item-container-variant-medium-state-selected-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-medium-state-selected-active-default-border-color, #403591);
  box-shadow: var(--list-item-container-variant-medium-state-selected-active-default-container-innershadow, inset 0 0 0 1px #403591);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.NLja9A.SQV2YA.iX-bTA,
  ._7gF0iA.NLja9A.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-medium-state-enabled-default-background-color, #ffffff);
    border-color: var(--list-item-container-variant-medium-state-enabled-default-border-color, #d3d3d3);
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.vYR09A {
  background-color: var(--list-item-container-variant-low-state-enabled-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-low-state-enabled-default-border-color, #d3d3d3);
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.vYR09A.SQV2YA:hover {
    background-color: var(--list-item-container-variant-low-state-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-low-state-hover-default-border-color, #bfbfbf);
  }
}
._7gF0iA.vYR09A.SQV2YA:active {
  background-color: var(--list-item-container-variant-low-state-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-low-state-active-default-border-color, #969696);
}
._7gF0iA.vYR09A.Hm5NfA {
  background-color: var(--list-item-container-variant-low-state-selected-default-background-color, #ffffff);
  border-color: var(--list-item-container-variant-low-state-selected-default-border-color, #6950f3);
  box-shadow: var(--list-item-container-variant-low-state-selected-default-container-innershadow, inset 0 0 0 0 #6950f3);
}
@media (min-width: 768px) {
  ._7gF0iA.vYR09A.Hm5NfA {
    background-color: var(--list-item-container-variant-low-state-selected-laptop-background-color, #ffffff);
    border-color: var(--list-item-container-variant-low-state-selected-laptop-border-color, #6950f3);
    box-shadow: var(--list-item-container-variant-low-state-selected-laptop-container-innershadow, inset 0 0 0 1px #6950f3);
  }
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.vYR09A.SQV2YA.Hm5NfA:hover {
    background-color: var(--list-item-container-variant-low-state-selected-hover-default-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-low-state-selected-hover-default-border-color, #5c4ace);
    box-shadow: var(--list-item-container-variant-low-state-selected-hover-default-container-innershadow, inset 0 0 0 0 #5c4ace);
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  ._7gF0iA.vYR09A.SQV2YA.Hm5NfA:hover {
    background-color: var(--list-item-container-variant-low-state-selected-hover-laptop-background-color, #f2f2f2);
    border-color: var(--list-item-container-variant-low-state-selected-hover-laptop-border-color, #5c4ace);
    box-shadow: var(--list-item-container-variant-low-state-selected-hover-laptop-container-innershadow, inset 0 0 0 1px #5c4ace);
  }
}
._7gF0iA.vYR09A.SQV2YA.Hm5NfA:active {
  background-color: var(--list-item-container-variant-low-state-selected-active-default-background-color, #e5e5e5);
  border-color: var(--list-item-container-variant-low-state-selected-active-default-border-color, #403591);
  box-shadow: var(--list-item-container-variant-low-state-selected-active-default-container-innershadow, inset 0 0 0 0 #403591);
}
@media (min-width: 768px) {
  ._7gF0iA.vYR09A.SQV2YA.Hm5NfA:active {
    background-color: var(--list-item-container-variant-low-state-selected-active-laptop-background-color, #e5e5e5);
    border-color: var(--list-item-container-variant-low-state-selected-active-laptop-border-color, #403591);
    box-shadow: var(--list-item-container-variant-low-state-selected-active-laptop-container-innershadow, inset 0 0 0 1px #403591);
  }
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.vYR09A.SQV2YA.iX-bTA,
  ._7gF0iA.vYR09A.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-low-state-enabled-default-background-color, #ffffff);
    border-color: var(--list-item-container-variant-low-state-enabled-default-border-color, #d3d3d3);
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.EuGLIA {
  background-color: var(--list-item-container-variant-lowest-state-enabled-default-background-color, rgba(13, 22, 25, 0));
  border-color: var(--list-item-container-variant-lowest-state-enabled-default-border-color, rgba(255, 255, 255, 0));
}
@media (hover: hover) and (pointer: fine) {
  ._7gF0iA.EuGLIA.SQV2YA.iX-bTA,
  ._7gF0iA.EuGLIA.SQV2YA.iX-bTA:hover {
    background-color: var(--list-item-container-variant-lowest-state-enabled-default-background-color, rgba(13, 22, 25, 0));
    border-color: var(--list-item-container-variant-lowest-state-enabled-default-border-color, rgba(255, 255, 255, 0));
    box-shadow: none;
    cursor: default;
  }
}
._7gF0iA.vYR09A {
  border-width: 0;
}
@media (min-width: 768px) {
  ._7gF0iA.vYR09A {
    border-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width, 1px);
  }
}
.mhNemA {
  background: transparent;
  border: none;
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-m, 8px);
}
.ll2aAA {
  position: relative;
  box-sizing: content-box;
  margin: -1px var(--list-item-container-size-boxed-full-width-mobile-state-default-default-composition-horizontal-padding, 20px) 0;
  border-width: 0;
  border-style: solid;
  border-color: var(--list-item-container-variant-low-state-enabled-default-border-color, #d3d3d3);
  border-bottom-width: var(--list-item-container-size-boxed-full-width-mobile-state-default-laptop-composition-border-width, 1px);
}
@media (min-width: 768px) {
  .ll2aAA {
    display: none;
  }
}
.H3QLeA,
.kTCcfA {
  display: grid;
  grid-auto-columns: auto;
  column-gap: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
.H3QLeA {
  grid-area: prefix;
  margin-right: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
[dir=rtl] .H3QLeA {
  margin-left: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
  margin-right: 0;
}
.kTCcfA {
  grid-area: suffix;
  margin-left: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
[dir=rtl] .kTCcfA {
  margin-right: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
  margin-left: 0;
}
._2GG1tA,
.t4IyGA {
  display: grid;
  grid-row: 1;
  justify-items: center;
  align-items: center;
  grid-auto-flow: column;
  column-gap: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
._2GG1tA {
  grid-column: 1;
}
._0027QA {
  grid-area: main;
  display: grid;
}
._nTrdA {
  display: grid;
  grid-auto-columns: auto;
  column-gap: var(--list-item-size-default-state-default-main-wrapper-composition-item-spacing, 12px);
}
._2rJn_A,
.AzPgzA {
  display: grid;
  grid-row: 1;
  align-items: center;
}
._2rJn_A.beZLsA,
.AzPgzA.beZLsA {
  align-items: flex-start;
}
._2rJn_A._7McBwA,
.AzPgzA._7McBwA {
  align-items: flex-end;
}
._2rJn_A {
  grid-column: 1;
  justify-items: left;
}
[dir=rtl] ._2rJn_A {
  justify-items: right;
}
.AzPgzA {
  justify-items: right;
}
[dir=rtl] .AzPgzA {
  justify-items: left;
}
.YZ4TiA {
  grid-area: footer;
  margin-top: var(--list-item-size-default-state-default-layout-composition-item-spacing, 12px);
}

/* esbuild-sass-plugin:css-chunk:src/subcomponents/Row.module.scss */
.BsYJOh {
  display: flex;
}
/*# sourceMappingURL=Row.css.map */
/*!******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Filters/FilterSearch/FilterSearch.scss.css ***!
  \******************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._06c631464 {
  flex-grow: 1;
}
@media (min-width: 992px) {
  ._06c631464 {
    max-width: 450px;
  }
  ._06c631464 > div {
    border-radius: 40px;
  }
}
/*!******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-tag/build/Tag.styles.css ***!
  \******************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Tag.module.scss */
.Hs9ZwU {
  display: inline-flex;
  align-content: center;
  align-items: center;
}
.Hs9ZwU.OGOydU {
  gap: var(--tags-size-default-container-composition-item-spacing, 4px);
  min-height: var(--tags-size-default-container-composition-height, 24px);
  border-width: var(--tags-size-default-container-composition-border-width, 1px);
  border-style: solid;
  border-radius: var(--tags-size-default-container-composition-border-radius, 4px);
  padding: 0 var(--tags-size-default-container-composition-horizontal-padding, 8px);
}
.Hs9ZwU.PwOgTU {
  gap: var(--tags-size-default-container-composition-item-spacing, 4px);
  min-height: var(--tags-size-default-container-composition-height, 24px);
  border-width: var(--tags-size-default-container-composition-border-width, 1px);
  border-style: solid;
  border-radius: var(--tags-size-default-container-composition-border-radius, 4px);
  justify-content: center;
  padding: 0;
  width: var(--tags-size-default-container-icon-only-composition-width, 24px);
}
.Hs9ZwU.eMfwiU {
  gap: var(--tags-size-l-container-composition-item-spacing, 4px);
  min-height: var(--tags-size-l-container-composition-height, 32px);
  border-width: var(--tags-size-l-container-composition-border-width, 1px);
  border-style: solid;
  border-radius: var(--tags-size-l-container-composition-border-radius, 4px);
  padding: 0 var(--tags-size-l-container-composition-horizontal-padding, 8px);
}
.Hs9ZwU.inCyoU {
  gap: var(--tags-size-l-container-composition-item-spacing, 4px);
  min-height: var(--tags-size-l-container-composition-height, 32px);
  border-width: var(--tags-size-l-container-composition-border-width, 1px);
  border-style: solid;
  border-radius: var(--tags-size-l-container-composition-border-radius, 4px);
  justify-content: center;
  padding: 0;
  width: var(--tags-size-l-container-icon-only-composition-width, 32px);
}
.Hs9ZwU._Sb2sU {
  background-color: var(--tags-variant-neutral-container-background-color, #ffffff);
  border-color: var(--tags-variant-neutral-container-border-color, #d3d3d3);
}
.Hs9ZwU.pmXRsU {
  background-color: var(--tags-variant-info-container-background-color, #e7ecfe);
  border-color: var(--tags-variant-info-container-border-color, #d8e0fd);
}
.Hs9ZwU.hl53bU {
  background-color: var(--tags-variant-positive-container-background-color, #d2f6c9);
  border-color: var(--tags-variant-positive-container-border-color, #b1eea1);
}
.Hs9ZwU.r4bsOU {
  background-color: var(--tags-variant-accent-container-background-color, #e7e8ff);
  border-color: var(--tags-variant-accent-container-border-color, #dbddff);
}
.Hs9ZwU.id2C5U {
  background-color: var(--tags-variant-warning-container-background-color, #fff4cc);
  border-color: var(--tags-variant-warning-container-border-color, #fdeba5);
}
.Hs9ZwU.h_ykOU {
  background-color: var(--tags-variant-danger-container-background-color, #fee3e2);
  border-color: var(--tags-variant-danger-container-border-color, #ffd4d3);
}
.Hs9ZwU.AbOjXU {
  background-color: var(--tags-variant-on-interactive-container-background-color, rgba(255, 255, 255, 0));
  border-color: var(--tags-variant-on-interactive-container-border-color, #ffffff);
}
.Hs9ZwU.QgUaTU {
  background-color: var(--tags-variant-disabled-container-background-color, #f2f2f2);
  border-color: var(--tags-variant-disabled-container-border-color, #d3d3d3);
}
.Hs9ZwU.WdJY1U {
  max-width: 100%;
}
/*# sourceMappingURL=Tag.styles.css.map */
/*!******************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-tab-rail/build/subcomponents/ScrollEdgeDetection/ScrollEdgeDetection.css ***!
  \******************************************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/ScrollEdgeDetection/ScrollEdgeDetection.module.scss */
.yZs2iW {
  position: relative;
}
.yZs2iW.TGqtcW {
  left: 16px;
}
.yZs2iW.l3ZBcW {
  right: 16px;
}
/*# sourceMappingURL=ScrollEdgeDetection.css.map */
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-tabs-structure/build/TabsStructure.css ***!
  \********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/TabsStructure.module.scss */
.DVgdXC {
  width: 100%;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  height: 52px;
}
.DVgdXC::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.DVgdXC.xa-oXC::after {
  background-color: var(--tabs-variant-default-state-default-border-color, #d3d3d3);
}
.DVgdXC.xa-oXC::after {
  height: var(--tabs-size-default-state-default-container-composition-border-width, 1px);
}
.DVgdXC.R_e31C {
  position: sticky;
  top: 0;
}
.DVgdXC.NVienC {
  background-color: var(--tabs-variant-default-state-default-gradient-overlay-variant-on-page-background-color, #ffffff);
}
.DVgdXC.LEmDCC {
  background-color: var(--tabs-variant-default-state-default-gradient-overlay-variant-on-page-faded-background-color, #f9f9f9);
}
.DVgdXC.bnZ6BC {
  background-color: var(--tabs-variant-default-state-default-gradient-overlay-variant-on-base-background-color, #ffffff);
}
.DVgdXC.yIESOC {
  background-color: var(--tabs-variant-default-state-default-gradient-overlay-variant-on-elevated-background-color, #ffffff);
}
.DVgdXC._6Bl3iC {
  height: 36px;
}
/*# sourceMappingURL=TabsStructure.css.map */
/*!************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-tabs-structure/build/subcomponents/ListContainer/ListContainer.css ***!
  \************************************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/ListContainer/ListContainer.module.scss */
.yLdFmn {
  display: inline-flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.yLdFmn.xa-qyn {
  margin-right: var(--tabs-size-default-state-default-container-composition-padding-right, 16px);
  gap: var(--tabs-size-default-state-default-container-composition-item-spacing, 24px);
}
.yLdFmn._6Blk4n {
  margin-right: var(--tabs-size-pill-state-default-container-composition-padding-right, 16px);
  gap: var(--tabs-size-pill-state-default-container-composition-item-spacing, 16px);
}
/*# sourceMappingURL=ListContainer.css.map */
/*!****************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-tabs-structure/build/subcomponents/ChevronControls/ChevronControls.css ***!
  \****************************************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/ChevronControls/ChevronControls.module.scss */
.WTkdl7 {
  margin: var(--tabs-size-default-state-default-overflow-chevron-container-composition-vertical-padding, 8px) 0 var(--tabs-size-default-state-default-overflow-chevron-container-composition-vertical-padding, 8px) var(--tabs-size-default-state-default-overflow-chevron-container-composition-padding-left, 8px);
  display: none !important;
}
@media (min-width: 1024px) {
  .WTkdl7 {
    display: inline-flex !important;
  }
}
/*# sourceMappingURL=ChevronControls.css.map */
/*!******************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-tabs-structure/build/subcomponents/OverflowDropdown/OverflowDropdown.css ***!
  \******************************************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/OverflowDropdown/OverflowDropdown.module.scss */
.lyZhOX {
  margin: auto 0;
}
.lyZhOX.xa-M1X {
  background-color: var(--tabs-variant-default-state-default-separator-color, #d3d3d3);
}
.lyZhOX.xa-M1X {
  height: var(--tabs-size-default-state-default-separator-composition-height, 16px);
  margin-right: var(--tabs-size-default-state-default-separator-composition-padding-right, 16px);
  width: var(--tabs-size-default-state-default-separator-composition-border-width, 1px);
}
[dir=rtl] .lyZhOX.xa-M1X {
  margin-left: var(--tabs-size-default-state-default-separator-composition-padding-right, 16px);
}
.uXUSYX {
  height: auto !important;
  padding: 0;
  flex-shrink: 0;
}
.uXUSYX._6BlboX {
  border-radius: var(--tab-item-size-pill-state-default-container-composition-border-radius, 999px);
  border: var(--tab-more-size-pill-state-default-container-composition-border-width, 1px) solid var(--tab-more-variant-pill-state-default-border-color, #d3d3d3);
}
.uXUSYX._6BlboX button::before {
  height: calc(100% - 8px);
  width: calc(100% - 8px);
  top: 4px;
  left: 4px;
}
.uXUSYX._6BlboX[aria-selected=true] {
  border-color: var(--tab-more-variant-pill-state-selected-border-color, #0d1619);
}
.uXUSYX._6BlboX[aria-selected=true] span {
  color: var(--tab-item-variant-pill-state-selected-text-color, #ffffff) !important;
}
.uXUSYX.xa-M1X button::before {
  height: calc(100% - 9px);
  top: 4px;
}
.uXUSYX.xa-M1X[aria-selected=true] button::after {
  content: none;
}
.UUFZdX {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  color: inherit;
}
/*# sourceMappingURL=OverflowDropdown.css.map */
/*!******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-tabs-structure/build/subcomponents/Item/Item.css ***!
  \******************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/Item/Item.module.scss */
.oLa0LW {
  scroll-snap-align: start;
  outline: none;
  transition: color 150ms;
  height: 52px;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.oLa0LW.xa-SdW {
  padding: 0;
  gap: var(--tab-item-size-default-state-default-container-composition-item-spacing, 8px);
}
.oLa0LW._6BlWbW {
  padding: 0 var(--tab-item-size-pill-state-default-container-composition-horizontal-padding, 16px);
  border-radius: var(--tab-item-size-pill-state-default-container-composition-border-radius, 999px);
  gap: var(--tab-item-size-pill-state-default-container-composition-item-spacing, 8px);
}
.oLa0LW.xa-SdW {
  color: var(--tab-item-variant-default-state-default-text-color, #0d1619);
}
.oLa0LW.xa-SdW::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: var(--tab-item-size-default-state-default-container-composition-border-width, 4px);
}
@media (hover: hover) and (pointer: fine) {
  .oLa0LW.xa-SdW:hover {
    color: var(--tab-item-variant-default-state-hover-text-color, #0d1619);
  }
  .oLa0LW.xa-SdW:hover::after {
    background-color: var(--tab-item-variant-default-state-hover-border-color, #bfbfbf);
  }
}
.oLa0LW.xa-SdW:active {
  color: var(--tab-item-variant-default-state-active-text-color, #0d1619);
}
.oLa0LW.xa-SdW:active::after {
  background-color: var(--tab-item-variant-default-state-active-border-color, #acacac);
}
.oLa0LW.xa-SdW[aria-selected=true] {
  color: var(--tab-item-variant-default-state-selected-text-color, #0d1619);
  background-color: transparent;
}
.oLa0LW.xa-SdW[aria-selected=true]::after {
  background-color: var(--tab-item-variant-default-state-selected-border-color, #0d1619);
}
.oLa0LW.xa-SdW[aria-selected=true]::after {
  content: none;
}
.oLa0LW.xa-SdW[aria-disabled=true] {
  color: var(--tab-item-variant-default-state-disabled-text-color, #acacac);
  cursor: default;
  background-color: transparent;
}
.oLa0LW.xa-SdW[aria-disabled=true]::after {
  content: none;
}
.oLa0LW._6BlWbW {
  height: 36px;
  overflow: hidden;
}
.oLa0LW._6BlWbW::after {
  content: none;
}
.oLa0LW._6BlWbW {
  color: var(--tab-item-variant-pill-state-default-text-color, #0d1619);
}
.oLa0LW._6BlWbW::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: var(--tab-item-size-default-state-default-container-composition-border-width, 4px);
}
@media (hover: hover) and (pointer: fine) {
  .oLa0LW._6BlWbW:hover {
    color: var(--tab-item-variant-pill-state-hover-text-color, #0d1619);
    background-color: var(--tab-item-variant-pill-state-hover-background-color, rgba(13, 22, 25, 0.0588235294));
  }
}
.oLa0LW._6BlWbW:active {
  color: var(--tab-item-variant-pill-state-active-text-color, #0d1619);
  background-color: var(--tab-item-variant-pill-state-active-background-color, rgba(13, 22, 25, 0.1215686275));
}
.oLa0LW._6BlWbW[aria-selected=true] {
  color: var(--tab-item-variant-pill-state-selected-text-color, #ffffff);
  background-color: var(--tab-item-variant-pill-state-selected-background-color, #0d1619);
  background-color: transparent;
}
.oLa0LW._6BlWbW[aria-selected=true]::after {
  content: none;
}
.oLa0LW._6BlWbW[aria-disabled=true] {
  color: var(--tab-item-variant-pill-state-disabled-text-color, #acacac);
  cursor: default;
  background-color: transparent;
}
.oLa0LW._6BlWbW[aria-disabled=true]::after {
  content: none;
}
.oLa0LW._6BlWbW {
  height: 36px;
  overflow: hidden;
}
.oLa0LW._6BlWbW::after {
  content: none;
}
.IW0WdW {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*# sourceMappingURL=Item.css.map */
/*!**********************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-tabs-structure/build/subcomponents/ScrollShadow/ScrollShadow.css ***!
  \**********************************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/ScrollShadow/ScrollShadow.module.scss */
.g370Qx {
  position: absolute;
  pointer-events: none;
  width: var(--tabs-size-default-state-default-gradient-overlay-container-composition-width, 64px);
  height: var(--tabs-size-default-state-default-gradient-overlay-container-composition-height, 36px);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
  visibility: hidden;
}
@media (min-width: 1024px) {
  .g370Qx {
    visibility: visible;
  }
}
.g370Qx.zFOCNx {
  opacity: 1;
}
.g370Qx.ZJbW6x.TGq3Jx {
  left: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0), var(--tabs-variant-default-state-default-gradient-overlay-variant-on-page-background-color, #ffffff));
}
.g370Qx.ZJbW6x.l3ZUUx {
  right: 68px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), var(--tabs-variant-default-state-default-gradient-overlay-variant-on-page-background-color, #ffffff));
}
.g370Qx.eBhBTx.TGq3Jx {
  left: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0), var(--tabs-variant-default-state-default-gradient-overlay-variant-on-page-faded-background-color, #f9f9f9));
}
.g370Qx.eBhBTx.l3ZUUx {
  right: 68px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), var(--tabs-variant-default-state-default-gradient-overlay-variant-on-page-faded-background-color, #f9f9f9));
}
.g370Qx._0YLD6x.TGq3Jx {
  left: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0), var(--tabs-variant-default-state-default-gradient-overlay-variant-on-base-background-color, #ffffff));
}
.g370Qx._0YLD6x.l3ZUUx {
  right: 68px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), var(--tabs-variant-default-state-default-gradient-overlay-variant-on-base-background-color, #ffffff));
}
.g370Qx.aecNFx.TGq3Jx {
  left: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0), var(--tabs-variant-default-state-default-gradient-overlay-variant-on-elevated-background-color, #ffffff));
}
.g370Qx.aecNFx.l3ZUUx {
  right: 68px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), var(--tabs-variant-default-state-default-gradient-overlay-variant-on-elevated-background-color, #ffffff));
}
/*# sourceMappingURL=ScrollShadow.css.map */
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-tabs-structure/build/subcomponents/SelectionIndicator/SelectionIndicator.css ***!
  \**********************************************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/SelectionIndicator/SelectionIndicator.module.scss */
.K5Rty9 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.K5Rty9::before {
  padding: 0;
  top: 4px;
  height: calc(100% - 8px);
  z-index: 2;
}
.K5Rty9::after {
  content: "";
  bottom: 0;
  will-change: transform, width;
  height: var(--tab-item-size-default-state-default-container-composition-border-width, 4px);
  position: absolute;
  width: 100%;
}
.K5Rty9._6Blw-9::before {
  border-radius: var(--tab-item-size-pill-state-default-container-composition-border-radius, 999px);
}
.K5Rty9._6Blw-9::after {
  border-radius: var(--tab-item-size-pill-state-default-container-composition-border-radius, 999px);
}
.K5Rty9.xa-Zt9::after {
  background-color: var(--tab-item-variant-default-state-selected-border-color, #0d1619);
  z-index: 2;
}
.K5Rty9._6Blw-9 {
  bottom: 0;
}
.K5Rty9._6Blw-9::after {
  background-color: var(--tab-item-variant-pill-state-selected-background-color, #0d1619);
  height: 100%;
}
.K5Rty9._6Blw-9.nirSv9::after {
  bottom: 4px;
  height: calc(100% - 8px);
}
/*# sourceMappingURL=SelectionIndicator.css.map */
/*!******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-tabs-structure/build/subcomponents/Rail/Rail.css ***!
  \******************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/Rail/Rail.module.scss */
.U5q8kv {
  display: inline-flex;
  position: relative;
  width: 100%;
  overflow: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.U5q8kv::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background-color: transparent !important;
}
.U5q8kv.kxKSKv {
  padding: 0 var(--side-padding-mobile, 20px);
  scroll-padding: 0 var(--side-padding-mobile, 20px);
}
@media (min-width: 768px) {
  .U5q8kv.kxKSKv {
    padding: 0 var(--side-padding-tablet, 32px);
    scroll-padding: 0 var(--side-padding-tablet, 32px);
  }
}
@media (min-width: 1024px) {
  .U5q8kv.kxKSKv {
    padding: 0;
    scroll-padding: 0;
  }
}
/*# sourceMappingURL=Rail.css.map */
/*!***************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/MenuFloatingAction/ActionButtonMenu.css ***!
  \***************************************************************************************************************************************/
._06c6aea48 {
  position: fixed;
  right: 16px;
  z-index: 2000;
  pointer-events: none;
  transition: visibility 0.3s, transform 0.3s, opacity 0.3s;
  visibility: hidden;
  opacity: 0;
}
._06c6aea48.a28c36a48 {
  bottom: 76px;
}
._06c6aea48._70b1aaa48 {
  bottom: 20px;
}
._06c6aea48._5b4332a48 {
  bottom: calc(env(safe-area-inset-bottom) + 101px);
}
._06c6aea48.e08de1a48 {
  visibility: visible;
  opacity: 1;
}
._06c6aea48 ._2b0d54a48 {
  display: flex;
  flex-direction: column-reverse;
}
@media print {
  ._06c6aea48 {
    display: none;
  }
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/MenuFloatingAction/ActionButton.scss.css ***!
  \****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
.c3e2537c9 {
  border: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  padding: 0 12px;
  pointer-events: auto;
}

._1aca987c9 {
  pointer-events: none;
  transition: transform 0.3s;
  transform: translateX(100%);
  z-index: 0;
  border-radius: 16px 0 0 16px;
  white-space: nowrap;
}
._1aca987c9 .ac82437c9 {
  transition: opacity 0.3s;
  opacity: 0;
}
._1aca987c9.d42e667c9 {
  transform: translateX(12px);
  pointer-events: auto;
}
._1aca987c9.d42e667c9 .ac82437c9 {
  opacity: 1;
}

.c2d45e7c9 {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  z-index: 1;
}

._06c6b07c9 {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  transform: translateZ(0);
  align-items: stretch;
  border-radius: 16px;
}
._06c6b07c9 + ._06c6b07c9 {
  margin-bottom: 16px;
}
._06c6b07c9.c9cdd77c9 {
  margin-bottom: 16px;
}
._06c6b07c9._8c2b7e7c9 .c3e2537c9 {
  color: #fff;
  background-color: #6950f3;
}
._06c6b07c9.a79abc7c9 .c3e2537c9 {
  background-color: #fff;
  border: 1px solid #d5d7da;
}
._06c6b07c9.b04fbe7c9 .c3e2537c9 {
  color: #fff;
  background-color: #101928;
}
._06c6b07c9.b04fbe7c9 ._1aca987c9 {
  align-self: center;
  padding: 8px;
  margin-right: 12px;
  transform: translateX(calc(100% + 12px));
  transition-delay: 0.3s;
  border-radius: 8px;
  color: #fff;
  background-color: #404753;
}
._06c6b07c9.b04fbe7c9 ._1aca987c9.d42e667c9 {
  transform: translateX(0);
  transition-delay: 0s;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/MenuFloatingAction/MenuFloatingAction.scss.css ***!
  \**********************************************************************************************************************************************/
._06c65c0b8 {
  position: fixed;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 2000;
  transition: visibility 0.3s, transform 0.3s, opacity 0.3s;
  visibility: hidden;
  opacity: 0;
  transform: translateY(20px) translateZ(0);
  margin-bottom: var(--constant-safe-area-inset-bottom);
  margin-bottom: var(--env-safe-area-inset-bottom);
}
._06c65c0b8.e08d7c0b8 {
  visibility: visible;
  transform: translateY(0) translateZ(0);
  opacity: 1;
}

._6961630b8 {
  position: relative;
  pointer-events: none;
  z-index: 2000;
}
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ProgressBar/ProgressBar.scss.css ***!
  \********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c63400e {
  width: 100%;
  overflow: hidden;
}
._06c63400e ._4215e700e {
  height: 100%;
  transition: all 0.25s ease-out;
}
._06c63400e._4bf37d00e {
  background-color: #d5d7da;
  height: 2px;
}
._06c63400e._3e963c00e {
  background-color: #e7e8e9;
  height: 4px;
  border-radius: 2px;
}
._06c63400e.f4868a00e {
  background-color: #e7e8e9;
  height: 8px;
  border-radius: 4px;
}
._06c63400e.b58a9000e {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
  z-index: 1;
}
._06c63400e.a6a62f00e ._4215e700e {
  background-color: #6950f3;
}
._06c63400e.b3951300e ._4215e700e {
  background-color: #ffc00a;
}
._06c63400e._65458700e ._4215e700e {
  background-color: #60c290;
}
._06c63400e._35eac500e ._4215e700e {
  background-color: #00a36d;
}
._06c63400e.be338d00e ._4215e700e {
  background-color: #8880ff;
}
._06c63400e._33804200e ._4215e700e {
  background-color: #6950f3;
}
._06c63400e._112ada00e ._4215e700e {
  background-color: #e45a74;
}
._06c63400e._5dcd2800e ._4215e700e {
  background-color: #8880ff;
}
._06c63400e._22f92f00e ._4215e700e {
  background-color: #6950f3;
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Chart/ChartTooltip/ChartTooltip.scss.css ***!
  \****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6ba229 {
  padding: 8px 12px;
  background-color: #101928;
}
/*!***************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-price/build/Price.css ***!
  \***************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Price.module.scss */
.Sb6IbT.wmJSXT {
  text-decoration: line-through;
}
.Sb6IbT.qEhwsT {
  font: inherit;
}
/*# sourceMappingURL=Price.css.map */
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-card/build/Card.css ***!
  \*************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Card.module.scss */
.pzS2Xe {
  display: flex;
  width: 100%;
  position: relative;
  transition: background-color var(--motion-duration-moderate, 250ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1)), border-color var(--motion-duration-moderate, 250ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
.pzS2Xe.whlOQe {
  flex-direction: column;
}
.pzS2Xe.EPSSFe {
  flex-direction: row;
}
@media screen and (min-width: 0) {
  .pzS2Xe.rf99Ce {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
  }
}
@media screen and (min-width: 0) {
  .pzS2Xe.CLnn5e {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
  }
}
@media screen and (min-width: 0) {
  .pzS2Xe.MjWzOe {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
  }
}
@media screen and (min-width: 0) {
  .pzS2Xe._8jX38e {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
  }
}
@media screen and (min-width: 0) {
  .pzS2Xe.kDCcPe {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
  }
}
@media screen and (min-width: 0) {
  .pzS2Xe.mGAQSe {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
  }
}
@media screen and (min-width: 0) {
  .pzS2Xe._10Cose {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
  }
}
@media screen and (min-width: 512px) {
  .pzS2Xe.ZlRJxe {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
  }
}
@media screen and (min-width: 512px) {
  .pzS2Xe.VNs5je {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
  }
}
@media screen and (min-width: 512px) {
  .pzS2Xe.jburte {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
  }
}
@media screen and (min-width: 512px) {
  .pzS2Xe.nwXmve {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
  }
}
@media screen and (min-width: 512px) {
  .pzS2Xe.nEsOBe {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
  }
}
@media screen and (min-width: 512px) {
  .pzS2Xe.apai3e {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
  }
}
@media screen and (min-width: 512px) {
  .pzS2Xe.HomOue {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
  }
}
@media screen and (min-width: 520px) {
  .pzS2Xe.OkxsFe {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
  }
}
@media screen and (min-width: 520px) {
  .pzS2Xe.OgzDFe {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
  }
}
@media screen and (min-width: 520px) {
  .pzS2Xe.xvL_Oe {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
  }
}
@media screen and (min-width: 520px) {
  .pzS2Xe._0BTyQe {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
  }
}
@media screen and (min-width: 520px) {
  .pzS2Xe._5wiO-e {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
  }
}
@media screen and (min-width: 520px) {
  .pzS2Xe.NIgege {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
  }
}
@media screen and (min-width: 520px) {
  .pzS2Xe.WLQ4Pe {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
  }
}
@media screen and (min-width: 768px) {
  .pzS2Xe.XRyP9e {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
  }
}
@media screen and (min-width: 768px) {
  .pzS2Xe.OKtf5e {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
  }
}
@media screen and (min-width: 768px) {
  .pzS2Xe.RzA09e {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
  }
}
@media screen and (min-width: 768px) {
  .pzS2Xe.FUW3Je {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
  }
}
@media screen and (min-width: 768px) {
  .pzS2Xe.YPl18e {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
  }
}
@media screen and (min-width: 768px) {
  .pzS2Xe.GXT-se {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
  }
}
@media screen and (min-width: 768px) {
  .pzS2Xe.TfJ7ze {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
  }
}
@media screen and (min-width: 1024px) {
  .pzS2Xe._-jDHae {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
  }
}
@media screen and (min-width: 1024px) {
  .pzS2Xe.ymWB0e {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
  }
}
@media screen and (min-width: 1024px) {
  .pzS2Xe.Z4YeSe {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
  }
}
@media screen and (min-width: 1024px) {
  .pzS2Xe.kDmMAe {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
  }
}
@media screen and (min-width: 1024px) {
  .pzS2Xe._8HhmUe {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
  }
}
@media screen and (min-width: 1024px) {
  .pzS2Xe.YXpWYe {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
  }
}
@media screen and (min-width: 1024px) {
  .pzS2Xe.RY5-7e {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
  }
}
@media screen and (min-width: 1280px) {
  .pzS2Xe.zBCaGe {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
  }
}
@media screen and (min-width: 1280px) {
  .pzS2Xe.ZDHZve {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
  }
}
@media screen and (min-width: 1280px) {
  .pzS2Xe._2N09le {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
  }
}
@media screen and (min-width: 1280px) {
  .pzS2Xe.JA-DTe {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
  }
}
@media screen and (min-width: 1280px) {
  .pzS2Xe._2J_yte {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
  }
}
@media screen and (min-width: 1280px) {
  .pzS2Xe._5py1Ae {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
  }
}
@media screen and (min-width: 1280px) {
  .pzS2Xe.VKJtWe {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
  }
}
@media screen and (min-width: 1440px) {
  .pzS2Xe.y2D7Pe {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
  }
}
@media screen and (min-width: 1440px) {
  .pzS2Xe.z9KTye {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
  }
}
@media screen and (min-width: 1440px) {
  .pzS2Xe._3SzEae {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
  }
}
@media screen and (min-width: 1440px) {
  .pzS2Xe._4N7Aqe {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
  }
}
@media screen and (min-width: 1440px) {
  .pzS2Xe.iL7uve {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
  }
}
@media screen and (min-width: 1440px) {
  .pzS2Xe.uL9CRe {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
  }
}
@media screen and (min-width: 1440px) {
  .pzS2Xe._0Z-Gze {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
  }
}
@media screen and (min-width: 1920px) {
  .pzS2Xe.E6Jsme {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
  }
}
@media screen and (min-width: 1920px) {
  .pzS2Xe._53wIPe {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
  }
}
@media screen and (min-width: 1920px) {
  .pzS2Xe.x5pzAe {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
  }
}
@media screen and (min-width: 1920px) {
  .pzS2Xe.ehKZSe {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
  }
}
@media screen and (min-width: 1920px) {
  .pzS2Xe.bu5K1e {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
  }
}
@media screen and (min-width: 1920px) {
  .pzS2Xe.tZA6je {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
  }
}
@media screen and (min-width: 1920px) {
  .pzS2Xe.iZb9ke {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
  }
}
@media screen and (min-width: 0) {
  .pzS2Xe.u6X0se {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 0) {
  .pzS2Xe.Zr9wIe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 0) {
  .pzS2Xe.r__Fge {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 0) {
  .pzS2Xe.VnmVZe {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 0) {
  .pzS2Xe.s0dXDe {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 0) {
  .pzS2Xe.K9zm1e {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 0) {
  .pzS2Xe.MnqPue {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 512px) {
  .pzS2Xe.Td2Fve {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 512px) {
  .pzS2Xe.cvP1Re {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 512px) {
  .pzS2Xe.lX-rje {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 512px) {
  .pzS2Xe.WbZche {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 512px) {
  .pzS2Xe.tVdpMe {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 512px) {
  .pzS2Xe.j9FPRe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 512px) {
  .pzS2Xe.Ixdp2e {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 520px) {
  .pzS2Xe.qELhIe {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 520px) {
  .pzS2Xe.GDGf0e {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 520px) {
  .pzS2Xe.FI8ice {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 520px) {
  .pzS2Xe.Hmrfhe {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 520px) {
  .pzS2Xe.eUgrte {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 520px) {
  .pzS2Xe.MDd69e {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 520px) {
  .pzS2Xe.cUq1we {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 768px) {
  .pzS2Xe.qg1FRe {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 768px) {
  .pzS2Xe.ZY05Be {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 768px) {
  .pzS2Xe.NoGxpe {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 768px) {
  .pzS2Xe.QgxAre {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 768px) {
  .pzS2Xe.Dlevce {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 768px) {
  .pzS2Xe.cyeAYe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 768px) {
  .pzS2Xe.ZnJv5e {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1024px) {
  .pzS2Xe.rOna2e {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1024px) {
  .pzS2Xe.dfUWGe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1024px) {
  .pzS2Xe.w_8gTe {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1024px) {
  .pzS2Xe.WP3xXe {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1024px) {
  .pzS2Xe.eMAsse {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1024px) {
  .pzS2Xe.wGVtJe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1024px) {
  .pzS2Xe.tycsPe {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1280px) {
  .pzS2Xe.LBf1Ue {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1280px) {
  .pzS2Xe.wCE2Be {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1280px) {
  .pzS2Xe.ETb29e {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1280px) {
  .pzS2Xe._4pZMTe {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1280px) {
  .pzS2Xe.aMzD8e {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1280px) {
  .pzS2Xe.LlNjOe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1280px) {
  .pzS2Xe._22nzHe {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1440px) {
  .pzS2Xe.nm9IFe {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1440px) {
  .pzS2Xe.U3ovQe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1440px) {
  .pzS2Xe.J74uye {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1440px) {
  .pzS2Xe.joWlbe {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1440px) {
  .pzS2Xe.jk1Iqe {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1440px) {
  .pzS2Xe.lLTuFe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1440px) {
  .pzS2Xe.IEeZve {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1920px) {
  .pzS2Xe.uhnbTe {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1920px) {
  .pzS2Xe.DcuvJe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1920px) {
  .pzS2Xe.QDrGhe {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1920px) {
  .pzS2Xe.cCn0oe {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1920px) {
  .pzS2Xe.z6s47e {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1920px) {
  .pzS2Xe.trfFbe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1920px) {
  .pzS2Xe.YA8v1e {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
.pzS2Xe.Y5BUFe,
.pzS2Xe.Cm1jbe {
  background-color: var(--card-variant-basic-state-enabled-material-background-color, #ffffff);
  border-color: var(--card-variant-basic-state-enabled-material-border-color, #d3d3d3);
}
@media (hover: hover) and (pointer: fine) {
  .pzS2Xe.Cm1jbe:hover {
    background-color: var(--card-variant-basic-state-hover-material-background-color, #f2f2f2);
    border-color: var(--card-variant-basic-state-hover-material-border-color, #bfbfbf);
  }
}
.pzS2Xe.Cm1jbe:active {
  background-color: var(--card-variant-basic-state-active-material-background-color, #e5e5e5);
  border-color: var(--card-variant-basic-state-active-material-border-color, #acacac);
}
.pzS2Xe.Cm1jbe.iX-Ske {
  cursor: default;
  pointer-events: none;
  background-color: var(--card-variant-basic-state-disabled-material-background-color, #ffffff);
  border-color: var(--card-variant-basic-state-disabled-material-border-color, #d3d3d3);
}
.pzS2Xe.ipC_Ye,
.pzS2Xe.Rl3QLe {
  background-color: var(--card-variant-discreet-state-enabled-material-background-color, #ffffff);
  border-color: var(--card-variant-discreet-state-enabled-material-border-color, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  .pzS2Xe.Rl3QLe:hover {
    background-color: var(--card-variant-discreet-state-hover-material-background-color, #f2f2f2);
    border-color: var(--card-variant-discreet-state-hover-material-border-color, #f2f2f2);
  }
}
.pzS2Xe.Rl3QLe:active {
  background-color: var(--card-variant-discreet-state-active-material-background-color, #e5e5e5);
  border-color: var(--card-variant-discreet-state-active-material-border-color, #e5e5e5);
}
.pzS2Xe.Rl3QLe.iX-Ske {
  cursor: default;
  pointer-events: none;
  background-color: var(--card-variant-discreet-state-disabled-material-background-color, #ffffff);
  border-color: var(--card-variant-discreet-state-disabled-material-border-color, #ffffff);
}
.pzS2Xe.hgtGNe,
.pzS2Xe.M1UAce {
  background-color: var(--card-variant-outlined-state-enabled-material-background-color, #ffffff);
  border-color: var(--card-variant-outlined-state-enabled-material-border-color, #d3d3d3);
}
@media (hover: hover) and (pointer: fine) {
  .pzS2Xe.M1UAce:hover {
    background-color: var(--card-variant-outlined-state-hover-material-background-color, #ffffff);
    border-color: var(--card-variant-outlined-state-hover-material-border-color, #bfbfbf);
  }
}
.pzS2Xe.M1UAce:active {
  background-color: var(--card-variant-outlined-state-active-material-background-color, #ffffff);
  border-color: var(--card-variant-outlined-state-active-material-border-color, #acacac);
}
.pzS2Xe.M1UAce.iX-Ske {
  cursor: default;
  pointer-events: none;
  background-color: var(--card-variant-outlined-state-disabled-material-background-color, #ffffff);
  border-color: var(--card-variant-outlined-state-disabled-material-border-color, #d3d3d3);
}
.pzS2Xe.igyfse,
.pzS2Xe.Weu1we {
  background-color: var(--card-variant-primary-state-enabled-material-background-color, #0d1619);
  border-color: var(--card-variant-primary-state-enabled-material-border-color, #0d1619);
}
@media (hover: hover) and (pointer: fine) {
  .pzS2Xe.Weu1we:hover {
    background-color: var(--card-variant-primary-state-hover-material-background-color, #3a4144);
    border-color: var(--card-variant-primary-state-hover-material-border-color, #3a4144);
  }
}
.pzS2Xe.Weu1we:active {
  background-color: var(--card-variant-primary-state-active-material-background-color, #606263);
  border-color: var(--card-variant-primary-state-active-material-border-color, #606263);
}
.pzS2Xe.Weu1we.iX-Ske {
  cursor: default;
  pointer-events: none;
  background-color: var(--card-variant-primary-state-disabled-material-background-color, #f2f2f2);
  border-color: var(--card-variant-primary-state-disabled-material-border-color, #d3d3d3);
}
.pzS2Xe.u5Hdee,
.pzS2Xe.XiN6Ze {
  background-color: var(--card-variant-elevated-state-enabled-material-background-color, #ffffff);
  border-color: var(--card-variant-elevated-state-enabled-material-border-color, #d3d3d3);
}
@media (hover: hover) and (pointer: fine) {
  .pzS2Xe.XiN6Ze:hover {
    background-color: var(--card-variant-elevated-state-hover-material-background-color, #f2f2f2);
    border-color: var(--card-variant-elevated-state-hover-material-border-color, #bfbfbf);
  }
}
.pzS2Xe.XiN6Ze:active {
  background-color: var(--card-variant-elevated-state-active-material-background-color, #e5e5e5);
  border-color: var(--card-variant-elevated-state-active-material-border-color, #bfbfbf);
}
.pzS2Xe.XiN6Ze.iX-Ske {
  cursor: default;
  pointer-events: none;
  background-color: var(--card-variant-elevated-state-disabled-material-background-color, #f2f2f2);
  border-color: var(--card-variant-elevated-state-disabled-material-border-color, #d3d3d3);
}
.pzS2Xe.r4bl5e,
.pzS2Xe.hQuVTe {
  background-color: var(--card-variant-accent-state-enabled-material-background-color, #6950f3);
  border-color: var(--card-variant-accent-state-enabled-material-border-color, #6950f3);
}
@media (hover: hover) and (pointer: fine) {
  .pzS2Xe.hQuVTe:hover {
    background-color: var(--card-variant-accent-state-hover-material-background-color, #5c4ace);
    border-color: var(--card-variant-accent-state-hover-material-border-color, #5c4ace);
  }
}
.pzS2Xe.hQuVTe:active {
  background-color: var(--card-variant-accent-state-active-material-background-color, #403591);
  border-color: var(--card-variant-accent-state-active-material-border-color, #403591);
}
.pzS2Xe.hQuVTe.iX-Ske {
  cursor: default;
  pointer-events: none;
  background-color: var(--card-variant-accent-state-disabled-material-background-color, #f2f2f2);
  border-color: var(--card-variant-accent-state-disabled-material-border-color, #d3d3d3);
}
.pzS2Xe.OGOO-e {
  border-radius: var(--card-size-default-container-composition-border-radius, 8px);
  border-width: var(--card-size-default-container-composition-border-width, 1px);
  border-style: solid;
}
.pzS2Xe.sY5eBe {
  border: none;
}
@media screen and (min-width: 0) {
  .POYo_e.rf99Ce {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.CLnn5e {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.MjWzOe {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e._8jX38e {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.kDCcPe {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.mGAQSe {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e._10Cose {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.ZlRJxe {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.VNs5je {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.jburte {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.nwXmve {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.nEsOBe {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.apai3e {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.HomOue {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.OkxsFe {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.OgzDFe {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.xvL_Oe {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e._0BTyQe {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e._5wiO-e {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.NIgege {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.WLQ4Pe {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.XRyP9e {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.OKtf5e {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.RzA09e {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.FUW3Je {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.YPl18e {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.GXT-se {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.TfJ7ze {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e._-jDHae {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.ymWB0e {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.Z4YeSe {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.kDmMAe {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e._8HhmUe {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.YXpWYe {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.RY5-7e {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.zBCaGe {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.ZDHZve {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._2N09le {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.JA-DTe {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._2J_yte {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._5py1Ae {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.VKJtWe {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.y2D7Pe {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.z9KTye {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e._3SzEae {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e._4N7Aqe {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.iL7uve {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.uL9CRe {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e._0Z-Gze {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.E6Jsme {
    padding-top: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e._53wIPe {
    padding-top: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.x5pzAe {
    padding-top: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-l-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.ehKZSe {
    padding-top: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-m-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.bu5K1e {
    padding-top: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-s-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.tZA6je {
    padding-top: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.iZb9ke {
    padding-top: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-basic-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-right, 1px);
    border-bottom-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-width-left, 1px);
    border-top-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-basic-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.u6X0se {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.Zr9wIe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.r__Fge {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.VnmVZe {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.s0dXDe {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.K9zm1e {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.MnqPue {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.Td2Fve {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.cvP1Re {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.lX-rje {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.WbZche {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.tVdpMe {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.j9FPRe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.Ixdp2e {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.qELhIe {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.GDGf0e {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.FI8ice {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.Hmrfhe {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.eUgrte {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.MDd69e {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.cUq1we {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.qg1FRe {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.ZY05Be {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.NoGxpe {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.QgxAre {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.Dlevce {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.cyeAYe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.ZnJv5e {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.rOna2e {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.dfUWGe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.w_8gTe {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.WP3xXe {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.eMAsse {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.wGVtJe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.tycsPe {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.LBf1Ue {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.wCE2Be {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.ETb29e {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._4pZMTe {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.aMzD8e {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.LlNjOe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._22nzHe {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.nm9IFe {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.U3ovQe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.J74uye {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.joWlbe {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.jk1Iqe {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.lLTuFe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.IEeZve {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.uhnbTe {
    padding-left: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-basic-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.DcuvJe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.QDrGhe {
    padding-left: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-basic-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.cCn0oe {
    padding-left: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-basic-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.z6s47e {
    padding-left: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-basic-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.trfFbe {
    padding-left: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-basic-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.YA8v1e {
    padding-left: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-basic-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.y5hBBe {
    padding-top: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.HEDqMe {
    padding-top: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.iY4cAe {
    padding-top: var(--card-section-size-header-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-header-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.N1lG3e {
    padding-top: var(--card-section-size-header-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-header-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e._6sI0Pe {
    padding-top: var(--card-section-size-header-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-header-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.zhlgXe {
    padding-top: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.BSVHNe {
    padding-top: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e._7ASwfe {
    padding-top: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.A46uRe {
    padding-top: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.atFnBe {
    padding-top: var(--card-section-size-header-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-header-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.nb4QLe {
    padding-top: var(--card-section-size-header-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-header-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.LSuMOe {
    padding-top: var(--card-section-size-header-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-header-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.Hhqgle {
    padding-top: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.UoFRje {
    padding-top: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.OFA00e {
    padding-top: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.O3xjse {
    padding-top: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e._0q1LIe {
    padding-top: var(--card-section-size-header-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-header-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e._5HFvie {
    padding-top: var(--card-section-size-header-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-header-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.MPArwe {
    padding-top: var(--card-section-size-header-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-header-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.x-6SIe {
    padding-top: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.mpRnfe {
    padding-top: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.qcYVEe {
    padding-top: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.X4mfme {
    padding-top: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.Q57_Ee {
    padding-top: var(--card-section-size-header-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-header-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.Ac568e {
    padding-top: var(--card-section-size-header-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-header-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.wRrlde {
    padding-top: var(--card-section-size-header-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-header-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.ZcbyNe {
    padding-top: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e._9gw7Oe {
    padding-top: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.MpvHIe {
    padding-top: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.PUXEEe {
    padding-top: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.SZMdLe {
    padding-top: var(--card-section-size-header-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-header-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.uWpFne {
    padding-top: var(--card-section-size-header-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-header-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.WcwVCe {
    padding-top: var(--card-section-size-header-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-header-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.tVMSTe {
    padding-top: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.LFVg1e {
    padding-top: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._61tbLe {
    padding-top: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._3lX_4e {
    padding-top: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._4ZbOze {
    padding-top: var(--card-section-size-header-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-header-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.MD1Aze {
    padding-top: var(--card-section-size-header-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-header-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.Agao5e {
    padding-top: var(--card-section-size-header-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-header-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.IY9oHe {
    padding-top: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.V6nGne {
    padding-top: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.Kg7Pde {
    padding-top: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.qrZTEe {
    padding-top: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.bDORce {
    padding-top: var(--card-section-size-header-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-header-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.cKPxle {
    padding-top: var(--card-section-size-header-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-header-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.IvCZse {
    padding-top: var(--card-section-size-header-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-header-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.jl0X4e {
    padding-top: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.i9sXhe {
    padding-top: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.xSgpze {
    padding-top: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-header-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.cQu67e {
    padding-top: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.cDzVRe {
    padding-top: var(--card-section-size-header-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-header-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e._5y4ODe {
    padding-top: var(--card-section-size-header-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-header-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.D3aUQe {
    padding-top: var(--card-section-size-header-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-header-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.b2z0Oe {
    padding-top: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-header-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.v0-KTe {
    padding-top: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-header-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-header-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-left, 8px);
    border-top-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-top-right, 8px);
    border-bottom-right-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-header-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.l6nqBe {
    padding-left: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.dvN6Ge {
    padding-left: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.dTk0ae {
    padding-left: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.If7eXe {
    padding-left: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.uPiuCe {
    padding-left: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.FS5eAe {
    padding-left: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.pb9j6e {
    padding-left: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.xQybae {
    padding-left: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.SgX7xe {
    padding-left: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.bpDeNe {
    padding-left: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.KR-3He {
    padding-left: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e._8_Case {
    padding-left: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.rHcWSe {
    padding-left: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.jZk7ze {
    padding-left: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.msgDMe {
    padding-left: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e._1Aym9e {
    padding-left: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.wBb6pe {
    padding-left: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.F4VXbe {
    padding-left: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.IusSIe {
    padding-left: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.vrBjpe {
    padding-left: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.N0SFge {
    padding-left: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e._-7Iz9e {
    padding-left: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.ZtVgBe {
    padding-left: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.EsR0Ce {
    padding-left: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.FHNWSe {
    padding-left: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.khJiee {
    padding-left: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.GSH7ne {
    padding-left: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.aYOBIe {
    padding-left: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e._4ynvCe {
    padding-left: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.mreiUe {
    padding-left: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.eqMNee {
    padding-left: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.m5-vme {
    padding-left: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e._96f-je {
    padding-left: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.I9bpMe {
    padding-left: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.Vt0HHe {
    padding-left: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._7wikje {
    padding-left: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.UJjGNe {
    padding-left: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.wuLXRe {
    padding-left: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.oEb2xe {
    padding-left: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.aP_cte {
    padding-left: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._9PB6Ce {
    padding-left: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._3KZzle {
    padding-left: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.VJFYJe {
    padding-left: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e._2MkjWe {
    padding-left: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.CC0Ree {
    padding-left: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.Uct_4e {
    padding-left: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.xPCTMe {
    padding-left: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.nok0ze {
    padding-left: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e._0Pf-oe {
    padding-left: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e._93Tvre {
    padding-left: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-header-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.wVFTte {
    padding-left: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-header-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.T8Wa5e {
    padding-left: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-header-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.eANEbe {
    padding-left: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-header-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.JLPYOe {
    padding-left: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-header-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.OhFfYe {
    padding-left: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-header-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.uVpFJe {
    padding-left: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-header-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e._19J7Ke {
    padding-top: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e._5l5Foe {
    padding-top: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.d3Y4ke {
    padding-top: var(--card-section-size-body-vertical-padding-l-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-body-vertical-padding-l-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.ZRgJhe {
    padding-top: var(--card-section-size-body-vertical-padding-m-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-body-vertical-padding-m-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.KodcDe {
    padding-top: var(--card-section-size-body-vertical-padding-s-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-body-vertical-padding-s-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.z94qZe {
    padding-top: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-top, 4px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-bottom, 4px);
    border-top-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.c0iOie {
    padding-top: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e._3wOiFe {
    padding-top: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e._31Nlne {
    padding-top: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.ozQzFe {
    padding-top: var(--card-section-size-body-vertical-padding-l-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-body-vertical-padding-l-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.r45i4e {
    padding-top: var(--card-section-size-body-vertical-padding-m-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-body-vertical-padding-m-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.p6yJpe {
    padding-top: var(--card-section-size-body-vertical-padding-s-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-body-vertical-padding-s-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.UCkaPe {
    padding-top: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-top, 4px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-bottom, 4px);
    border-top-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e._5RGFfe {
    padding-top: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.wCLY4e {
    padding-top: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.wpgVoe {
    padding-top: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.NuWDte {
    padding-top: var(--card-section-size-body-vertical-padding-l-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-body-vertical-padding-l-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.ycXRme {
    padding-top: var(--card-section-size-body-vertical-padding-m-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-body-vertical-padding-m-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.vS8jYe {
    padding-top: var(--card-section-size-body-vertical-padding-s-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-body-vertical-padding-s-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.k4Yfle {
    padding-top: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-top, 4px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-bottom, 4px);
    border-top-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.mYwZ3e {
    padding-top: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.MXHfde {
    padding-top: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.VebTme {
    padding-top: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.Y_tb5e {
    padding-top: var(--card-section-size-body-vertical-padding-l-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-body-vertical-padding-l-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.tNoswe {
    padding-top: var(--card-section-size-body-vertical-padding-m-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-body-vertical-padding-m-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.aKi9oe {
    padding-top: var(--card-section-size-body-vertical-padding-s-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-body-vertical-padding-s-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.o9DPje {
    padding-top: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-top, 4px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-bottom, 4px);
    border-top-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.WEGvge {
    padding-top: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.HrAvue {
    padding-top: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.QBl8fe {
    padding-top: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.bJtfOe {
    padding-top: var(--card-section-size-body-vertical-padding-l-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-body-vertical-padding-l-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.WGBBAe {
    padding-top: var(--card-section-size-body-vertical-padding-m-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-body-vertical-padding-m-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.xnfX1e {
    padding-top: var(--card-section-size-body-vertical-padding-s-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-body-vertical-padding-s-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.XHrF4e {
    padding-top: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-top, 4px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-bottom, 4px);
    border-top-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.JL98fe {
    padding-top: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.Hi8BNe {
    padding-top: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.uHGV0e {
    padding-top: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.tpiNve {
    padding-top: var(--card-section-size-body-vertical-padding-l-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-body-vertical-padding-l-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.dG5ibe {
    padding-top: var(--card-section-size-body-vertical-padding-m-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-body-vertical-padding-m-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._u8Eqe {
    padding-top: var(--card-section-size-body-vertical-padding-s-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-body-vertical-padding-s-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._68CN0e {
    padding-top: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-top, 4px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-bottom, 4px);
    border-top-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.FPq6ee {
    padding-top: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.P29VAe {
    padding-top: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.it8eWe {
    padding-top: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.hzq_he {
    padding-top: var(--card-section-size-body-vertical-padding-l-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-body-vertical-padding-l-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.V9Ieae {
    padding-top: var(--card-section-size-body-vertical-padding-m-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-body-vertical-padding-m-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e._7I4HWe {
    padding-top: var(--card-section-size-body-vertical-padding-s-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-body-vertical-padding-s-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.s1Anqe {
    padding-top: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-top, 4px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-bottom, 4px);
    border-top-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e._-gT7Oe {
    padding-top: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.q40s7e {
    padding-top: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-body-vertical-padding-2xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-2xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e._6Ajv9e {
    padding-top: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xl-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xl-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.HCL0Pe {
    padding-top: var(--card-section-size-body-vertical-padding-l-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-body-vertical-padding-l-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-l-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.w4tBYe {
    padding-top: var(--card-section-size-body-vertical-padding-m-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-body-vertical-padding-m-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-m-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.P29Dbe {
    padding-top: var(--card-section-size-body-vertical-padding-s-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-body-vertical-padding-s-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-s-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.fYi8ze {
    padding-top: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-top, 4px);
    padding-bottom: var(--card-section-size-body-vertical-padding-xs-container-composition-padding-bottom, 4px);
    border-top-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-xs-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e._7ZhR5e {
    padding-top: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-body-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-top, 0px);
    border-right-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-bottom, 1px);
    border-left-width: var(--card-section-size-body-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-right, 0px);
    border-bottom-left-radius: var(--card-section-size-body-vertical-padding-flush-container-composition-border-radius-bottom-left, 0px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e._9_OVUe {
    padding-left: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.idNpWe {
    padding-left: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e._8WT-Oe {
    padding-left: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.VFd8Ce {
    padding-left: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.kcSMVe {
    padding-left: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.B29F_e {
    padding-left: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e._N22ue {
    padding-left: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.VLCg5e {
    padding-left: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.nu-_se {
    padding-left: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.TDivJe {
    padding-left: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.qGQ9ae {
    padding-left: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e._7R_Vne {
    padding-left: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.ATCnFe {
    padding-left: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.nhNyAe {
    padding-left: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.A3GXce {
    padding-left: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.bSeVie {
    padding-left: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.cT_B7e {
    padding-left: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.zU7Dje {
    padding-left: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e._4Vfa-e {
    padding-left: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.T4aH2e {
    padding-left: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e._6oVzne {
    padding-left: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.ysJZee {
    padding-left: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.euy14e {
    padding-left: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.KanB_e {
    padding-left: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.Y1LQZe {
    padding-left: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.Q6sLfe {
    padding-left: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.o7AJbe {
    padding-left: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.bdTite {
    padding-left: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.ajuLce {
    padding-left: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e._x5IVe {
    padding-left: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.SC_R1e {
    padding-left: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.mKckLe {
    padding-left: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.OAS2Xe {
    padding-left: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.S2OWfe {
    padding-left: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.VH2vOe {
    padding-left: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.Udvx6e {
    padding-left: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.tgsm_e {
    padding-left: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.i_dkoe {
    padding-left: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.sJv_Ae {
    padding-left: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._5FUSge {
    padding-left: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.eWRpPe {
    padding-left: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.j8vuBe {
    padding-left: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.fOCuxe {
    padding-left: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e._-ZAiLe {
    padding-left: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.b5yGae {
    padding-left: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e._0VCT-e {
    padding-left: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.L6k7ee {
    padding-left: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e._73-_Pe {
    padding-left: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.flBI-e {
    padding-left: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e._4GdrGe {
    padding-left: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-body-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.NslUUe {
    padding-left: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-body-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.QQaWGe {
    padding-left: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-body-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.KBAk8e {
    padding-left: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-body-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.ABv5qe {
    padding-left: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-body-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.OcHMce {
    padding-left: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-body-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.fx8nXe {
    padding-left: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-body-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e._90rXLe {
    padding-top: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.W1B19e {
    padding-top: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.PNkpRe {
    padding-top: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e._306f_e {
    padding-top: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.TIe8xe {
    padding-top: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.dSPb6e {
    padding-top: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.QpAdte {
    padding-top: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.e5duHe {
    padding-top: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e._2I2me {
    padding-top: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e._pTl3e {
    padding-top: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e._1G2MIe {
    padding-top: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.Kc7ehe {
    padding-top: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.ZOVTWe {
    padding-top: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.PTKOIe {
    padding-top: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.oIFW6e {
    padding-top: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.L4JGFe {
    padding-top: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.FLRnoe {
    padding-top: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.GCVzTe {
    padding-top: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.lwfL-e {
    padding-top: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.a3Ulre {
    padding-top: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.YUUt5e {
    padding-top: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.UIPs6e {
    padding-top: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.jhYE_e {
    padding-top: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.vP8hne {
    padding-top: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.AREO1e {
    padding-top: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e._9Lnxke {
    padding-top: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e._8hTBge {
    padding-top: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.up_Zge {
    padding-top: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.YBv7Pe {
    padding-top: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.WCrPIe {
    padding-top: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e._OQC9e {
    padding-top: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e._8BMJSe {
    padding-top: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e._8w5nLe {
    padding-top: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e._3eYEEe {
    padding-top: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.Dkj77e {
    padding-top: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.q9R-De {
    padding-top: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.g5bs7e {
    padding-top: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.FhoQ8e {
    padding-top: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.g4quHe {
    padding-top: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.MRNvRe {
    padding-top: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.KBlBQe {
    padding-top: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.jHYhoe {
    padding-top: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.VykUpe {
    padding-top: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.m_Di4e {
    padding-top: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.qkAlje {
    padding-top: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.VAm9Ve {
    padding-top: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e._7a8Yke {
    padding-top: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.jw-cke {
    padding-top: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.qPTIPe {
    padding-top: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.u_Ipte {
    padding-top: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-top, 40px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-2xl-container-composition-padding-bottom, 40px);
    border-top-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-2xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.UXx3ke {
    padding-top: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-top, 32px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xl-container-composition-padding-bottom, 32px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xl-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.XuctIe {
    padding-top: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-top, 24px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-l-container-composition-padding-bottom, 24px);
    border-top-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-l-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-l-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.N25e1e {
    padding-top: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-top, 16px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-m-container-composition-padding-bottom, 16px);
    border-top-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-m-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-m-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e._3fcnQe {
    padding-top: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-top, 12px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-s-container-composition-padding-bottom, 12px);
    border-top-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-s-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-s-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e._71U1qe {
    padding-top: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-top, 8px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-xs-container-composition-padding-bottom, 8px);
    border-top-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-xs-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.aAZvHe {
    padding-top: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-top, 0px);
    padding-bottom: var(--card-section-size-footer-vertical-padding-flush-container-composition-padding-bottom, 0px);
    border-top-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-top, 1px);
    border-right-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-right, 0px);
    border-bottom-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-bottom, 0px);
    border-left-width: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-width-left, 0px);
    border-top-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-left, 0px);
    border-top-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-top-right, 0px);
    border-bottom-right-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-right, 8px);
    border-bottom-left-radius: var(--card-section-size-footer-vertical-padding-flush-container-composition-border-radius-bottom-left, 8px);
    border-style: solid;
  }
}
@media screen and (min-width: 0) {
  .POYo_e.BGc-Re {
    padding-left: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.cvzioe {
    padding-left: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.xv4Nde {
    padding-left: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.cTCKse {
    padding-left: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.hC0Ame {
    padding-left: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.H2uRSe {
    padding-left: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 0) {
  .POYo_e.Mxhn-e {
    padding-left: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e._9AlU2e {
    padding-left: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.KSWJ0e {
    padding-left: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.tm6nAe {
    padding-left: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.DTiTee {
    padding-left: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e._1Gk-le {
    padding-left: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.VvF-fe {
    padding-left: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 512px) {
  .POYo_e.XL0U2e {
    padding-left: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.sVOwne {
    padding-left: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.yPdgAe {
    padding-left: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.Nbx62e {
    padding-left: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e._5V-L-e {
    padding-left: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.oMJU7e {
    padding-left: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.Gug25e {
    padding-left: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 520px) {
  .POYo_e.xLHxPe {
    padding-left: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.Xd1VUe {
    padding-left: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e._8uEWRe {
    padding-left: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e.ctjBMe {
    padding-left: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e._5qBAe {
    padding-left: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e._8t_6de {
    padding-left: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e._0DD9we {
    padding-left: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 768px) {
  .POYo_e._9a6Bze {
    padding-left: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.xCOUne {
    padding-left: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.ZO4xPe {
    padding-left: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e._9AH8ae {
    padding-left: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.zJNv2e {
    padding-left: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.uS4vde {
    padding-left: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.oidCze {
    padding-left: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1024px) {
  .POYo_e.T7zNze {
    padding-left: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.gDXFZe {
    padding-left: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._54opre {
    padding-left: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.rZZT2e {
    padding-left: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.dRWnCe {
    padding-left: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._3jumxe {
    padding-left: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e._3K5nge {
    padding-left: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1280px) {
  .POYo_e.rtOCye {
    padding-left: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.rKdOie {
    padding-left: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e._6sIwXe {
    padding-left: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.p1lP7e {
    padding-left: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.D29Hre {
    padding-left: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.kZQd4e {
    padding-left: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e._7TXVoe {
    padding-left: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1440px) {
  .POYo_e.w4MOye {
    padding-left: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.Acx4xe {
    padding-left: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-left, 40px);
    padding-right: var(--card-section-size-footer-horizontal-padding-2xl-container-composition-padding-right, 40px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.dvdcRe {
    padding-left: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-left, 32px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xl-container-composition-padding-right, 32px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.pyqvQe {
    padding-left: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-left, 24px);
    padding-right: var(--card-section-size-footer-horizontal-padding-l-container-composition-padding-right, 24px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.eUEMae {
    padding-left: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-left, 16px);
    padding-right: var(--card-section-size-footer-horizontal-padding-m-container-composition-padding-right, 16px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e._-kFa8e {
    padding-left: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-left, 12px);
    padding-right: var(--card-section-size-footer-horizontal-padding-s-container-composition-padding-right, 12px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.MS_Ghe {
    padding-left: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-left, 8px);
    padding-right: var(--card-section-size-footer-horizontal-padding-xs-container-composition-padding-right, 8px);
  }
}
@media screen and (min-width: 1920px) {
  .POYo_e.v9zqCe {
    padding-left: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-left, 0px);
    padding-right: var(--card-section-size-footer-horizontal-padding-flush-container-composition-padding-right, 0px);
  }
}
.POYo_e.XXo8Ae {
  background-color: var(--card-section-variant-emphasis-lowest-container-background-color, rgba(13, 22, 25, 0));
  border-color: var(--card-section-variant-emphasis-lowest-container-border-color, rgba(13, 22, 25, 0));
}
.POYo_e.ev0die {
  background-color: var(--card-section-variant-emphasis-low-container-background-color, rgba(13, 22, 25, 0));
  border-color: var(--card-section-variant-emphasis-low-container-border-color, #d3d3d3);
}
.POYo_e._41dKIe {
  background-color: var(--card-section-variant-emphasis-medium-container-background-color, #f2f2f2);
  border-color: var(--card-section-variant-emphasis-medium-container-border-color, rgba(13, 22, 25, 0));
}
.POYo_e.UJgdGe {
  background-color: var(--card-section-variant-emphasis-high-container-background-color, #f2f2f2);
  border-color: var(--card-section-variant-emphasis-high-container-border-color, #d3d3d3);
}
.POYo_e.XXo8Ae,
.POYo_e._41dKIe {
  border-width: 0;
}
/*# sourceMappingURL=Card.css.map */
/*!******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DataTable/TableColumn.scss.css ***!
  \******************************************************************************************************************************/
._16c52d2fc {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.d9aa402fc, ._06c6472fc {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 18px 8px;
  text-align: left;
}

._06c6472fc {
  padding: 16px 8px;
  font-weight: 600;
  color: black;
  white-space: nowrap;
}
._06c6472fc .ebd2ca2fc {
  display: inline;
  cursor: default;
}
._06c6472fc.cc915b2fc .ebd2ca2fc {
  cursor: pointer;
}
._06c6472fc .b8d28b2fc {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  margin-top: 2px;
  margin-right: -2px;
}
._06c6472fc ._360f112fc {
  text-align: left;
}
._06c6472fc .f1796a2fc {
  text-align: center;
}
._06c6472fc ._2704f02fc {
  text-align: right;
}
._06c6472fc ._2704f02fc + .b8d28b2fc:empty {
  display: none;
}
/*!**********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DataTable/TableRow.css ***!
  \**********************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._16c5bd2b7, ._06c6ca2b7 {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.d9aaab2b7 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 18px 8px;
  text-align: left;
}

._06c6ca2b7 {
  border-bottom: 1px solid #e7e8e9;
}
._06c6ca2b7.e000c32b7 {
  font-weight: 600;
}
._06c6ca2b7:last-of-type {
  border-bottom: none;
}
._06c6ca2b7:hover.d629882b7, ._06c6ca2b7:active.d629882b7, ._06c6ca2b7._0552162b7.d629882b7 {
  background-color: #f8f8fb;
  /*
   Firefox doesn't handle @media hover, but main mobile browsers do,
   so just set transparent bg on touch devices.
  */
}
@media (hover: none) {
  ._06c6ca2b7:hover.d629882b7, ._06c6ca2b7:active.d629882b7, ._06c6ca2b7._0552162b7.d629882b7 {
    background-color: transparent;
  }
}
._06c6ca2b7 td:first-of-type, ._06c6ca2b7 th:first-of-type {
  padding-left: 16px;
}
._06c6ca2b7 td:last-of-type, ._06c6ca2b7 th:last-of-type {
  padding-right: 16px;
}
._06c6ca2b7._4e9af62b7 {
  cursor: pointer;
}
/*!*********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DataTable/TableTotalsRow.scss.css ***!
  \*********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c65fe06 {
  background-color: #f8f8fb;
}
/*!***********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DataTable/TableCell.css ***!
  \***********************************************************************************************************************/
._16c564637 {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.d9aa5e637, ._06c65b637 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 18px 8px;
  text-align: left;
}

/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c65b637 {
  color: #101928;
  padding: 16px 8px;
  word-wrap: break-word;
}
._06c65b637.b6b504637 {
  padding: 6px 8px;
}
._06c65b637._360f63637 {
  text-align: left;
}
._06c65b637.f1796e637 {
  text-align: center;
}
._06c65b637._2704ed637 {
  text-align: right;
}
._06c65b637._1dcbd0637 {
  user-select: all;
}
._06c65b637._177889637 {
  overflow: auto;
}
/*!*************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DataTable/TableFooter.css ***!
  \*************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6aea5f td {
  font-size: 14px;
  font-weight: 400;
  padding: 18px 8px;
  color: #878c93;
  line-height: 18px;
  text-align: center;
}
._06c6aea5f tr:first-of-type {
  border-top: 1px solid #e7e8e9;
}
/*!************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DataTable/Table.scss.css ***!
  \************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c629917 {
  display: table;
  width: 100%;
  flex-grow: 0;
  table-layout: fixed;
  background-color: white;
  border-collapse: collapse;
}
._06c629917 ._9f2e7b917 {
  border-bottom: 1px solid #d5d7da;
}
._06c629917.b7e3a8917 {
  box-shadow: none;
}

.a6227e917 {
  width: 100%;
  position: relative;
}
.a6227e917 ._33bf89917 {
  position: relative;
}
.a6227e917 ._177807917 {
  display: block;
  overflow: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: #f8f8fb;
  scroll-behavior: smooth;
}
.a6227e917 ._177807917 ._06c629917 {
  box-shadow: none;
}
.a6227e917 ._0bb05e917 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  box-shadow: 0 5px 15px 5px rgba(135, 140, 147, 0.25);
}
.a6227e917 ._0bb05e917._47872d917 {
  right: -1px;
}
.a6227e917 ._3fab8b917 {
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
}
.a6227e917 ._3fab8b917 ._06c629917 {
  position: relative;
  box-shadow: none;
  background-color: white;
}

.b1c3b5917 {
  position: relative;
  background-color: white;
  width: 100%;
  z-index: 10;
}

._73f40d917 td:first-of-type, ._73f40d917 th:first-of-type {
  padding-left: 16px;
}
._73f40d917 td:last-of-type, ._73f40d917 th:last-of-type {
  padding-right: 16px;
}

._6a425f917 {
  position: absolute;
  z-index: 1;
  top: 13px;
  background-color: white;
  border: 1px solid #d5d7da;
  border-radius: 8px;
  padding: 3px;
  transition: opacity 0.12ms linear;
}
._6a425f917.e564ab917 {
  opacity: 0;
}
@media (hover: none) {
  ._6a425f917 {
    display: none;
  }
}
._6a425f917 svg path {
  fill: #101928;
}

._360f3f917 {
  left: calc(100% + 10px);
}

._2704e5917 {
  right: 10px;
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DataTable/PaginatedResourceLoader/PaginatedResourceFooter.scss.css ***!
  \******************************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c61b624 {
  min-height: 18px;
  transition: min-height 300ms;
}
._06c61b624._0315f0624 {
  min-height: 42px;
}
._06c61b624._30c78c624 {
  padding: 24px 0;
}
._06c61b624._6bee6a624 {
  color: #878c93;
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ScrollableWrapper/ScrollableWrapper.scss.css ***!
  \********************************************************************************************************************************************/
._06c6bcd31 {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  width: 100%;
}
._06c6bcd31.d60549d31 {
  max-height: 200px;
}
._06c6bcd31._4979dad31 {
  max-height: 300px;
}
._06c6bcd31.b9a104d31 {
  max-height: 400px;
}
._06c6bcd31._7691f5d31 {
  max-height: 100%;
}
._06c6bcd31._3a841ed31 {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
._06c6bcd31._3a841ed31::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background-color: transparent !important;
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-callout-banner/build/CalloutBanner.css ***!
  \********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/CalloutBanner.module.scss */
.z1sETX {
  width: 100%;
  background: transparent;
  display: inline-flex;
}
.z1sETX.r4b7CX {
  background-color: var(--callout-variant-accent-state-default-container-background, #e7e8ff);
}
.z1sETX.id2cEX {
  background-color: var(--callout-variant-warning-state-default-container-background, #fff4cc);
}
.z1sETX.nHtFXX {
  background-color: var(--callout-variant-error-state-default-container-background, #fee3e2);
}
.z1sETX.hl56AX {
  background-color: var(--callout-variant-positive-state-default-container-background, #d2f6c9);
}
.z1sETX._SbInX {
  background-color: var(--callout-variant-neutral-state-default-container-background, #f2f2f2);
}
.z1sETX.OGO_oX {
  padding: var(--callout-size-default-container-composition-horizontal-padding, 16px) var(--callout-size-default-container-composition-vertical-padding, 16px);
  border-radius: var(--callout-size-default-container-composition-border-radius, 8px);
  gap: var(--callout-size-default-container-composition-item-spacing, 12px);
}
.jqs4zX {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.xCUa6X {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--spacing-200, 12px);
}
.xCUa6X.OGO_oX {
  margin-top: var(--callout-size-default-action-wrapper-composition-padding-top, 8px);
}
.F5DB-X {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  align-self: flex-start;
}
.F5DB-X.OGO_oX {
  height: var(--callout-size-default-suffix-wrapper-composition-sizing, 24px);
  width: var(--callout-size-default-suffix-wrapper-composition-sizing, 24px);
}
.F5DB-X.YTPyqX.r4b7CX {
  color: var(--callout-variant-accent-state-default-icon-fill, #6950f3);
}
.F5DB-X.YTPyqX.id2cEX {
  color: var(--callout-variant-warning-state-default-icon-fill, #be7507);
}
.F5DB-X.YTPyqX.nHtFXX {
  color: var(--callout-variant-error-state-default-icon-fill, #d4163a);
}
.F5DB-X.YTPyqX.hl56AX {
  color: var(--callout-variant-positive-state-default-icon-fill, #1f8900);
}
.F5DB-X.YTPyqX._SbInX {
  color: var(--callout-variant-neutral-state-default-icon-fill, #0d1619);
}
.eHMu6X.OGO_oX {
  padding: var(--callout-size-default-description-wrapper-composition-vertical-padding, 2px) 0;
}
/*# sourceMappingURL=CalloutBanner.css.map */
/*!********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-customisation-drawer/build/CustomisationDrawer.css ***!
  \********************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/CustomisationDrawer.module.scss */
.LyHW9I {
  outline: none;
  background: var(--modal-fullscreen-variant-default-container-background-color, #ffffff);
  box-shadow: var(--modal-fullscreen-variant-default-container-box-shadow, 0 4px 8px 0 rgba(13, 22, 25, 0.0196078431), 0 12px 20px 0 rgba(13, 22, 25, 0.0588235294));
  opacity: 0;
  transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
  transform: translateX(calc(-1 * -120px));
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  overflow: auto;
}
@media (prefers-reduced-motion) {
  .LyHW9I {
    transform: none;
    transition: opacity 200ms ease-in-out;
  }
}
.LyHW9I.OGOMAI {
  max-width: var(--modal-fullscreen-size-default-container-mobile-composition-width, 100%);
  border-radius: var(--modal-fullscreen-size-default-container-mobile-composition-border-radius-top-left, 0px) var(--modal-fullscreen-size-default-container-mobile-composition-border-radius-top-right, 0px) var(--modal-fullscreen-size-default-container-mobile-composition-border-radius-bottom-left, 0px) var(--modal-fullscreen-size-default-container-mobile-composition-border-radius-bottom-right, 0px);
}
@media (min-width: 512px) {
  .LyHW9I {
    width: 400px;
  }
}
@media (min-width: 768px) {
  .LyHW9I.OGOMAI {
    max-width: var(--modal-fullscreen-size-default-container-laptop-composition-width, 100%);
    border-radius: var(--modal-fullscreen-size-default-container-laptop-composition-border-radius-top-left, 0px) var(--modal-fullscreen-size-default-container-laptop-composition-border-radius-top-right, 0px) var(--modal-fullscreen-size-default-container-laptop-composition-border-radius-bottom-left, 0px) var(--modal-fullscreen-size-default-container-laptop-composition-border-radius-bottom-right, 0px);
  }
}
.LyHW9I.JjHt9I {
  transition-delay: 0ms;
  opacity: 1;
  transform: translateX(0);
}
.g_meCI {
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  opacity: 0.01;
  overflow: hidden;
}
._7PNbtI {
  justify-content: flex-end !important;
  background-color: transparent !important;
  z-index: 1000 !important;
}
/*# sourceMappingURL=CustomisationDrawer.css.map */
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-modal-structure/build/ModalStructure.css ***!
  \**********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/ModalStructure.module.scss */
.Ys_knk {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-background-overlay, rgba(13, 22, 25, 0.2509803922));
  display: flex;
  align-items: flex-end;
  justify-content: center;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
  z-index: 101;
}
@media (prefers-reduced-motion) {
  .Ys_knk {
    transition: opacity 200ms ease-in-out;
  }
}
.Ys_knk.JjHVwk {
  opacity: 1;
}
/*# sourceMappingURL=ModalStructure.css.map */
/*!*********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-customisation-drawer/build/subcomponents/Header.css ***!
  \*********************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/Header.module.scss */
.TMbee- {
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  background-color: var(--modal-fullscreen-variant-default-header-container-background-color, #ffffff);
  border-bottom: transparent solid var(--modal-fullscreen-size-default-header-container-mobile-composition-border-width-bottom, 1px);
  transition: border-color var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
@media (min-width: 768px) {
  .TMbee- {
    background-color: var(--modal-fullscreen-variant-default-header-container-background-color, #ffffff);
    border-bottom-width: var(--modal-fullscreen-size-default-header-container-laptop-composition-border-width-bottom, 1px);
  }
}
.TMbee-._50af5- {
  border-color: var(--modal-fullscreen-variant-default-header-container-border-color, #d3d3d3);
}
.TMbee-._50af5- ._3Wzu6- {
  opacity: 1;
}
.TMbee-.eeSqv- ._3Wzu6- {
  opacity: 1;
}
._Lm_3- {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  max-width: 1208px;
  margin: 0 auto;
  padding: var(--modal-fullscreen-size-default-header-container-mobile-composition-padding-top, 8px) var(--modal-fullscreen-size-default-header-container-mobile-composition-horizontal-padding, 8px) var(--modal-fullscreen-size-default-header-container-mobile-composition-padding-bottom, 8px);
  gap: var(--modal-fullscreen-size-default-header-container-mobile-composition-item-spacing, 0px);
}
@media (min-width: 768px) {
  ._Lm_3- {
    padding: var(--modal-fullscreen-size-default-header-container-laptop-composition-padding-top, 8px) var(--modal-fullscreen-size-default-header-container-laptop-composition-horizontal-padding, 20px) var(--modal-fullscreen-size-default-header-container-laptop-composition-padding-bottom, 8px);
    gap: var(--modal-fullscreen-size-default-header-container-laptop-composition-item-spacing, 0px);
  }
}
.LoJ8p- {
  flex-shrink: 0;
}
.LoJ8p-.SxFAx- {
  pointer-events: none;
  opacity: 0;
}
@media (min-width: 768px) {
  .LoJ8p-.SxFAx- {
    display: none;
  }
}
.oEXC1- {
  display: flex;
  flex-grow: 1;
  gap: var(--modal-fullscreen-size-default-header-content-wrapper-composition-item-spacing, 0px);
}
@media (min-width: 768px) {
  .oEXC1- {
    justify-content: unset;
  }
}
._3Wzu6- {
  transition: opacity var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
  opacity: 0;
  text-align: start;
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--modal-fullscreen-size-default-header-content-body-wrapper-composition-item-spacing, 0px);
  padding: var(--modal-fullscreen-size-default-header-content-body-wrapper-composition-padding-top, 0px) var(--modal-fullscreen-size-default-header-content-body-wrapper-composition-horizontal-padding, 12px) var(--modal-fullscreen-size-default-header-content-body-wrapper-composition-padding-bottom, 0px);
}
._3Wzu6-.OcSd7- {
  padding-top: 8px;
}
@media (min-width: 768px) {
  ._3Wzu6- {
    text-align: unset;
    padding: var(--modal-fullscreen-size-default-header-content-body-wrapper-composition-padding-top, 0px) var(--modal-fullscreen-size-default-header-content-body-wrapper-composition-horizontal-padding, 12px) var(--modal-fullscreen-size-default-header-content-body-wrapper-composition-padding-bottom, 0px);
  }
}
/*# sourceMappingURL=Header.css.map */
/*!**************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-customisation-drawer/build/subcomponents/BodySection.css ***!
  \**************************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/BodySection.module.scss */
.uS6IhO {
  flex: 1 0 auto;
  padding-top: var(--modal-fullscreen-size-default-body-section-mobile-composition-padding-top, 16px);
  padding-bottom: var(--modal-fullscreen-size-default-body-section-mobile-composition-padding-bottom, 16px);
}
@media (min-width: 768px) {
  .uS6IhO {
    padding-top: var(--modal-fullscreen-size-default-body-section-laptop-composition-padding-top, 16px);
    padding-bottom: var(--modal-fullscreen-size-default-body-section-laptop-composition-padding-bottom, 16px);
  }
}
@media (min-width: 768px) {
  .uS6IhO.lFH-IO {
    padding-left: var(--modal-fullscreen-size-default-body-section-laptop-composition-horizontal-padding, 32px);
    padding-right: var(--modal-fullscreen-size-default-body-section-laptop-composition-horizontal-padding, 32px);
  }
}
.uS6IhO.ytnWwO {
  padding-left: var(--modal-fullscreen-size-default-body-section-mobile-composition-horizontal-padding, 20px);
  padding-right: var(--modal-fullscreen-size-default-body-section-mobile-composition-horizontal-padding, 20px);
}
@media (min-width: 768px) {
  .uS6IhO.ytnWwO {
    padding-left: 0;
    padding-right: 0;
  }
}
.uS6IhO.E_4EJO {
  padding-left: var(--modal-fullscreen-size-default-body-section-mobile-composition-horizontal-padding, 20px);
  padding-right: var(--modal-fullscreen-size-default-body-section-mobile-composition-horizontal-padding, 20px);
}
@media (min-width: 768px) {
  .uS6IhO.E_4EJO {
    padding-left: var(--modal-fullscreen-size-default-body-section-laptop-composition-horizontal-padding, 32px);
    padding-right: var(--modal-fullscreen-size-default-body-section-laptop-composition-horizontal-padding, 32px);
  }
}
/*# sourceMappingURL=BodySection.css.map */
/*!*******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-customisation-drawer/build/subcomponents/Body.css ***!
  \*******************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/Body.module.scss */
.cnRNbv {
  background-color: var(--modal-fullscreen-variant-default-body-container-background-color, #ffffff);
  flex-grow: 1;
}
.edrGav {
  width: 100%;
  max-width: 1208px;
  margin: 0 auto;
  gap: var(--modal-fullscreen-size-default-body-container-mobile-composition-item-spacing, 0px);
}
@media (min-width: 768px) {
  .edrGav {
    gap: var(--modal-fullscreen-size-default-body-container-laptop-composition-item-spacing, 0px);
  }
}
/*# sourceMappingURL=Body.css.map */
/*!*************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-scrollable/build/Scrollable.css ***!
  \*************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Scrollable.module.scss */
.oClP6Q {
  display: flex;
}
.oClP6Q.gNQFJQ {
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
.oClP6Q.I0PlQQ {
  flex-direction: row;
  overflow-y: hidden;
  overflow-x: auto;
}
.oClP6Q.pTMt_Q {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.oClP6Q.pTMt_Q::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background-color: transparent !important;
}
/*# sourceMappingURL=Scrollable.css.map */
/*!*********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-customisation-drawer/build/subcomponents/Footer.css ***!
  \*********************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/Footer.module.scss */
.TdODNn {
  position: sticky;
  bottom: 0;
  left: 0;
  display: flex;
  background-color: var(--modal-fullscreen-variant-default-footer-container-background-color, #ffffff);
  border-top: transparent solid var(--modal-fullscreen-size-default-footer-container-mobile-composition-border-width-top, 1px);
}
@media (min-width: 768px) {
  .TdODNn {
    border-top-width: var(--modal-fullscreen-size-default-footer-container-laptop-composition-border-width-top, 1px);
  }
}
.TdODNn._50aWLn {
  border-color: var(--modal-fullscreen-variant-default-footer-container-border-color, #d3d3d3);
}
.LV0PRn {
  display: flex;
  flex-grow: 1;
  max-width: 1208px;
  margin: 0 auto;
  padding: var(--modal-fullscreen-size-default-footer-container-mobile-composition-padding-top, 16px) var(--modal-fullscreen-size-default-footer-container-mobile-composition-horizontal-padding, 20px) var(--modal-fullscreen-size-default-footer-container-mobile-composition-padding-bottom, 16px);
}
@media (min-width: 768px) {
  .LV0PRn {
    padding: var(--modal-fullscreen-size-default-footer-container-laptop-composition-padding-top, 16px) var(--modal-fullscreen-size-default-footer-container-laptop-composition-horizontal-padding, 32px) var(--modal-fullscreen-size-default-footer-container-laptop-composition-padding-bottom, 16px);
  }
}
.rRyDFn,
.SrtDGn {
  align-items: center;
}
.rRyDFn {
  display: none;
}
@media (min-width: 768px) {
  .rRyDFn {
    display: flex;
    flex-grow: 1;
  }
}
.SrtDGn {
  max-width: var(--modal-fullscreen-size-default-footer-right-element-wrapper-mobile-composition-width, 100%);
  gap: var(--modal-fullscreen-size-default-footer-right-element-wrapper-mobile-composition-item-spacing, 8px);
  display: flex;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .SrtDGn {
    max-width: var(--modal-fullscreen-size-default-footer-right-element-wrapper-laptop-composition-width, 400px);
    gap: var(--modal-fullscreen-size-default-footer-right-element-wrapper-laptop-composition-item-spacing, 8px);
  }
}
.SrtDGn._28sU7n {
  justify-content: flex-end;
}
.SrtDGn.Q9Pgpn {
  justify-content: space-between;
}
/*# sourceMappingURL=Footer.css.map */
/*!************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-switch-structure/build/SwitchStructure.css ***!
  \************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/SwitchStructure.module.scss */
._RJw5q {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._RJw5q.OGOmSq {
  gap: var(--switch-size-default-state-default-container-composition-item-spacing, 12px);
}
@media (min-width: 768px) {
  ._RJw5q._0VyZVq {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
._RJw5q.iX-s8q {
  cursor: default;
  pointer-events: none;
}
.xjsl6q.OGOmSq .w5O63q {
  padding: var(--switch-size-default-state-default-content-wrapper-composition-vertical-padding, 2px) 0;
}
.w5O63q._97pzhq {
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  opacity: 0.01;
  overflow: hidden;
}
.McpV5q {
  flex: none;
  display: flex;
  align-items: center;
}
.xjsl6q.xa-r6q .McpV5q {
  background-color: var(--switch-variant-default-state-enabled-primitive-background, #ffffff);
  border-color: var(--switch-variant-default-state-enabled-primitive-border, #bfbfbf);
}
@media (hover: hover) and (pointer: fine) {
  .xjsl6q.xa-r6q:hover .McpV5q {
    background-color: var(--switch-variant-default-state-hover-primitive-background, #f2f2f2);
    border-color: var(--switch-variant-default-state-hover-primitive-border, #acacac);
  }
}
.xjsl6q.xa-r6q:active .McpV5q {
  background-color: var(--switch-variant-default-state-active-primitive-background, #e5e5e5);
  border-color: var(--switch-variant-default-state-active-primitive-border, #969696);
}
.xjsl6q.xa-r6q.Hm5uBq .McpV5q {
  background-color: var(--switch-variant-default-state-selected-primitive-background, #6950f3);
  border-color: var(--switch-variant-default-state-selected-primitive-border, #6950f3);
}
@media (hover: hover) and (pointer: fine) {
  .xjsl6q.xa-r6q.Hm5uBq:hover .McpV5q {
    background-color: var(--switch-variant-default-state-selected-hover-primitive-background, #5c4ace);
    border-color: var(--switch-variant-default-state-selected-hover-primitive-border, #5c4ace);
  }
}
.xjsl6q.xa-r6q.Hm5uBq:active .McpV5q {
  background-color: var(--switch-variant-default-state-selected-active-primitive-background, #403591);
  border-color: var(--switch-variant-default-state-selected-active-primitive-border, #403591);
}
.xjsl6q.xa-r6q.iX-s8q .McpV5q {
  background-color: var(--switch-variant-default-state-disabled-primitive-background, #f2f2f2);
  border-color: var(--switch-variant-default-state-disabled-primitive-border, #d3d3d3);
}
.xjsl6q.xa-r6q.Hm5uBq.iX-s8q .McpV5q {
  background-color: var(--switch-variant-default-state-selected-disabled-primitive-background, #f2f2f2);
  border-color: var(--switch-variant-default-state-selected-disabled-primitive-border, #d3d3d3);
}
.xjsl6q.xa-r6q.dFoTdq .McpV5q {
  background-color: var(--switch-variant-default-state-pending-primitive-background, #ffffff);
  border-color: var(--switch-variant-default-state-pending-primitive-border, #bfbfbf);
}
.xjsl6q.xa-r6q.Hm5uBq.dFoTdq .McpV5q {
  background-color: var(--switch-variant-default-state-selected-pending-primitive-background, #6950f3);
  border-color: var(--switch-variant-default-state-selected-pending-primitive-border, #6950f3);
}
.xjsl6q.OGOmSq .McpV5q {
  height: var(--switch-size-default-state-default-primitive-composition-height, 24px);
  width: var(--switch-size-default-state-default-primitive-composition-width, 44px);
  border-radius: var(--switch-size-default-state-default-primitive-composition-border-radius, 999px);
  border-width: var(--switch-size-default-state-default-primitive-composition-border-width, 1px);
  border-style: solid;
  padding: calc(var(--switch-size-default-state-default-primitive-composition-vertical-padding, 2px) - var(--switch-size-default-state-default-primitive-composition-border-width, 1px)) calc(var(--switch-size-default-state-default-primitive-composition-horizontal-padding, 2px) - var(--switch-size-default-state-default-primitive-composition-border-width, 1px));
}
.bUiXDq {
  transition: transform var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
.xjsl6q.OGOmSq .bUiXDq {
  height: var(--switch-size-default-state-default-ellipse-composition-sizing, 20px);
  width: var(--switch-size-default-state-default-ellipse-composition-sizing, 20px);
  border-radius: var(--switch-size-default-state-default-ellipse-composition-border-radius, 999px);
}
.xjsl6q.OGOmSq.Hm5uBq .bUiXDq {
  transform: translateX(100%);
}
[dir=rtl] .xjsl6q.OGOmSq.Hm5uBq .bUiXDq {
  transform: translateX(-100%);
}
.SIfEvq {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
.xjsl6q.xa-r6q .SIfEvq {
  background-color: var(--switch-variant-default-state-enabled-ellipse-background, #757676);
}
@media (hover: hover) and (pointer: fine) {
  .xjsl6q.xa-r6q:hover .SIfEvq {
    background-color: var(--switch-variant-default-state-hover-ellipse-background, #757676);
  }
}
.xjsl6q.xa-r6q:active .SIfEvq {
  background-color: var(--switch-variant-default-state-active-ellipse-background, #757676);
}
.xjsl6q.xa-r6q.Hm5uBq .SIfEvq {
  background-color: var(--switch-variant-default-state-selected-ellipse-background, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  .xjsl6q.xa-r6q.Hm5uBq:hover .SIfEvq {
    background-color: var(--switch-variant-default-state-selected-hover-ellipse-background, #ffffff);
  }
}
.xjsl6q.xa-r6q.Hm5uBq:active .SIfEvq {
  background-color: var(--switch-variant-default-state-selected-active-ellipse-background, #ffffff);
}
.xjsl6q.xa-r6q.iX-s8q .SIfEvq {
  background-color: var(--switch-variant-default-state-disabled-ellipse-background, #acacac);
}
.xjsl6q.xa-r6q.Hm5uBq.iX-s8q .SIfEvq {
  background-color: var(--switch-variant-default-state-selected-disabled-ellipse-background, #acacac);
}
.xjsl6q.xa-r6q.dFoTdq .SIfEvq {
  background-color: var(--switch-variant-default-state-pending-ellipse-background, #acacac);
}
.xjsl6q.xa-r6q.Hm5uBq.dFoTdq .SIfEvq {
  background-color: var(--switch-variant-default-state-selected-pending-ellipse-background, #ffffff);
}
.xjsl6q.OGOmSq .SIfEvq {
  border-radius: var(--switch-size-default-state-default-ellipse-composition-border-radius, 999px);
}
.xjsl6q.OGOmSq:active .SIfEvq,
.xjsl6q.OGOmSq.Hm5uBq:active .SIfEvq {
  transform: scale(var(--switch-size-default-state-active-ellipse-scale, 0.8));
}
.xjsl6q.xa-r6q .HRRUeq {
  color: var(--switch-variant-default-state-enabled-label-text-color, #0d1619);
}
.xjsl6q.xa-r6q .PB0kYq {
  color: var(--switch-variant-default-state-enabled-description-text-color, #757676);
}
/*# sourceMappingURL=SwitchStructure.css.map */
/*!*******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-chips/build/ActionChip/ActionChip.css ***!
  \*******************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/ActionChip/ActionChip.module.scss */
.QHBvhd {
  position: relative;
  display: inline-flex;
  align-items: center;
}
/*# sourceMappingURL=ActionChip.css.map */
/*!******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DateRangePickerContent/DateRangePickerContent.scss.css ***!
  \******************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
.d84317fd7 {
  color: #101928;
  z-index: 0;
}
.d84317fd7::before {
  content: "";
  height: 36px;
  background: #f8f8fb;
}
.d84317fd7::after {
  background-color: transparent;
}
.d84317fd7.cced54fd7, .d84317fd7._361e68fd7 {
  color: #fff;
}
.d84317fd7.cced54fd7::after, .d84317fd7._361e68fd7::after {
  background-color: #101928;
}
.d84317fd7.cced54fd7::before {
  width: 50%;
  left: 50%;
}
.d84317fd7._361e68fd7::before {
  width: 50%;
  right: 50%;
}
.d84317fd7.cced54fd7._361e68fd7::before {
  content: none;
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DateRangePicker/DateRangePicker.scss.css ***!
  \****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
.a62281d24 {
  position: relative;
}

._7eca41d24 {
  box-shadow: 0 10px 20px 10px rgba(16, 25, 40, 0.25);
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DateRangePicker/components/DefaultActionElement/DefaultActionElement.scss.css ***!
  \*****************************************************************************************************************************************************************************/
._06c6f1fae {
  width: 100%;
  min-width: 100%;
}
/*!***************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Drawer/DrawerError/DrawerError.scss.css ***!
  \***************************************************************************************************************************************/
._06c634ce5 .d152c9ce5 {
  top: 0;
  left: 0;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Notifications/components/TextBanner/TextBanner.scss.css ***!
  \*******************************************************************************************************************************************************/
._06c621279 {
  padding: 6px;
}
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/CompletedState/CompletedState.scss.css ***!
  \**************************************************************************************************************************************/
._06c6e92a6.a4cfe72a6 {
  margin-top: 48px;
}
/*!*****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Icon/IconCompleted/IconCompleted.scss.css ***!
  \*****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
@keyframes af9dfec32 {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
._06c693c32 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
._06c693c32._1b8f55c32 {
  width: 100px;
  height: 100px;
  min-width: 100px;
  min-height: 100px;
}
._06c693c32._51dc95c32 {
  margin: 16px;
}
._06c693c32._9326c1c32 svg path, ._06c693c32._9326c1c32 svg circle {
  stroke-width: 4px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #00a36d;
  fill: transparent !important;
}
._06c693c32._9326c1c32._696abfc32 > svg > path, ._06c693c32._9326c1c32._696abfc32 > svg > circle {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  animation: af9dfec32 1s ease-in-out;
}
._06c693c32._9326c1c32._696abfc32 > svg > path:last-child, ._06c693c32._9326c1c32._696abfc32 > svg > circle:last-child {
  animation: af9dfec32 1.5s ease-in-out 0.5s backwards;
}
/*!*******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/CompletedState/Content.scss.css ***!
  \*******************************************************************************************************************************/
._06c6834d8 {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
._06c6834d8._76e3e44d8 {
  margin-top: 16px;
}
._06c6834d8._71e6f44d8 {
  margin-top: 24px;
}
._06c6834d8 .a02c614d8 {
  margin-top: 4px;
}
._06c6834d8 ._1091334d8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
}
._06c6834d8 ._1091334d8._8283e24d8 {
  align-items: stretch;
}
/*!********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Shape/Shape.scss.css ***!
  \********************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c68bc47 {
  position: relative;
  transition: background-color 0.5s;
}
._06c68bc47._2469dac47 {
  background-color: #fff4cc;
}
._06c68bc47.cc1932c47 {
  background-color: #fade87;
}
._06c68bc47.d393fac47 {
  background-color: #fff;
}
._06c68bc47._49f812c47 {
  background-color: #a6e4bd;
}
._06c68bc47._535200c47 {
  background-color: #00a36d;
}
._06c68bc47._26f9a0c47 {
  background-color: #da2346;
}
._06c68bc47._857862c47 {
  background-color: #e7e8e9;
}
._06c68bc47.db3318c47 {
  background-color: #f8f8fb;
}
._06c68bc47.f6ce80c47 {
  background-color: #f2f2f7;
}
._06c68bc47.ef9b10c47 {
  background-color: #e7e8ff;
}
._06c68bc47.c98c1dc47 {
  background-color: #e7e8ff;
}
._06c68bc47._96f6fdc47 {
  background-color: #b0b1fd;
}
._06c68bc47._14d51fc47 {
  background-color: #6950f3;
}
._06c68bc47.e0ed54c47 {
  border: 1px solid #e7e8e9;
}
._06c68bc47._3f0984c47 {
  border: 1px solid #d5d7da;
}
@media (hover: hover) and (pointer: fine) {
  ._06c68bc47.d5dbb4c47:hover {
    background: #fdeba5;
  }
}
@media (hover: hover) and (pointer: fine) {
  ._06c68bc47._6c2d26c47:hover {
    background-color: #e7e8e9;
  }
}
@media (hover: hover) and (pointer: fine) {
  ._06c68bc47._822b93c47:hover {
    background: #e7e8ff;
  }
}
._06c68bc47._5e3407c47 {
  height: 3px;
  width: 3px;
}
._06c68bc47._7cf53bc47 {
  height: 16px;
  width: 16px;
}
._06c68bc47.a46d5ec47 {
  height: 18px;
  width: 18px;
}
._06c68bc47.e341ecc47 {
  height: 24px;
  width: 24px;
}
._06c68bc47._5ccf9cc47 {
  height: 32px;
  width: 32px;
}
._06c68bc47.df746bc47 {
  height: 40px;
  width: 40px;
}
._06c68bc47.b9d05bc47 {
  height: 56px;
  width: 56px;
}
._06c68bc47._346cf0c47 {
  height: 64px;
  width: 64px;
}
._06c68bc47._4f43cec47 {
  width: 100%;
  height: 100%;
}
._06c68bc47._33baf2c47 {
  border-radius: 50%;
}
._06c68bc47._515e45c47 {
  border-radius: 8px;
}
._06c68bc47._398ecec47 {
  border-radius: 16px;
}
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SplitLayout/SplitLayout.scss.css ***!
  \********************************************************************************************************************************/
._06c660a3d {
  min-height: 100%;
  display: flex;
}
/*!****************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SplitLayout/Nav/Nav.scss.css ***!
  \****************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6f9874 {
  --safeAreaInsetTop: env(safe-area-inset-top);
  position: sticky;
  top: 0;
  z-index: 1;
  background: #fff;
  height: calc(56px + env(safe-area-inset-top));
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: var(--safeAreaInsetTop);
}
@media (min-width: 993px) {
  ._06c6f9874 {
    background: transparent;
  }
}
._06c6f9874 .aaf2c7874 {
  opacity: 0;
  transition: opacity 200ms ease;
}
._06c6f9874._0228e9874 {
  border-bottom: 1px solid #d5d7da;
  background: #fff;
}
._06c6f9874._0228e9874 .aaf2c7874 {
  opacity: 0.999;
}
._06c6f9874 .ed702c874 {
  display: grid;
  width: 100%;
  grid-template-areas: "ls c rs";
  grid-template-columns: auto auto max-content;
  grid-template-rows: minmax(56px, auto);
  align-items: center;
}
._06c6f9874 .ed702c874._417f72874 {
  padding-top: 32px;
}
/*!***********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SplitLayout/NavAction/NavAction.css ***!
  \***********************************************************************************************************************************/
._06c692be4 {
  justify-content: flex-start;
  grid-area: ls;
  padding-right: 16px;
}
._06c692be4._125268be4 {
  grid-area: rs;
  padding-right: 0;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SplitLayout/HeaderContent/HeaderContent.css ***!
  \*******************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
@media (min-width: 993px) {
  ._06c6faabb {
    display: none;
  }
}
/*!***************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SplitLayout/FooterLinks/FooterLinks.css ***!
  \***************************************************************************************************************************************/
._06c6db5c9 {
  padding-top: 40px;
}
._06c6db5c9._7c259e5c9 {
  padding-top: 50px;
}
/*!******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SplitLayout/FooterLogo/FooterLogo.scss.css ***!
  \******************************************************************************************************************************************/
._06c607252 {
  margin-bottom: 28px;
  display: flex;
  justify-content: center;
}
/*!***************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SplitLayout/Panel/Panel.css ***!
  \***************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._06c62f853 {
  background: white;
  min-height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
._06c62f853._98e370853 {
  border-radius: 0 16px 16px 0;
  width: 50%;
}

.ed2b90853 {
  display: flex;
  z-index: -1;
  margin-left: -16px;
  width: calc(50% + 16px);
  height: 100vh;
  position: sticky;
  top: 0;
  right: 0;
}
.ed2b90853 ._61055d853 {
  width: 100%;
  object-fit: cover;
  object-position: right;
}
/*!************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SplitLayout/Content/Content.scss.css ***!
  \************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._06c674e43 {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-bottom: 40px;
}
/*!*********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SplitLayout/HeaderCircular/HeaderCircular.css ***!
  \*********************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6942fd {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  margin-bottom: 96px;
}
._06c6942fd._0b343e2fd {
  margin-bottom: 120px;
}
._06c6942fd._0b343e2fd .bdb8592fd {
  transform: translateY(-88px);
}
._06c6942fd._0b343e2fd ._3598832fd {
  bottom: -48px;
}
._06c6942fd .bdb8592fd {
  position: absolute;
  width: 100%;
  height: 128px;
  transform: translateY(-96px);
  left: 0;
}
._06c6942fd ._6d3cbd2fd {
  position: relative;
  height: 100%;
}
._06c6942fd ._3598832fd {
  position: absolute;
  bottom: -36px;
  left: 50%;
  transform: translateX(-50%);
}
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SplitLayout/Headline/Headline.scss.css ***!
  \**************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._06c67fcf4 {
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
}
@media (min-width: 993px) {
  ._06c67fcf4 {
    align-items: center;
    text-align: center;
  }
}
._06c67fcf4._3f4549cf4 {
  text-align: center;
}
._06c67fcf4 ._87bb8fcf4 {
  padding-bottom: 20px;
}
._06c67fcf4 .aaf29bcf4 ~ ._176c1dcf4 {
  padding-top: 4px;
}
/*!***************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-stack/build/Stack.css ***!
  \***************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Stack.module.scss */
._5zCVQX {
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
._5zCVQX > li {
  list-style: none;
}
.p_e4TX {
  list-style: none;
}
/*# sourceMappingURL=Stack.css.map */
/*!***********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/OverviewPage/OverviewPageMobile/OverviewPageMobile.scss.css ***!
  \***********************************************************************************************************************************************************/
.c580da703 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

._153f65703 {
  z-index: 2000;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/OverviewPage/OverviewPageMobile/OverviewPageMobileContent/OverviewPageMobileContent.scss.css ***!
  \********************************************************************************************************************************************************************************************/
._06c64e7c0 {
  flex-grow: 1;
  overflow: hidden;
}
._06c64e7c0 .ed70617c0 {
  position: relative;
  z-index: 10;
}
._06c64e7c0 ._7937147c0 {
  position: relative;
}
._06c64e7c0 ._7937147c0::before {
  content: "";
  position: absolute;
  width: 1600px;
  height: 1728px;
  background-position: center top;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-370px);
}
._06c64e7c0 ._7937147c0.c7393b7c0::before {
  background-size: 3072px 1728px;
}
._06c64e7c0 ._7937147c0._1da7f07c0::before {
  background-size: cover;
}
._06c64e7c0 ._7937147c0._6c78b77c0::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='800' cy='520' rx='325' ry='325' fill='%23e7e8ff'></ellipse></svg>");
}
._06c64e7c0 ._7937147c0.b510897c0::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='800' cy='520' rx='325' ry='325' fill='%23FADE87'></ellipse></svg>");
}
._06c64e7c0 ._7937147c0._02a8c67c0::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='800' cy='520' rx='325' ry='325' fill='%23E7E8FF'></ellipse></svg>");
}
._06c64e7c0 ._7937147c0._5bf0067c0::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='800' cy='520' rx='325' ry='325' fill='%23C0F0D1'></ellipse></svg>");
}
._06c64e7c0 ._7937147c0.eb6d4d7c0::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='800' cy='520' rx='325' ry='325' fill='%23DBF2B4'></ellipse></svg>");
}
._06c64e7c0 ._7937147c0._3580937c0::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='800' cy='520' rx='325' ry='325' fill='%23FADEE3'></ellipse></svg>");
}
._06c64e7c0 ._7937147c0._3280a87c0::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='800' cy='520' rx='325' ry='325' fill='%23FEE3FD'></ellipse></svg>");
}
._06c64e7c0 ._7937147c0.bd16577c0::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='800' cy='520' rx='325' ry='325' fill='%23e7e8ff'></ellipse></svg>");
}
._06c64e7c0 ._7937147c0._51afa57c0::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='800' cy='520' rx='325' ry='325' fill='%23F2F2F7'></ellipse></svg>");
}
._06c64e7c0 ._7937147c0._8a79157c0::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='800' cy='520' rx='325' ry='325' fill='%23C0F0D1'></ellipse></svg>");
}
._06c64e7c0 ._7937147c0.ef37667c0::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cstyle%3E%3C!%5BCDATA%5B.B%7Bcolor-interpolation-filters:sRGB%7D.C%7Bflood-opacity:0%7D%5D%5D%3E%3C/style%3E%3Cg clip-path='url(%23F)'%3E%3Cg filter='url(%23A)'%3E%3Cpath d='M1038.01 698.357c-70.448 122.016-225.329 164.48-345.938 94.846S309.107 440.214 379.553 318.198s447.017-36.486 567.626 33.148 161.271 224.996 90.831 347.011z' fill='url(%23D)'/%3E%3C/g%3E%3Cg filter='url(%23B)'%3E%3Cpath d='M920.936 1020.06c-103.462 36.93-209.975 3.43-237.903-74.818s-18.031-315.449 85.431-352.376S1029.77 733.268 1057.7 811.518s-33.3 171.618-136.764 208.542z' fill='%230db5ff'/%3E%3C/g%3E%3Cg filter='url(%23C)'%3E%3Cpath d='M1143.72 811.147c-112.61 112.614-294.069 113.737-405.298 2.508s-314.554-497.136-201.94-609.75S1035 294.617 1146.23 405.845s110.11 292.688-2.51 405.302z' fill='url(%23E)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='A' x='167.731' y='56.676' width='1104.84' height='970.016' filterUnits='userSpaceOnUse' class='B'%3E%3CfeFlood class='C'/%3E%3CfeBlend in='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='100'/%3E%3C/filter%3E%3Cfilter id='B' x='469.615' y='387.871' width='794.84' height='847.213' filterUnits='userSpaceOnUse' class='B'%3E%3CfeFlood class='C'/%3E%3CfeBlend in='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='100'/%3E%3C/filter%3E%3Cfilter id='C' x='383.541' y='50.964' width='965.383' height='965.383' filterUnits='userSpaceOnUse' class='B'%3E%3CfeFlood class='C'/%3E%3CfeBlend in='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='60'/%3E%3C/filter%3E%3ClinearGradient id='D' x1='836.334' y1='287.349' x2='581.227' y2='729.207' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231e7bd0'/%3E%3Cstop offset='.76' stop-color='%235aa9a5'/%3E%3C/linearGradient%3E%3ClinearGradient id='E' x1='1044.01' y1='303.621' x2='636.198' y2='711.431' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.688' stop-color='%234b40f5'/%3E%3Cstop offset='1' stop-color='%231affb3'/%3E%3C/linearGradient%3E%3CclipPath id='F'%3E%3Cpath fill='%23fff' d='M0 0h1600v900H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
._06c64e7c0 ._7937147c0._43ae797c0::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900' fill='none'%3E%3Cg clip-path='url(%23clip0_1582_160261)'%3E%3Cg filter='url(%23filter0_f_1582_160261)'%3E%3Cpath fill='%23D5D3FF' d='M989.853 1003.24c-157.899 67.02-339.605-5.18-405.851-161.259-66.246-156.079-113.714-623.823 44.185-690.842s461.373 292.066 527.623 448.145c66.24 156.079-8.06 336.935-165.957 403.956Z'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_1582_160261)'%3E%3Cpath fill='%23FFD7FF' d='M497.071 1043.28c-95.03-62.879-121.72-189.943-59.614-283.804 62.106-93.861 303.647-291.502 398.678-228.623 95.03 62.88 7.562 362.469-54.544 456.33-62.106 93.857-189.49 118.977-284.52 56.097Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1582_160261' width='908.073' height='1135.45' x='396.996' y='17.858' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_1582_160261' stdDeviation='62.52'/%3E%3C/filter%3E%3Cfilter id='filter1_f_1582_160261' width='918.667' height='1003.68' x='181.695' y='296.482' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_1582_160261' stdDeviation='111.125'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
._06c64e7c0 ._6105887c0 {
  display: block;
  margin: 0 auto -32px auto;
  position: relative;
}
._06c64e7c0 .c9041b7c0 {
  margin-bottom: 24px;
}
._06c64e7c0 ._0d745d7c0 {
  display: flex;
  justify-content: center;
  padding-top: 82px;
  pointer-events: none;
  position: relative;
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/OverviewPage/OverviewPageDesktop/OverviewPageDesktop.scss.css ***!
  \*************************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c65b642 {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #f8f8fb;
}
._06c65b642._6c787a642 {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='1120' cy='0' rx='325' ry='325' fill='%23e7e8ff'></ellipse></svg>");
}
._06c65b642.b51005642 {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='1120' cy='0' rx='325' ry='325' fill='%23FADE87'></ellipse></svg>");
}
._06c65b642._02a8a5642 {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='1120' cy='0' rx='325' ry='325' fill='%23E7E8FF'></ellipse></svg>");
}
._06c65b642._5bf057642 {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='1120' cy='0' rx='325' ry='325' fill='%23E0F8E8'></ellipse></svg>");
}
._06c65b642.eb6d60642 {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='1120' cy='0' rx='325' ry='325' fill='%23DBF2B4'></ellipse></svg>");
}
._06c65b642._3580fc642 {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='1120' cy='0' rx='325' ry='325' fill='%23FADEE3'></ellipse></svg>");
}
._06c65b642.bd16b7642 {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='1120' cy='0' rx='325' ry='325' fill='%23e7e8ff'></ellipse></svg>");
}
._06c65b642._3280d0642 {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='1120' cy='0' rx='325' ry='325' fill='%23FEE3FD'></ellipse></svg>");
}
._06c65b642._51afa4642 {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'><ellipse cx='1120' cy='0' rx='325' ry='325' fill='%23F2F2F7'></ellipse></svg>");
}
._06c65b642._8a7914642 {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%221600%22%20height%3D%22900%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%3Cpath%20id%3D%22svg_2%22%20d%3D%22m1194.72403%2C-242.57994c5.71197%2C-9.89343%2019.99189%2C-9.89339%2025.70385%2C0.00003l354.71331%2C614.38151c5.70826%2C9.89317%20-1.42836%2C22.2602%20-12.8523%2C22.2602l-709.42662%2C0c-11.42398%2C0%20-18.5639%2C-12.36702%20-12.85193%2C-22.2602l354.71369%2C-614.38154z%22%20fill%3D%22%23C0F0D1%22%20stroke%3D%22null%22%2F%3E%0A%3C%2Fsvg%3E");
}
._06c65b642.d5e257642 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900' viewBox='0 0 1600 900' fill='none'%3E%3Cg clip-path='url(%23clip0_12186_249106)'%3E%3Cg filter='url(%23filter0_f_12186_249106)'%3E%3Cpath d='M1420.69 -160.537C1579.34 -35.4659 1631.27 163.196 1536.68 283.186C1442.08 403.176 1062.92 619.61 904.264 494.538C745.612 369.467 867.554 -49.7482 962.148 -169.738C1056.74 -289.728 1262.04 -285.609 1420.69 -160.537Z' fill='%23FFD4D3'/%3E%3C/g%3E%3Cg opacity='0.4' filter='url(%23filter1_f_12186_249106)'%3E%3Cpath d='M876.787 1429.3C701.83 1328.29 621.931 1139.13 698.327 1006.81C774.723 874.487 1118.91 605.884 1293.87 706.896C1468.82 807.907 1408.3 1240.28 1331.9 1372.6C1255.51 1504.93 1051.74 1530.31 876.787 1429.3Z' fill='%23FFD4D3'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_12186_249106' x='627.596' y='-457.104' width='1156.32' height='1189.31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_12186_249106'/%3E%3C/filter%3E%3Cfilter id='filter1_f_12186_249106' x='469.355' y='484.676' width='1137.97' height='1206.47' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_12186_249106'/%3E%3C/filter%3E%3CclipPath id='clip0_12186_249106'%3E%3Crect width='1600' height='900' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
._06c65b642._70878c642 {
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='801' viewBox='0 0 1440 801' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7450_10114)'%3E%3Crect width='1440' height='800' transform='translate(0 0.5)' fill='white'/%3E%3Cg filter='url(%23filter0_f_7450_10114)'%3E%3Cpath d='M1011.64 93.0705C1172.71 35.5831 1338.53 87.7334 1382 209.551C1425.48 331.369 1410.08 700.638 1249.01 758.126C1087.94 815.613 842.203 539.55 798.725 417.732C755.246 295.914 850.572 150.558 1011.64 93.0705Z' fill='%235C8DED'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_7450_10114)'%3E%3Cpath d='M1038.49 118.322C1179.77 -22.9661 1385.45 -46.3623 1497.88 66.0652C1610.31 178.493 1793.56 590.822 1652.28 732.11C1510.99 873.398 1098.66 690.142 986.23 577.715C873.802 465.287 897.199 259.61 1038.49 118.322Z' fill='%23675EF3'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_7450_10114)'%3E%3Cpath d='M1053.11 60.5541C1133.54 -78.7702 1310.4 -127.258 1448.11 -47.7464C1585.83 31.7652 1885.4 355.317 1804.97 494.641C1724.53 633.965 1294.54 536.303 1156.82 456.791C1019.1 377.28 972.667 199.878 1053.11 60.5541Z' fill='url(%23paint0_linear_7450_10114)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_7450_10114' x='538.211' y='-180.314' width='1114.68' height='1196.22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='125' result='effect1_foregroundBlur_7450_10114'/%3E%3C/filter%3E%3Cfilter id='filter1_f_7450_10114' x='665.107' y='-255.057' width='1288.51' height='1288.51' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='125' result='effect1_foregroundBlur_7450_10114'/%3E%3C/filter%3E%3Cfilter id='filter2_f_7450_10114' x='763.639' y='-335.986' width='1304.83' height='1150.88' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='125' result='effect1_foregroundBlur_7450_10114'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_7450_10114' x1='1283.39' y1='529.866' x2='1574.68' y2='25.3286' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23607BF0'/%3E%3Cstop offset='0.760417' stop-color='%23CCC6FA'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_7450_10114'%3E%3Crect width='1440' height='800' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
._06c65b642._30eede642 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1601' height='900' viewBox='0 0 1601 900' fill='none'%3E%3Cg clip-path='url(%23clip0_12186_249083)'%3E%3Cg filter='url(%23filter0_f_12186_249083)'%3E%3Cpath d='M1399.4 -163.135C1558.05 -38.0635 1609.98 160.598 1515.38 280.588C1420.79 400.578 1041.62 617.012 882.973 491.941C724.321 366.869 846.263 -52.3458 940.857 -172.336C1035.45 -292.326 1240.75 -288.207 1399.4 -163.135Z' fill='%23FFF4CC'/%3E%3C/g%3E%3Cg opacity='0.4' filter='url(%23filter1_f_12186_249083)'%3E%3Cpath d='M855.496 1426.7C680.539 1325.69 600.64 1136.53 677.036 1004.21C753.432 871.89 1097.62 603.287 1272.57 704.298C1447.53 805.309 1387.01 1237.68 1310.61 1370.01C1234.21 1502.33 1030.45 1527.71 855.496 1426.7Z' fill='%23FFD4D3'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_12186_249083' x='606.305' y='-459.701' width='1156.32' height='1189.31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_12186_249083'/%3E%3C/filter%3E%3Cfilter id='filter1_f_12186_249083' x='448.064' y='482.078' width='1137.97' height='1206.47' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_12186_249083'/%3E%3C/filter%3E%3CclipPath id='clip0_12186_249083'%3E%3Crect width='1600' height='900' fill='white' transform='translate(0.25)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
._06c65b642.f7cf7c642 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'%3E%3Cg clip-path='url(%23clip0_11795_222522)'%3E%3Cg opacity='0.8' filter='url(%23filter0_f_11795_222522)'%3E%3Cpath d='M1672.75 935.557C1511.93 1106.66 1276.66 1146.77 1147.25 1025.15C1017.84 903.519 805.428 442.648 966.244 271.542C1127.06 100.436 1600.2 283.888 1729.61 405.515C1859.02 527.143 1833.56 764.451 1672.75 935.557Z' fill='%23D5D3FF'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_11795_222522' x='708.462' y='1.97656' width='1303.74' height='1293.5' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_11795_222522'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
._06c65b642.ef375a642 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'%3E%3Cg clip-path='url(%23clip0_10042_255984)'%3E%3Cg filter='url(%23filter0_f_10042_255984)'%3E%3Cpath d='M1616.41 484.831C1545.97 606.847 1391.08 649.311 1270.48 579.677C1149.87 510.044 887.511 226.688 957.956 104.672C1028.4 -17.3432 1404.97 68.186 1525.58 137.82C1646.19 207.453 1686.86 362.816 1616.41 484.831Z' fill='url(%23paint0_linear_10042_255984)'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_10042_255984)'%3E%3Cpath d='M1499.34 806.537C1395.88 843.464 1289.36 809.965 1261.44 731.716C1233.51 653.466 1243.41 416.267 1346.87 379.341C1450.33 342.414 1608.18 519.742 1636.1 597.992C1664.03 676.241 1602.8 769.61 1499.34 806.537Z' fill='%230DB5FF'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_10042_255984)'%3E%3Cpath d='M1722.13 597.621C1609.51 710.235 1428.05 711.358 1316.83 600.129C1205.6 488.901 1002.27 102.993 1114.89 -9.62094C1227.5 -122.235 1613.41 81.0909 1724.64 192.319C1835.86 303.548 1834.74 485.008 1722.13 597.621Z' fill='url(%23paint1_linear_10042_255984)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_10042_255984' x='746.135' y='-156.85' width='1104.84' height='970.016' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_10042_255984'/%3E%3C/filter%3E%3Cfilter id='filter1_f_10042_255984' x='1048.02' y='174.345' width='794.84' height='847.213' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_10042_255984'/%3E%3C/filter%3E%3Cfilter id='filter2_f_10042_255984' x='961.944' y='-162.562' width='965.383' height='965.383' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='60' result='effect1_foregroundBlur_10042_255984'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_10042_255984' x1='1414.74' y1='73.8231' x2='1159.63' y2='515.681' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231E7BD0'/%3E%3Cstop offset='0.760417' stop-color='%235AA9A5'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_10042_255984' x1='1622.41' y1='90.0952' x2='1214.6' y2='497.905' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.6875' stop-color='%234B40F5'/%3E%3Cstop offset='1' stop-color='%231AFFB3'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_10042_255984'%3E%3Crect width='1600' height='900' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
._06c65b642._43ae70642 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900' fill='none'%3E%3Cg clip-path='url(%23clip0_1582_160017)'%3E%3Cg filter='url(%23filter0_f_1582_160017)'%3E%3Cpath fill='%23D5D3FF' d='M1511.57 607.214c-163.8 50.936-337.39-39.024-387.74-200.932-50.35-161.908-50.93-632.054 112.87-682.99 163.79-50.936 429.94 336.627 480.29 498.535 50.34 161.907-41.62 334.451-205.42 385.387Z'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_1582_160017)'%3E%3Cpath fill='%23FFD7FF' d='M1397.01 938.887c-95.03-62.88-121.72-189.943-59.61-283.805 62.11-93.861 303.65-291.502 398.68-228.622 95.03 62.879 7.56 362.469-54.55 456.33-62.1 93.861-189.49 118.98-284.52 56.097Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1582_160017' width='886.696' height='1152.83' x='969.108' y='-406.325' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_1582_160017' stdDeviation='62.52'/%3E%3C/filter%3E%3Cfilter id='filter1_f_1582_160017' width='918.667' height='1003.68' x='1081.64' y='192.089' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_1582_160017' stdDeviation='111.125'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
._06c65b642._89b95a642 {
  background-position: top center;
  background-repeat: no-repeat;
}
._06c65b642.c73911642 {
  background-size: 3072px 1728px;
}
._06c65b642._1da70d642 {
  background-size: cover;
}
._06c65b642.d70d06642 {
  flex-direction: column;
  justify-content: flex-start;
  background-color: #fff;
  gap: 20vh;
}
._06c65b642.b1964f642 {
  gap: 0;
  justify-content: center;
}
._06c65b642 ._307070642 {
  flex: 1 0 auto;
}
._06c65b642 .a42d4b642 {
  display: flex;
  align-items: center;
  position: relative;
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/OverviewPage/OverviewPageContent/OverviewPageContent.scss.css ***!
  \*************************************************************************************************************************************************************/
._06c651a29 {
  max-width: 55%;
  padding-left: 12px;
}
._06c651a29._4789f6a29 {
  max-width: 45%;
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/OverviewPage/OverviewPageHeaderIcon/OverviewPageHeaderIcon.css ***!
  \**************************************************************************************************************************************************************/
._06c6b3568 {
  margin-bottom: 8px;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/OverviewPage/OverviewPageHeader/OverviewPageHeader.scss.css ***!
  \***********************************************************************************************************************************************************/
._06c6a9b63._2ff066b63 {
  margin-bottom: 16px;
}
._06c6a9b63.b764ecb63 {
  margin-bottom: 32px;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/OverviewPage/OverviewPageDescription/OverviewPageDescription.scss.css ***!
  \*********************************************************************************************************************************************************************/
._06c681168._409082168 {
  margin-bottom: 24px;
}
._06c681168._2ff0ac168 {
  margin-bottom: 16px;
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/OverviewPage/OverviewPageButtons/OverviewPageButtons.scss.css ***!
  \*************************************************************************************************************************************************************/
._06c6d46e9 {
  max-width: 80%;
}
._06c6d46e9.a4cf426e9 {
  margin-top: 48px;
}
._06c6d46e9.e6bdc06e9 {
  margin-top: 32px;
}
._06c6d46e9._47896b6e9 {
  max-width: 100%;
}
._06c6d46e9._17dd4a6e9 {
  max-width: 50%;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/OverviewPage/OverviewPageImages/OverviewPageImages.scss.css ***!
  \***********************************************************************************************************************************************************/
._6105b09fc {
  position: absolute;
  top: 50%;
  right: -120px;
  width: 562px;
  height: 730px;
  max-width: unset;
  max-height: unset;
  transform: translate(0, -50%);
}

._067c519fc {
  pointer-events: none;
  padding-top: 87px;
  padding-left: 170px;
}

._1beb389fc {
  right: -55px;
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/OverviewPage/OverviewPageBoldText/OverviewPageBoldText.scss.css ***!
  \***************************************************************************************************************************************************************/
._06c665b7e {
  margin-bottom: 48px;
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/OverviewPage/OverviewPageTickList/OverviewPageTickList.scss.css ***!
  \***************************************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
@media (min-width: 993px) {
  ._06c6af9ce {
    margin-bottom: 48px;
  }
}
/*!*************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/OverviewPage/OverviewPageTickListContent.scss.css ***!
  \*************************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
@media (max-width: 991px) {
  ._4371310ac {
    margin-bottom: 8px;
  }
}

.c2d4900ac {
  display: block;
  padding-top: 4px;
}

._0965d30ac {
  display: block;
  padding-top: 3px;
}

._1288560ac {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 2px solid #00a36d;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 600;
  color: #00a36d;
  opacity: 0.8;
}
/*!******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-button-social/build/ButtonSocial.css ***!
  \******************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/ButtonSocial.module.scss */
.CZ0My1 {
  justify-content: space-between;
}
.XJ3bl1,
.CHite1 {
  width: 24px;
}
/*# sourceMappingURL=ButtonSocial.css.map */
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Separator/TextSeparator.scss.css ***!
  \********************************************************************************************************************************/
._06c6f51f0 {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
}
._06c6f51f0 ._982dd11f0 {
  display: flex;
  flex-grow: 1;
  padding: 0 16px;
  position: relative;
  top: -1px;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/NegativeMarginWrapper/NegativeMarginWrapper.scss.css ***!
  \****************************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._06c685dbe._06c685dbe {
  margin: 0 calc(-1 * var(--tablet-side-edge, 40px));
}
@media (max-width: 767px) {
  ._06c685dbe._06c685dbe {
    margin-left: calc(-1 * var(--mobile-side-edge, 20px));
    margin-right: calc(-1 * var(--mobile-side-edge, 20px));
  }
}
@media (max-width: 359px) {
  ._06c685dbe._06c685dbe {
    margin-left: calc(-1 * var(--small-mobile-side-edge, 16px));
    margin-right: calc(-1 * var(--small-mobile-side-edge, 16px));
  }
}
/*!*************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Pill/PillScrollWrapper/PillScrollWrapper.scss.css ***!
  \*************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6d4890 {
  display: flex;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
  -webkit-scroll-snap-type: x proximity;
  scroll-behavior: smooth;
}
._06c6d4890.a78e9b890 {
  padding: 16px 16px 16px 16px;
}
._06c6d4890.a78e9b890.b28478890 {
  padding: 16px 16px 16px 8px;
}
._06c6d4890._57fca5890 {
  padding: 10px 16px 0 16px;
}
._06c6d4890._57fca5890.b28478890 {
  padding: 10px 16px 0 8px;
}
._06c6d4890 > * > * {
  margin-right: 12px;
  flex-shrink: 0;
  scroll-snap-align: center;
}

.e7a265890 {
  padding: 0 0 0 12px;
  display: flex;
  align-items: center;
  position: relative;
}

.e7a265890::after {
  background: linear-gradient(to right, #fff 5%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  content: "";
  width: 60%;
  height: 100%;
  left: 100%;
}
/*!******************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Pill/Pill.scss.css ***!
  \******************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6c0e24 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  display: inline-block;
  border: solid 1px transparent;
  line-height: 1;
  box-shadow: var(--button-no-shadow, 0 4px 6px rgba(16, 25, 40, 0.06));
  transition: background-color 300ms ease, border 300ms;
}
._06c6c0e24 .ed7079e24 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._06c6c0e24 .ed7079e24 > * + * {
  margin-left: 6px;
}
._06c6c0e24._90a970e24 {
  color: #101928;
  border-color: #d5d7da;
  background-color: #fff;
}
._06c6c0e24._90a970e24._7c8b59e24, ._06c6c0e24._90a970e24._9687d8e24 {
  border-color: #101928;
}
._06c6c0e24._90a970e24._17eb98e24 {
  color: #878c93;
  user-select: none;
  box-shadow: none;
}
._06c6c0e24._90a970e24.e61a1fe24 {
  color: #fff;
  border-color: #d5d7da;
  background-color: #6950f3;
  box-shadow: none;
}
._06c6c0e24._9fcadee24 {
  color: #6950f3;
  border-color: #d5d7da;
  background-color: #fff;
}
._06c6c0e24._9fcadee24._7c8b59e24, ._06c6c0e24._9fcadee24._9687d8e24 {
  border-color: #6950f3;
  background-color: #fff;
}
._06c6c0e24._9fcadee24._17eb98e24 {
  color: #878c93;
  user-select: none;
  box-shadow: none;
}
._06c6c0e24._9fcadee24.e61a1fe24 {
  color: #fff;
  border-color: #6950f3;
  background-color: #6950f3;
  box-shadow: none;
}
._06c6c0e24.de695ce24 {
  color: #101928;
  border-color: #fff;
  background-color: #fff;
}
._06c6c0e24.de695ce24._7c8b59e24, ._06c6c0e24.de695ce24._9687d8e24 {
  border-color: #fff;
}
._06c6c0e24.de695ce24._17eb98e24 {
  color: #878c93;
  user-select: none;
  box-shadow: none;
}
._06c6c0e24.de695ce24.e61a1fe24 {
  color: #fff;
  border-color: #fff;
  background-color: #101928;
  box-shadow: none;
}
._06c6c0e24._0652b0e24 {
  border-radius: 24px;
  padding: 6px 12px;
}
._06c6c0e24._885228e24 {
  border-radius: 24px;
  padding: 8.5px 16px;
}
/*!*******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Pill/PillText/PillText.scss.css ***!
  \*******************************************************************************************************************************/
._06c6df2bc._707bf52bc {
  max-width: 200px;
}
/*!****************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Pill/StatusDot/StatusDot.css ***!
  \****************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6e9fd2 {
  width: 12px;
  height: 12px;
  background: #f19101;
  border-radius: 6px;
}
/*!***********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Icon/IconAccountMerge/IconAccountMerge.scss.css ***!
  \***********************************************************************************************************************************************/
._06c6e7d4e {
  position: relative;
  display: inline-block;
}
._06c6e7d4e ._6ae934d4e {
  display: inline-block;
  width: 220px;
}
._06c6e7d4e ._14f538d4e {
  position: absolute;
  width: 14.54%;
  height: 40%;
  right: 10.5%;
  top: 23%;
}
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Placeholder/Placeholder.scss.css ***!
  \********************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6af61c {
  max-width: 450px;
  margin: 0 auto;
  padding: 64px 0 48px 0;
  text-align: center;
}
._06c6af61c._5f7b7f61c {
  padding: 0;
}
._06c6af61c._5f7b7f61c .ed70f361c {
  padding: 0;
}
._06c6af61c .ed70f361c {
  padding: 0 24px;
}
@media (min-width: 768px) {
  ._06c6af61c .ed70f361c {
    padding: 0 48px;
  }
}
._06c6af61c .c2d4e661c {
  display: block;
  margin-bottom: 21px;
  margin-left: auto;
  margin-right: auto;
}
._06c6af61c .c2d4e661c._4e0db461c svg path {
  fill: #878c93;
}
@media (min-width: 768px) {
  ._06c6af61c .c2d4e661c._4e0db461c svg path {
    fill: #101928;
  }
}
._06c6af61c ._82a33461c:not(:last-child) {
  margin-top: 0;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  ._06c6af61c ._82a33461c:not(:last-child) {
    margin-bottom: 16px;
  }
}
._06c6af61c .c3e23061c {
  width: 100%;
}
@media (min-width: 768px) {
  ._06c6af61c .c3e23061c {
    width: auto;
    margin: 0 auto;
    display: inline-flex;
  }
}
._06c6af61c ._982dc861c {
  margin-top: 0;
  margin-bottom: 16px;
  color: #101928;
  font-size: 17px;
}
._06c6af61c._6fb9ee61c ._82a33461c, ._06c6af61c._6fb9ee61c ._982dc861c, ._06c6af61c._6fb9ee61c ._1091c961c {
  transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
  opacity: 0;
  transform: translateY(20vh);
}
._06c6af61c._6fb9ee61c._696aae61c ._82a33461c, ._06c6af61c._6fb9ee61c._696aae61c ._982dc861c, ._06c6af61c._6fb9ee61c._696aae61c ._1091c961c {
  opacity: 1;
  transform: unset;
}
._06c6af61c.ea956561c ._82a33461c, ._06c6af61c.ea956561c ._982dc861c, ._06c6af61c.ea956561c ._1091c961c {
  opacity: 0;
  transform: translateY(20vh);
  animation: _0e361a61c 500ms ease-in-out forwards;
}
@keyframes _0e361a61c {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._06c6af61c > :last-child {
  margin-bottom: 0;
}
/*!************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/TapToCopyLink/TapToCopyLink.scss.css ***!
  \************************************************************************************************************************************/
._06c6ecab0 .c96c37ab0.c96c37ab0 {
  text-overflow: ellipsis;
  cursor: pointer;
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/OverviewPage/OverviewPageModalDesktop/OverviewPageModalDesktop.scss.css ***!
  \***********************************************************************************************************************************************************************/
._06c6575fd {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  width: 1200px;
  max-width: 100%;
  background: white;
}
._06c6575fd ._7a05635fd {
  padding: 140px 0 140px 80px;
}
._06c6575fd ._0808de5fd {
  padding: 80px 0 80px 80px;
}
._06c6575fd .ed709b5fd {
  max-width: 48%;
  width: 100%;
}
._06c6575fd ._61054e5fd {
  max-width: 100%;
  max-height: 100%;
  width: 480px;
  height: 590px;
  position: absolute;
  right: 0;
  top: 0;
  object-fit: cover;
  z-index: 10;
}
._06c6575fd ._61054e5fd._125ab95fd {
  object-fit: contain;
}
._06c6575fd ._61054e5fd._2f37195fd {
  object-fit: none;
}
._06c6575fd ._2460355fd {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 11;
}
/*!******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Background/Background.scss.css ***!
  \******************************************************************************************************************************/
._06c6fe004 {
  position: relative;
  height: 100%;
  width: 100%;
}
._06c6fe004._2947f5004 {
  display: flex;
}
._06c6fe004._0b790a004 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.e72970004 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  overflow: hidden;
}
.e72970004._3c8fdc004 {
  height: calc(100% + var(--safeAreaInsetTop));
  top: calc(var(--safeAreaInsetTop) * -1);
}

.ed7051004 {
  position: relative;
  z-index: 11;
}
.ed7051004._2947f5004 {
  display: flex;
  flex-grow: 1;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/OverviewPage/OverviewPageModalTickList/OverviewPageModalTickList.scss.css ***!
  \*************************************************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
@media (min-width: 993px) {
  ._06c68d53f {
    margin-bottom: 16px;
  }
}
/*!******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Navigation/Navigation.scss.css ***!
  \******************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c63fd95 {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  background-color: #101928;
  padding: 12px;
  overflow-y: auto;
  overflow-x: hidden;
}
._06c63fd95::-webkit-scrollbar {
  width: 5px;
}
._06c63fd95::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(64, 71, 83, 0.8);
}
._06c63fd95::-webkit-scrollbar-thumb:hover {
  background: rgba(135, 140, 147, 0.75);
}
._06c63fd95::-webkit-scrollbar-track {
  border-radius: 10px;
}
._06c63fd95._3a1c83d95 {
  width: 72px;
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Navigation/NavigationItem.scss.css ***!
  \**********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6ffdc3 {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 12px;
  border-radius: 8px;
  background-color: transparent;
}
._06c6ffdc3._968742dc3 {
  background-color: #6950f3;
}
._06c6ffdc3._7c8b0adc3 {
  background-color: #404753;
}
._06c6ffdc3._968742dc3._7c8b0adc3 {
  background-color: #6950f3;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-gradients/build/LinearGradientAccent.css ***!
  \**********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/LinearGradientAccent.module.scss */
.G2oZgF {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 0;
  height: 0;
  overflow: hidden;
}
.Pkc97F {
  stop-color: var(--linear-gradient-accent-stops-stop0-color, #6950f3);
}
.WtafRF {
  stop-color: var(--linear-gradient-accent-stops-stop100-color, #403591);
}
/*# sourceMappingURL=LinearGradientAccent.css.map */
/*!*******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ImagePreviewFullscreen/ImagesPreviewFullscreen.scss.css ***!
  \*******************************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6d5e6d {
  position: fixed;
  height: 100vh;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2000;
  background: #101928;
}
._06c6d5e6d ._1e055ae6d {
  min-height: 72px;
  background-color: #fff;
}
._06c6d5e6d ._1e055ae6d .ca5fb6e6d {
  content: "";
  width: 100%;
  height: 32px;
}
._06c6d5e6d ._310f65e6d {
  position: absolute;
  top: 48px;
  right: 21px;
  cursor: pointer;
}
._06c6d5e6d ._94cef3e6d {
  display: flex;
  align-items: center;
  height: calc(100% - 78px);
  padding: 78px 0;
}
._06c6d5e6d .b8a7cce6d {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
._06c6d5e6d .d724ede6d {
  position: absolute;
  top: 8px;
  left: 8px;
}
._06c6d5e6d ._0bc9cde6d {
  position: relative;
}
._06c6d5e6d ._610589e6d {
  max-height: calc(100vh - 244px) !important;
  min-width: 248px;
  min-height: 248px;
  margin: 0 auto;
}
._06c6d5e6d ._84fdb3e6d {
  display: none;
}
._06c6d5e6d .c6c151e6d {
  display: none;
}
._06c6d5e6d ._6c354be6d {
  position: absolute;
  bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
@media (min-width: 992px) {
  ._06c6d5e6d {
    background: rgba(16, 25, 40, 0.8);
  }
  ._06c6d5e6d ._1e055ae6d {
    background-color: transparent;
  }
  ._06c6d5e6d ._1e055ae6d .ca5fb6e6d {
    display: none;
  }
  ._06c6d5e6d ._310f65e6d {
    top: 32px;
    left: 28px;
    right: auto;
  }
  ._06c6d5e6d ._94cef3e6d {
    padding: 0 112px 78px 112px;
  }
  ._06c6d5e6d ._610589e6d {
    max-height: calc(100vh - 150px) !important;
  }
  ._06c6d5e6d ._84fdb3e6d {
    display: block;
    position: absolute;
    left: 32px;
    top: 50%;
    transform: translate(0, -50%);
  }
  ._06c6d5e6d .c6c151e6d {
    display: block;
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translate(0, -50%);
  }
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/UpsellCardContent/UpsellCardContent.scss.css ***!
  \********************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._06c6d54d2 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 0 24px;
}
@media (max-width: 768px) {
  ._06c6d54d2 {
    padding: 0 0 0 16px;
  }
}
._06c6d54d2._881d604d2 {
  flex-direction: column;
  gap: 16px;
}
._06c6d54d2 ._6105584d2 {
  max-height: 149px;
}
._06c6d54d2 ._2b88024d2 {
  align-self: flex-end;
}
/*!***********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/MediaCard/MediaControlCard.scss.css ***!
  \***********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c604749 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0 4px 6px 0 rgba(16, 25, 40, 0.1);
  transition: box-shadow 150ms ease-in-out;
  text-align: left;
  border-radius: 8px;
  background-color: #fff;
  position: relative;
}
._06c604749._179bf8749 {
  border: 1px solid #d5d7da;
}
._06c604749.b7e3f8749 {
  box-shadow: none;
}
@media (max-width: 767px) {
  ._06c604749 {
    border: 1px solid #d5d7da;
  }
}
@media (max-width: 767px) {
  ._06c604749 .c2d4b4749 {
    position: absolute;
    right: 16px;
    top: 24px;
  }
}
._06c604749 .aaf2c5749 {
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  color: #101928;
  margin: 12px 0 4px;
}
._06c604749 .c90408749 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  color: #878c93;
}
._06c604749.fd01b2749 {
  cursor: default;
}
._06c604749._7c8b73749 {
  box-shadow: 0 8px 16px 0 rgba(16, 25, 40, 0.1);
}
._06c604749._17eb36749 {
  filter: grayscale(1);
  pointer-events: none;
}
._06c604749 .c6988b749 {
  padding: 24px;
  flex-grow: 1;
}
@media (max-width: 767px) {
  ._06c604749 .c6988b749 {
    padding: 24px 88px 24px 16px;
  }
}
._06c604749 ._3d578b749 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 72px;
  width: 100%;
  padding: 16px 24px;
  border-top: 1px solid #d5d7da;
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Cards/CardLocation/CardLocationLink.scss.css ***!
  \********************************************************************************************************************************************/
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
@media (hover: hover) and (pointer: fine) {
  ._06c6bdee9:focus ._6105a0ee9::before, ._06c6bdee9:hover ._6105a0ee9::before {
    opacity: 0.2;
  }
}
._06c6bdee9.fa2109ee9 ._6105a0ee9 {
  margin-bottom: 8px;
}
._06c6bdee9._7fc7c8ee9 {
  display: grid;
  grid-template-columns: 250px 1fr;
  grid-column-gap: 32px;
  grid-auto-flow: column;
  align-items: center;
}
._06c6bdee9 .ed703dee9 {
  overflow: hidden;
}
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Chart/ChartLegend/ChartLegend.scss.css ***!
  \**************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
.c2d476177 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.c2d476177._5102aa177 {
  background-color: #6950f3;
}
.c2d476177._6ae200177 {
  background-color: #60c290;
}
.c2d476177._00d635177 {
  background-color: #00a36d;
}
.c2d476177._9afe7f177 {
  background-color: #6950f3;
}
.c2d476177._7b6c6a177 {
  background-color: #da2346;
}
/*!******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/CircularProgress/CircularProgress.scss.css ***!
  \******************************************************************************************************************************************/
._06c697be0 {
  position: relative;
  display: inline-block;
}
._06c697be0 .ed7079be0 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60%);
  text-align: center;
}
/*!**************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Overflow/Overflow.scss.css ***!
  \**************************************************************************************************************************/
._06c67ec11.d6672bc11 {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

._0fc861c11 {
  overflow: visible;
}

.d51199c11 {
  overflow: hidden;
}

._0ff736c11 {
  overflow: clip;
}

.e241fdc11 {
  overflow: scroll;
}

._1a26d9c11 {
  overflow: auto;
}

.d59910c11 {
  overflow: overlay;
}

.bd7d98c11 {
  overflow: visible visible;
}

._4991b8c11 {
  overflow: visible hidden;
}

.ca4362c11 {
  overflow: visible clip;
}

._7df418c11 {
  overflow: visible scroll;
}

._60fa34c11 {
  overflow: visible auto;
}

.dbbb43c11 {
  overflow: visible overlay;
}

.a72ca7c11 {
  overflow: hidden visible;
}

._603615c11 {
  overflow: hidden hidden;
}

.a421d2c11 {
  overflow: hidden clip;
}

._546561c11 {
  overflow: hidden scroll;
}

._12caacc11 {
  overflow: hidden auto;
}

.e7702cc11 {
  overflow: hidden overlay;
}

.e014f8c11 {
  overflow: clip visible;
}

._0b99acc11 {
  overflow: clip hidden;
}

.c99609c11 {
  overflow: clip clip;
}

._2f8f07c11 {
  overflow: clip scroll;
}

.ae7f4dc11 {
  overflow: clip auto;
}

._4dcb8bc11 {
  overflow: clip overlay;
}

._509b06c11 {
  overflow: scroll visible;
}

._923792c11 {
  overflow: scroll hidden;
}

._3305bec11 {
  overflow: scroll clip;
}

._2a5982c11 {
  overflow: scroll scroll;
}

._839ab3c11 {
  overflow: scroll auto;
}

._25a71fc11 {
  overflow: scroll overlay;
}

._3c4de3c11 {
  overflow: auto visible;
}

._1886b7c11 {
  overflow: auto hidden;
}

._5830bec11 {
  overflow: auto clip;
}

._557397c11 {
  overflow: auto scroll;
}

._84ceacc11 {
  overflow: auto auto;
}

._09d709c11 {
  overflow: auto overlay;
}

.c3263bc11 {
  overflow: overlay visible;
}

.d1671fc11 {
  overflow: overlay hidden;
}

._0436ccc11 {
  overflow: overlay clip;
}

._22ef45c11 {
  overflow: overlay scroll;
}

._7e80d0c11 {
  overflow: overlay auto;
}

.fa671bc11 {
  overflow: overlay overlay;
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Cards/CardLocation/CardLocationInfo.scss.css ***!
  \********************************************************************************************************************************************/
._06c67fb51 {
  display: grid;
}
._06c67fb51 .aaf25eb51 {
  grid-area: title;
  overflow: hidden;
  width: 100%;
}
._06c67fb51 ._41ff15b51 {
  grid-area: details;
}
._06c67fb51 ._2b0d80b51 {
  grid-area: actions;
}
._06c67fb51 ._880537b51 {
  grid-area: badge;
}
._06c67fb51 ._61057db51 {
  grid-area: image;
}
._06c67fb51 ._89c6e8b51 {
  grid-area: timeStamp;
  text-align: right;
  overflow: hidden;
  width: 100%;
}
._06c67fb51.fa21a1b51 {
  grid-template-areas: "image image" "title title" "details details" "badge timeStamp" "actions actions";
  grid-column-gap: 16px;
}
._06c67fb51.fa21a1b51 ._89c6e8b51 {
  place-self: center flex-end;
}
._06c67fb51.fa21a1b51 ._61057db51,
._06c67fb51.fa21a1b51 ._41ff15b51 {
  margin-bottom: 8px;
}
._06c67fb51.fa21a1b51 ._2b0d80b51 {
  display: grid;
  grid-gap: 8px;
  grid-auto-flow: column;
  margin-top: 24px;
}
._06c67fb51._7fc707b51 {
  grid-template-areas: "image title timeStamp" "image details details" "image bottom bottom";
  grid-template-columns: 250px 1fr;
  grid-template-rows: max-content max-content 1fr;
  grid-column-gap: 32px;
}
._06c67fb51._7fc707b51 ._89c6e8b51 {
  place-self: center flex-end;
}
._06c67fb51._7fc707b51 ._2b0d80b51 {
  display: grid;
  grid-gap: 8px;
  grid-auto-flow: column;
  place-self: flex-end;
  grid-area: bottom;
  min-width: 320px;
  grid-auto-columns: 1fr;
}
._06c67fb51._7fc707b51 ._880537b51 {
  place-self: flex-end flex-start;
  grid-area: bottom;
}
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/NewsArticle/NewsArticle.scss.css ***!
  \********************************************************************************************************************************/
._06c63648b {
  position: relative;
}

.e3926648b {
  position: static;
  top: auto;
  right: auto;
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/NewsArticle/NewsImage/NewsImage.scss.css ***!
  \****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6ccf94 ._6105bbf94 {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background: #e7e8ff;
}
._06c6ccf94 ._6105bbf94 ._8addfdf94 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
._06c6ccf94 ._6105bbf94::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0;
  transition: opacity 300ms;
  z-index: 1;
}
._06c6ccf94 ._6105bbf94._409742f94 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
}
._06c6ccf94 ._6105bbf94._409742f94::before {
  background: #b0b1fd;
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ResponsiveImage/ResponsiveImage.scss.css ***!
  \****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
@keyframes f0c8b16df {
  0% {
    background: #f2f2f7;
  }
  50% {
    background: #e8e8ee;
  }
  100% {
    background: #f2f2f7;
  }
}
@keyframes _4253ce6df {
  0% {
    background: #dfdfe7;
  }
  50% {
    background: #e8e8ee;
  }
  100% {
    background: #dfdfe7;
  }
}
@keyframes _749dd36df {
  from {
    background-position: 0;
  }
  to {
    background-position: 1000px;
  }
}
._06c6f16df {
  position: relative;
  overflow: hidden;
}
._06c6f16df._750ce06df {
  padding-top: calc(100% / 1.78);
}
._06c6f16df._064d306df {
  padding-top: calc(100% / 1.3333);
}
._06c6f16df._129d206df {
  padding-top: calc(100% / 1);
}
._06c6f16df._3154b76df {
  padding-top: calc(100% / 1.4167);
}
._06c6f16df ._2628b26df,
._06c6f16df ._3bf7276df {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
._06c6f16df .b2984a6df {
  opacity: 0;
  object-fit: cover;
}
._06c6f16df ._2b86996df {
  opacity: 1;
}
._06c6f16df ._4097e06df {
  background: #e8e8ee;
  animation: f0c8b16df 1.5s infinite;
}
._06c6f16df ._4097e06df.f279656df {
  animation: _4253ce6df 1.5s infinite;
}
._06c6f16df ._4097e06df._2dc34f6df {
  animation: none;
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Cards/CardLocation/CardLocationImage/CardLocationImage.scss.css ***!
  \***************************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6fd7db {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background: #e7e8ff;
}
._06c6fd7db ._8add287db {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
._06c6fd7db::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0;
  transition: opacity 300ms;
  z-index: 1;
}
._06c6fd7db._4097c97db {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
}
._06c6fd7db._4097c97db::before {
  background: #b0b1fd;
}
/*!*******************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Cards/CardLocation/CardLocationDetails/CardLocationDetails.scss.css ***!
  \*******************************************************************************************************************************************************************/
._06c658e16 ._112891e16 {
  margin-top: 4px;
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/NotificationDot/NotificationDot.scss.css ***!
  \****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c63bbca {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #6950f3;
  border-radius: 50% 50%;
  width: 12px;
  height: 12px;
  min-width: 12px;
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/PhonePreview/Notification.scss.css ***!
  \**********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c628bfb {
  min-width: 200px;
  width: 100%;
  padding: 24px;
  margin-bottom: 16px;
  background-color: #fff;
  box-shadow: 0 8px 16px 0 rgba(16, 25, 40, 0.1);
  border-radius: 16px;
  pointer-events: none;
}
._06c628bfb ._1e052bbfb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._06c628bfb ._1e052bbfb ._7bcb32bfb {
  display: flex;
  align-items: center;
}
._06c628bfb ._1e052bbfb ._7bcb32bfb .c2d464bfb {
  margin-right: 7px;
}
._06c628bfb ._1e052bbfb ._7bcb32bfb .aaf2e7bfb {
  text-transform: uppercase;
}
._06c628bfb .a949efbfb {
  font-size: 16px;
  font-weight: 600;
  margin: 9px 0;
}
._06c628bfb .ed7030bfb {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}
._06c628bfb .ed7030bfb .b1b111bfb {
  color: black;
  text-decoration: underline;
  font-size: 16px;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/TileRowButton/TileRowButtonWrapper.scss.css ***!
  \*******************************************************************************************************************************************/
._06c628866 {
  width: 100%;
  max-width: 560px;
  margin-top: 8px;
}
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/UserPreview/UserPreview.scss.css ***!
  \********************************************************************************************************************************/
._06c6b3081 {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  gap: 16px;
}
._06c6b3081._34dad2081 {
  grid-template-columns: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._06c6b3081._34dad2081 ._1128a3081 {
  justify-content: center;
}
._06c6b3081 ._97b514081 {
  position: relative;
}
._06c6b3081 ._2c837c081 {
  position: absolute;
  right: 0;
  bottom: 0;
}
._06c6b3081 ._1128a3081 {
  padding: 2px 0;
}
/*!****************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/styles/backgrounds.scss.css ***!
  \****************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/*!***************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ColorfulBar/ColorfulBar.css ***!
  \***************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6fdf5f {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  left: 0;
  top: 0;
  pointer-events: none;
}

._300de4f5f {
  position: absolute;
  left: 0;
  top: -10px;
  bottom: -10px;
  border-radius: 8px;
  border-left: solid transparent;
  border-image-slice: 1;
  border-left-width: 6px;
  border-right-width: 0;
}
._300de4f5f._9fca4ff5f {
  border-left-color: #6950f3;
}
._300de4f5f.ade7c1f5f {
  border-left-color: #101928;
}
._300de4f5f._76e72df5f {
  border-left-color: #00a36d;
}
._300de4f5f._7f849ff5f {
  border-left-color: #e66422;
}
._300de4f5f._5d1907f5f {
  border-left-color: #6950f3;
}
@media (max-width: 991px) {
  ._300de4f5f {
    border-left-width: 5px;
  }
}
/*!******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SearchableSelect/SearchableSelect.scss.css ***!
  \******************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6f8438 {
  flex-grow: 1;
}

._03d0d6438 > div {
  border-radius: 40px;
}
@media (max-width: 767px) {
  ._03d0d6438 > div {
    border-radius: 8px;
  }
}

._93f299438 {
  border: 1px solid #d5d7da;
  box-shadow: 0 4px 6px 0 rgba(16, 25, 40, 0.1);
  border-radius: 8px;
  max-height: 386px;
}

._88c580438 {
  padding: 12px 16px;
}
@media (max-width: 767px) {
  ._88c580438 {
    padding: 12px 0;
  }
}

._92b6b5438 {
  padding: 12px 16px;
}
@media (max-width: 767px) {
  ._92b6b5438 {
    padding: 12px 20px;
  }
}

._1d6dd0438:not(:last-of-type) {
  border-bottom: 1px solid #d5d7da;
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/AppointmentItem/AppointmentItem.scss.css ***!
  \****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c62c0be {
  position: relative;
  align-content: stretch;
}
@media (max-width: 991px) {
  ._06c62c0be {
    border: 1px solid #e8e8ee;
  }
}
._06c62c0be ._86ffe50be {
  flex: 0 0 184px;
}
._06c62c0be .b17f5e0be {
  flex: 0 0 132px;
}
._06c62c0be ._82369e0be {
  position: relative;
}
._06c62c0be ._70e74e0be {
  border-width: 2px;
}
._06c62c0be ._002cad0be {
  width: 2px;
  border-radius: 1px;
  height: 100%;
  background-color: #d5d7da;
}
/*!************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Section/Section.scss.css ***!
  \************************************************************************************************************************/
._06c6c0b0e {
  width: 100%;
}
._06c6c0b0e.d27206b0e {
  padding: 0;
}
._06c6c0b0e._9bb61db0e {
  padding: 24px 32px 40px;
}
._06c6c0b0e.ac0aa2b0e {
  padding: 0 16px 40px;
}
._06c6c0b0e.d41326b0e {
  padding: 24px 0 40px;
}
._06c6c0b0e.f67e28b0e {
  padding-top: 24px;
  padding-bottom: 40px;
}
._06c6c0b0e._39af66b0e {
  padding-bottom: 16px;
}
._06c6c0b0e._0c6b76b0e {
  padding-bottom: 24px;
}
._06c6c0b0e.ddb480b0e {
  padding-bottom: 56px;
}
/*!*****************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Section/parts/Header.scss.css ***!
  \*****************************************************************************************************************************/
._06c66cadf .bdb85aadf {
  display: flex;
  align-items: center;
}
._06c66cadf .bdb85aadf > * + * {
  margin-left: 8px;
}
._06c66cadf .a02c62adf {
  margin-top: 2px;
}
._06c66cadf._0c6b93adf {
  padding-bottom: 24px;
}
._06c66cadf._39af6fadf {
  padding-bottom: 16px;
}
._06c66cadf._70e420adf {
  padding: 0 0 24px;
}
/*!****************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/MediaCard/MediaCard.scss.css ***!
  \****************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6646e6 {
  padding: 32px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 4px 6px 0 rgba(16, 25, 40, 0.1);
  transition: box-shadow 150ms ease-in-out, border-color 150ms ease-in-out;
  text-align: center;
  border-radius: 8px;
  flex: 0 0 176px;
  max-width: 176px;
  background-color: #fff;
  white-space: normal;
}
._06c6646e6 .c2d4da6e6 {
  margin-bottom: 16px;
}
._06c6646e6 .c2d4da6e6.fdf65c6e6 {
  align-self: flex-start;
}
._06c6646e6 .c2d4da6e6.f179476e6 {
  align-self: center;
}
._06c6646e6 ._8805bc6e6 {
  margin-top: auto;
}
._06c6646e6 .b1b1616e6 {
  margin-top: auto;
}
._06c6646e6 .aaf2476e6 {
  margin-bottom: 4px;
}
._06c6646e6 ._0627eb6e6 {
  margin-bottom: 24px;
}
._06c6646e6._179b9f6e6 {
  border: 1px solid #d5d7da;
}
._06c6646e6._69b2686e6 {
  width: 100%;
  max-width: none;
  padding: 24px;
  flex-direction: row;
  flex-basis: 0;
  align-items: flex-start;
  text-align: left;
  border: 1px solid #d5d7da;
}
._06c6646e6._69b2686e6 .c904066e6,
._06c6646e6._69b2686e6 .c2d4da6e6 {
  margin-bottom: 0;
}
._06c6646e6._69b2686e6 ._8805bc6e6 {
  margin-top: 16px;
  display: inline-block;
}
._06c6646e6._69b2686e6 ._0627eb6e6 {
  margin-bottom: 0;
  margin-left: 24px;
  flex-grow: 1;
}
._06c6646e6._69b2686e6 ._0627eb6e6 .ce7f706e6 {
  display: flex;
  justify-content: space-between;
}
._06c6646e6._69b2686e6.efa2206e6 {
  flex-direction: row-reverse;
}
._06c6646e6._69b2686e6.efa2206e6 ._0627eb6e6 {
  margin-left: 0;
  margin-right: 24px;
}
._06c6646e6._69b2686e6.c01fdf6e6 ._0627eb6e6 {
  margin-left: 0;
}
._06c6646e6.fd01516e6 {
  box-shadow: none;
  cursor: default;
}
._06c6646e6._7c8b046e6 {
  box-shadow: 0 8px 16px 0 rgba(16, 25, 40, 0.1);
}
._06c6646e6._7c8b046e6 .f8c85f6e6 {
  text-underline-position: under;
  text-decoration: underline;
}
._06c6646e6._24ad926e6._7c8b046e6 {
  box-shadow: none;
  border-color: #101928;
}
@media (min-width: 992px) {
  ._06c6646e6 {
    flex: 0 0 168px;
    max-width: 168px;
  }
  ._06c6646e6._69b2686e6 {
    width: 480px;
    max-width: 480px;
  }
  ._06c6646e6._69b2686e6 ._8805bc6e6 {
    margin-top: unset;
    margin-bottom: auto;
  }
}
._06c6646e6._82835b6e6 {
  width: 100%;
  max-width: 100%;
}
._06c6646e6.b7e3e56e6 {
  box-shadow: none;
}
._06c6646e6.b7e3e56e6._7c8b046e6 {
  box-shadow: none;
}
/*!*********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/MediaCard/MediaCardRadio.scss.css ***!
  \*********************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._06c67b6a5 {
  margin-bottom: 16px;
  position: relative;
}
@media (min-width: 992px) {
  ._06c67b6a5 {
    margin-bottom: 24px;
  }
}
._06c67b6a5:last-child {
  margin-bottom: 0;
}
/*!****************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Storyline/Storyline.scss.css ***!
  \****************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6a3010 {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  min-height: 100%;
  width: 100%;
  overflow-y: auto;
  border-radius: 0;
  z-index: 1000;
  background: #fff;
}
@media (min-width: 992px) {
  ._06c6a3010 {
    border-radius: 8px;
  }
  ._06c6a3010._87bca2010 .swiper-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}
._06c6a3010.b58ab3010 {
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 992px) {
  ._06c6a3010.b58ab3010 {
    border-radius: 0;
  }
}
._06c6a3010.b58ab3010 ._1e059d010 {
  --safeAreaInsetTop: env(safe-area-inset-top);
  padding-top: var(--safeAreaInsetTop);
}
._06c6a3010 .a42dad010 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}
._06c6a3010 ._16b05b010 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
._06c6a3010 ._16b05b010._360f15010 {
  right: 50%;
}
._06c6a3010 ._16b05b010._2704d2010 {
  left: 50%;
}
._06c6a3010 ._1e059d010 {
  flex-grow: 1;
  z-index: 12;
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Storyline/StorylineHeader.scss.css ***!
  \**********************************************************************************************************************************/
._2e49dfb2e {
  align-self: flex-start;
  margin-top: 16px;
  border: none;
  padding: 0;
  background: transparent;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Storyline/NavigationBar/NavigationBar.scss.css ***!
  \**********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6649d5 ._7beae19d5 {
  position: relative;
  background: #d5d7da;
  box-sizing: border-box;
  cursor: pointer;
  flex: 1;
  line-height: 0;
  height: 2px;
  margin: 0 1px;
  border: none;
}
._06c6649d5 ._7beae19d5._0d3c609d5 {
  background-color: #6950f3;
}
._06c6649d5 ._7beae19d5 .ae38d89d5 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #6950f3;
  animation-name: _91e3209d5;
  animation-duration: 2s;
  animation-timing-function: linear;
  transform-origin: left;
}

@keyframes _91e3209d5 {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Storyline/StoryItem/StoryItemMobile.scss.css ***!
  \********************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._06c649d97 {
  display: flex;
  height: 100%;
  width: 100%;
}
._06c649d97 ._163b49d97 {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
._06c649d97 .ed70c1d97 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: stretch;
  padding: 16px 0 8px 0;
}
._06c649d97 .ed70c1d97 ._1df8b0d97 {
  display: flex;
  flex-grow: 1;
  align-items: center;
}
._06c649d97 .ed70c1d97 ._1df8b0d97 .e38b08d97 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  flex-grow: 1;
  justify-content: flex-start;
}
._06c649d97 .ed70c1d97 ._1df8b0d97 ._610504d97 {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 8px;
}
@media (max-width: 359px) {
  ._06c649d97 .ed70c1d97 ._1df8b0d97 ._610504d97 {
    width: 90%;
  }
}
/*!************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Storyline/StoryItemImage/StoryItemImage.scss.css ***!
  \************************************************************************************************************************************************/
._06c6234be {
  position: relative;
  width: 100%;
}
._06c6234be ._6105814be {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
._06c6234be ._6105814be._51c5b34be {
  height: 100%;
  width: auto;
}
/*!********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Slide/Slide.scss.css ***!
  \********************************************************************************************************************/
._06c6c9ecc._434ca2ecc ._058366ecc {
  transform: translateX(100vw);
  transition: transform 375ms ease-out;
}
._06c6c9ecc._434ca2ecc ._482cb4ecc {
  transform: translateX(0);
}
._06c6c9ecc._434ca2ecc ._89c2a8ecc {
  transform: translate(10%, -50%);
  opacity: 0;
  transition: transform 500ms ease-out 0ms, opacity 500ms ease-out 0ms;
}
._06c6c9ecc._434ca2ecc .a7d46eecc {
  transform: translate(10%, -50%);
  opacity: 0;
  transition: transform 500ms ease-out 500ms, opacity 500ms ease-out 500ms;
}
._06c6c9ecc._434ca2ecc .e582e7ecc {
  transform: translate(10%, -50%);
  opacity: 0;
  transition: transform 500ms ease-out 1000ms, opacity 500ms ease-out 1000ms;
}
._06c6c9ecc._434ca2ecc ._9f822cecc {
  transform: translate(10%, -50%);
  opacity: 0;
  transition: transform 500ms ease-out 1500ms, opacity 500ms ease-out 1500ms;
}
._06c6c9ecc._434ca2ecc ._70dac3ecc {
  transform: translate(10%, -50%);
  opacity: 0;
  transition: transform 500ms ease-out 2000ms, opacity 500ms ease-out 2000ms;
}
._06c6c9ecc._434ca2ecc ._530dabecc {
  transform: translate(10%, -50%);
  opacity: 0;
  transition: transform 500ms ease-out 2500ms, opacity 500ms ease-out 2500ms;
}
._06c6c9ecc._434ca2ecc .ba7023ecc {
  transform: translate(0, -50%);
  opacity: 1;
}
._06c6c9ecc._434ca2ecc .ba343cecc {
  transition: transform 195ms ease-out;
}
._06c6c9ecc._434ca2ecc .ba343cecc._8a5bddecc {
  transform: translateX(100vw);
}
._06c6c9ecc.ebb281ecc ._058366ecc {
  transform: translateX(-100vw);
  transition: transform 375ms ease-out;
}
._06c6c9ecc.ebb281ecc ._058366ecc._482cb4ecc {
  transform: translateX(0);
}
._06c6c9ecc.ebb281ecc .ba343cecc {
  transition: transform 195ms ease-out;
}
._06c6c9ecc.ebb281ecc .ba343cecc._8a5bddecc {
  transform: translateX(-100vw);
}
._06c6c9ecc._57d336ecc ._058366ecc {
  transform: translateY(100vw);
  transition: transform 375ms ease-out;
}
._06c6c9ecc._57d336ecc ._482cb4ecc {
  transform: translateY(0);
}
._06c6c9ecc._57d336ecc .ba343cecc {
  transition: transform 195ms ease-out;
}
._06c6c9ecc._57d336ecc .ba343cecc._8a5bddecc {
  transform: translateY(100vw);
}
._06c6c9ecc._5f464aecc ._058366ecc {
  transform: translateY(-100vw);
  transition: transform 375ms ease-out;
}
._06c6c9ecc._5f464aecc ._482cb4ecc {
  transform: translateY(0);
}
._06c6c9ecc._5f464aecc .ba343cecc {
  transition: transform 195ms ease-out;
}
._06c6c9ecc._5f464aecc .ba343cecc._8a5bddecc {
  transform: translateY(-100vw);
}
/*!******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/VerticalSlideAnimation/VerticalSlideAnimation.scss.css ***!
  \******************************************************************************************************************************************************/
._74732dbe1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ScrollableActionSheet/ScrollableActionSheet.scss.css ***!
  \****************************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._06c66faae {
  width: 100%;
  overflow: auto;
  max-height: 100%;
  z-index: 2000;
  position: fixed;
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
}
._06c66faae ._33bf5aaae {
  position: relative;
  border-radius: 32px 32px 0 0;
  background: white;
  margin-top: 30%;
}
._06c66faae ._6100bcaae {
  padding-bottom: 40px;
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
}
@media (max-width: 767px) {
  ._06c66faae ._6100bcaae {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  ._06c66faae ._6100bcaae {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}
@media (min-width: 768px) {
  ._06c66faae ._6100bcaae {
    padding-top: 16px;
    padding-bottom: 56px;
  }
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ScrollableActionSheet/Header/Header.scss.css ***!
  \********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
@keyframes _26ffb77c9 {
  0%, 20%, 50%, 80%, 100% {
    transform: translate(0, 0);
  }
  40% {
    transform: translate(0, -20px);
  }
  60% {
    transform: translate(0, -10px);
  }
}
@keyframes _25e8407c9 {
  0%, 20%, 50%, 80%, 100% {
    transform: translate(-50%, 0);
  }
  40% {
    transform: translate(-50%, -20px);
  }
  60% {
    transform: translate(-50%, -10px);
  }
}
._2141ac7c9 {
  animation: _26ffb77c9 0.9s both;
}

._5f74957c9 {
  animation: _25e8407c9 0.9s both;
}

.cda59a7c9 {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}
.cda59a7c9.ddca1d7c9 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

._67ad0e7c9 {
  padding: 18px 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 499;
}
._67ad0e7c9::after {
  content: "";
  position: static;
  display: block;
  width: 50px;
  height: 4px;
  background: #e8e8ee;
  border-radius: 4px;
  margin: 0 auto;
}

._06c6247c9 {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 16px;
  padding-left: var(--tablet-side-edge, 40px);
  padding-right: var(--tablet-side-edge, 40px);
}
@media (max-width: 767px) {
  ._06c6247c9 {
    padding-left: var(--mobile-side-edge, 20px);
    padding-right: var(--mobile-side-edge, 20px);
  }
}
@media (max-width: 359px) {
  ._06c6247c9 {
    padding-left: var(--small-mobile-side-edge, 16px);
    padding-right: var(--small-mobile-side-edge, 16px);
  }
}
._06c6247c9.aeb5917c9 {
  text-align: center;
}
._06c6247c9 ._2a8c927c9 {
  min-height: 32px;
  display: flex;
  justify-content: flex-end;
}
/*!************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RoundedCornersModal/RoundedCornersModal.scss.css ***!
  \************************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._06c638bff {
  width: 100%;
  border-radius: 25px 25px 0 0;
  overflow: auto;
  max-height: 100%;
  background: white;
  z-index: 2000;
  position: fixed;
  bottom: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  ._06c638bff {
    max-width: 420px;
    bottom: initial;
    border-radius: 8px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
  }
}
/*!******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RoundedCornersModal/RoundedCornersModalHeader.scss.css ***!
  \******************************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c614a49 {
  display: flex;
  position: relative;
}
._06c614a49._8c2bb9a49 {
  flex-direction: column;
  justify-content: space-between;
}
._06c614a49._8c2bb9a49 .aaf204a49 {
  order: 1;
}
._06c614a49._8c2bb9a49 ._2a8c42a49 {
  order: 0;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  ._06c614a49._8c2bb9a49 {
    flex-direction: row;
    border-bottom: 1px solid #e7e8e9;
  }
  ._06c614a49._8c2bb9a49 .aaf204a49 {
    order: 0;
  }
}
._06c614a49._9ba14ea49 {
  flex-direction: row;
  justify-content: center;
  padding: 24px 48px;
  border-bottom: 1px solid #e7e8e9;
}
._06c614a49._9ba14ea49 .aaf204a49 {
  font-size: 20px;
}
._06c614a49._9ba14ea49 ._2a8c42a49 {
  position: absolute;
  right: 16px;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RoundedCornersModal/RoundedCornersModalSection.scss.css ***!
  \*******************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6ff773 {
  background: #fff;
  display: flex;
  flex-direction: column;
}
/*!*****************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ScrollSelect/ScrollSelect.css ***!
  \*****************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c688d1d .cb032cd1d {
  height: 280px;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  flex: 1;
  text-align: center;
}
._06c688d1d ._4a4effd1d {
  font-size: 20px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #101928;
  width: 100%;
  box-sizing: border-box;
}
._06c688d1d ._00172fd1d {
  font-weight: bold;
  font-size: 20px;
}
._06c688d1d ._393cbcd1d {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  z-index: 3;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.3)), linear-gradient(to top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.3));
  background-position: top, bottom;
  background-size: 100% 112px;
  background-repeat: no-repeat;
}
._06c688d1d .a8e45bd1d {
  padding: 112px 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
._06c688d1d .dd6d1cd1d {
  box-sizing: border-box;
  width: 100%;
  height: 56px;
  position: absolute;
  left: 0;
  top: 112px;
  z-index: 3;
  border-top: 1px solid #e7e8e9;
  border-bottom: 1px solid #e7e8e9;
}
/*!*********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Storyline/StoryItem/StoryItemDesktop.scss.css ***!
  \*********************************************************************************************************************************************/
._06c65f691 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
._06c65f691 .ed7087691 {
  width: 100%;
  flex-grow: 1;
  max-width: 1024px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px;
}
._06c65f691 .ed7087691 ._1df86b691 {
  display: flex;
  align-items: center;
}
._06c65f691 .ed7087691 .e38b39691 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  grid-gap: 16px;
  flex-grow: 1;
}
._06c65f691 .ed7087691 ._61050c691 {
  display: flex;
  flex-direction: column;
  margin-right: 32px;
}
/*!**************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/PaidPlan/PaidPlan.scss.css ***!
  \**************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */

._06c6eddf6 {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  position: relative;
  text-decoration: none;
  padding: 20px 24px 24px;
  border-radius: 8px;
}
._06c6eddf6._0fe06fdf6 {
  max-width: 456px;
}
._06c6eddf6.ddbe0bdf6 {
  max-width: 100%;
}
._06c6eddf6._34dac2df6 {
  align-items: center;
  padding: 32px;
  text-align: center;
}
._06c6eddf6._34dac2df6 .c6f003df6 {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  border: 1px solid #e8e8ee;
  box-sizing: content-box;
}
._06c6eddf6._34dac2df6 .e3c19adf6 {
  margin: 15px 0 10px;
}
._06c6eddf6._34dac2df6 .db5435df6 {
  margin: 4px 0 0;
  display: flex;
}
._06c6eddf6._34dac2df6 .db5435df6 ._683b1edf6 {
  font-weight: 600;
}
._06c6eddf6._34dac2df6 .db5435df6 .b6a8a8df6 {
  margin-right: 8px;
}
._06c6eddf6._34dac2df6 ._1e0578df6 {
  margin-top: 32px;
  margin-bottom: 32px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid rgba(231, 232, 233, 0.3);
  border-bottom: 1px solid rgba(231, 232, 233, 0.3);
  text-align: center;
  width: 100%;
}
._06c6eddf6._34dac2df6 ._1e0578df6._3812f2df6 {
  padding-top: 32px;
  padding-bottom: 32px;
}
._06c6eddf6._34dac2df6 ._1e0578df6 .aed656df6 {
  margin-top: 2px;
}
._06c6eddf6._34dac2df6 ._3d572fdf6 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
._06c6eddf6._34dac2df6 ._3d572fdf6 ._6e628ddf6 {
  order: -1;
}
._06c6eddf6._34dac2df6._2349dadf6 ._1e0578df6, ._06c6eddf6._34dac2df6.e3f346df6 ._1e0578df6 {
  border-color: rgba(135, 140, 147, 0.3);
}
._06c6eddf6._34dac2df6 ._9c02b4df6 {
  margin-bottom: 2px;
  display: block;
  width: 100%;
}
._06c6eddf6._34dac2df6 ._9c02b4df6 .c2d4b0df6 {
  vertical-align: bottom;
}
._06c6eddf6:not(._5975f8df6, ._34dac2df6):hover {
  box-shadow: 0 16px 32px 0 rgba(16, 25, 40, 0.08);
}
._06c6eddf6._5975f8df6 ._1e0578df6 {
  text-align: center;
  padding-bottom: 24px;
}
._06c6eddf6._5975f8df6 ._3ee4abdf6 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 12px 0;
}
._06c6eddf6 ._1e0578df6 {
  text-align: left;
  padding-bottom: 40px;
}
._06c6eddf6 ._9c02b4df6 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._06c6eddf6 ._9c02b4df6 .aecf8adf6 {
  margin-bottom: 2px;
}
._06c6eddf6 ._18345edf6 {
  display: flex;
}
._06c6eddf6 ._18345edf6 .aecf8adf6 {
  margin-bottom: 6px;
}
._06c6eddf6 ._18345edf6 .bbc54adf6 {
  width: 65%;
}
._06c6eddf6 ._18345edf6 ._560ca9df6 {
  text-align: right;
  width: 35%;
  padding-left: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
._06c6eddf6 ._880513df6 {
  background: rgba(255, 255, 255, 0.4);
  color: #fff;
}
._06c6eddf6 ._3ee4abdf6 {
  display: flex;
  padding: 12px 0;
}
._06c6eddf6 .c2d4b0df6 {
  margin-right: 8px;
}
._06c6eddf6 ._95e92fdf6 {
  word-break: break-word;
}
._06c6eddf6._5d19f5df6 {
  background: linear-gradient(-45deg, #be4af4 0%, #5c37f6 100%);
  color: #fff;
}
._06c6eddf6._5d19f5df6 .c6f003df6 path {
  stroke: #fff;
}
._06c6eddf6._5d19f5df6 .ccfd0ddf6 {
  font-weight: 600;
  cursor: pointer;
  margin-right: -18px;
  color: #fff;
  white-space: nowrap;
}
._06c6eddf6._5d19f5df6 .ccfd0ddf6._968744df6 ._982d75df6 {
  border-bottom: 1px solid #fff;
}
._06c6eddf6._5d19f5df6 .ccfd0ddf6 ._982d75df6 {
  transition: border-color 150ms ease-in-out;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
._06c6eddf6._5d19f5df6 .ccfd0ddf6 .c2d4b0df6 {
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
._06c6eddf6._5d19f5df6 .ccfd0ddf6 .c2d4b0df6 path {
  fill: #fff;
}
._06c6eddf6._9fca0bdf6 {
  background: linear-gradient(-225deg, #0b6dd9 0%, #5fabff 100%);
  color: #fff;
}
._06c6eddf6._9fca0bdf6 .c6f003df6 path {
  stroke: #fff;
}
._06c6eddf6._9fca0bdf6 .ccfd0ddf6 {
  font-weight: 600;
  cursor: pointer;
  margin-right: -18px;
  color: #fff;
  white-space: nowrap;
}
._06c6eddf6._9fca0bdf6 .ccfd0ddf6._968744df6 ._982d75df6 {
  border-bottom: 1px solid #fff;
}
._06c6eddf6._9fca0bdf6 .ccfd0ddf6 ._982d75df6 {
  transition: border-color 150ms ease-in-out;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
._06c6eddf6._9fca0bdf6 .ccfd0ddf6 .c2d4b0df6 {
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
._06c6eddf6._9fca0bdf6 .ccfd0ddf6 .c2d4b0df6 path {
  fill: #fff;
}
._06c6eddf6.ade779df6 {
  background: linear-gradient(-225deg, #101928 0%, #203047 100%);
  color: #fff;
}
._06c6eddf6.ade779df6 .c6f003df6 path {
  stroke: #fff;
}
._06c6eddf6.ade779df6 .ccfd0ddf6 {
  font-weight: 600;
  cursor: pointer;
  margin-right: -18px;
  color: #fff;
  white-space: nowrap;
}
._06c6eddf6.ade779df6 .ccfd0ddf6._968744df6 ._982d75df6 {
  border-bottom: 1px solid #fff;
}
._06c6eddf6.ade779df6 .ccfd0ddf6 ._982d75df6 {
  transition: border-color 150ms ease-in-out;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
._06c6eddf6.ade779df6 .ccfd0ddf6 .c2d4b0df6 {
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
._06c6eddf6.ade779df6 .ccfd0ddf6 .c2d4b0df6 path {
  fill: #fff;
}
._06c6eddf6._76e7c7df6 {
  background: linear-gradient(-45deg, #00a69c 0%, #009d62 100%);
  color: #fff;
}
._06c6eddf6._76e7c7df6 .c6f003df6 path {
  stroke: #fff;
}
._06c6eddf6._76e7c7df6 .ccfd0ddf6 {
  font-weight: 600;
  cursor: pointer;
  margin-right: -18px;
  color: #fff;
  white-space: nowrap;
}
._06c6eddf6._76e7c7df6 .ccfd0ddf6._968744df6 ._982d75df6 {
  border-bottom: 1px solid #fff;
}
._06c6eddf6._76e7c7df6 .ccfd0ddf6 ._982d75df6 {
  transition: border-color 150ms ease-in-out;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
._06c6eddf6._76e7c7df6 .ccfd0ddf6 .c2d4b0df6 {
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
._06c6eddf6._76e7c7df6 .ccfd0ddf6 .c2d4b0df6 path {
  fill: #fff;
}
._06c6eddf6._7f84d5df6 {
  background: linear-gradient(-45deg, #edb01b 0%, #de6426 100%);
  color: #fff;
}
._06c6eddf6._7f84d5df6 .c6f003df6 path {
  stroke: #fff;
}
._06c6eddf6._7f84d5df6 .ccfd0ddf6 {
  font-weight: 600;
  cursor: pointer;
  margin-right: -18px;
  color: #fff;
  white-space: nowrap;
}
._06c6eddf6._7f84d5df6 .ccfd0ddf6._968744df6 ._982d75df6 {
  border-bottom: 1px solid #fff;
}
._06c6eddf6._7f84d5df6 .ccfd0ddf6 ._982d75df6 {
  transition: border-color 150ms ease-in-out;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
._06c6eddf6._7f84d5df6 .ccfd0ddf6 .c2d4b0df6 {
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
._06c6eddf6._7f84d5df6 .ccfd0ddf6 .c2d4b0df6 path {
  fill: #fff;
}
._06c6eddf6._17092bdf6 {
  background: linear-gradient(-225deg, #fafafc 0%, #d5d7da 100%);
  color: #101928;
}
._06c6eddf6._17092bdf6 .c6f003df6 path {
  stroke: #101928;
}
._06c6eddf6._17092bdf6 .ccfd0ddf6 {
  font-weight: 600;
  cursor: pointer;
  margin-right: -18px;
  color: #101928;
  white-space: nowrap;
}
._06c6eddf6._17092bdf6 .ccfd0ddf6._968744df6 ._982d75df6 {
  border-bottom: 1px solid #101928;
}
._06c6eddf6._17092bdf6 .ccfd0ddf6 ._982d75df6 {
  transition: border-color 150ms ease-in-out;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
._06c6eddf6._17092bdf6 .ccfd0ddf6 .c2d4b0df6 {
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
._06c6eddf6._17092bdf6 .ccfd0ddf6 .c2d4b0df6 path {
  fill: #101928;
}
._06c6eddf6._373b19df6 {
  background: linear-gradient(-225deg, #e7e8e9, #879093 100%);
  color: #101928;
}
._06c6eddf6._373b19df6 .c6f003df6 path {
  stroke: #101928;
}
._06c6eddf6._373b19df6 .ccfd0ddf6 {
  font-weight: 600;
  cursor: pointer;
  margin-right: -18px;
  color: #101928;
  white-space: nowrap;
}
._06c6eddf6._373b19df6 .ccfd0ddf6._968744df6 ._982d75df6 {
  border-bottom: 1px solid #101928;
}
._06c6eddf6._373b19df6 .ccfd0ddf6 ._982d75df6 {
  transition: border-color 150ms ease-in-out;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
._06c6eddf6._373b19df6 .ccfd0ddf6 .c2d4b0df6 {
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
._06c6eddf6._373b19df6 .ccfd0ddf6 .c2d4b0df6 path {
  fill: #101928;
}

._80f660df6 {
  height: 64px;
  width: 64px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
._80f660df6 ._0f412edf6 {
  margin-left: 3px;
  margin-top: 2px;
}
._80f660df6 .c1e656df6 {
  margin-left: 2px;
  margin-top: 2px;
}
._80f660df6._5d19f5df6 {
  background: linear-gradient(-45deg, #be4af4 0%, #5c37f6 100%);
}
._80f660df6._9fca0bdf6 {
  background: linear-gradient(-225deg, #0b6dd9 0%, #5fabff 100%);
}
._80f660df6.ade779df6 {
  background: linear-gradient(-225deg, #101928 0%, #203047 100%);
}
._80f660df6._76e7c7df6 {
  background: linear-gradient(-45deg, #00a69c 0%, #009d62 100%);
}
._80f660df6._7f84d5df6 {
  background: linear-gradient(-45deg, #edb01b 0%, #de6426 100%);
}
._80f660df6._17092bdf6 {
  background: linear-gradient(-225deg, #fafafc 0%, #d5d7da 100%);
}
._80f660df6._373b19df6 {
  background: linear-gradient(-225deg, #e7e8e9, #879093 100%);
}
._80f660df6 ._8e320fdf6 {
  position: absolute;
  bottom: -9px;
  right: -9px;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*!***************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Background/BackgroundShape/BackgroundShape.scss.css ***!
  \***************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6be774 {
  position: absolute;
  transform-origin: 50% 100%;
}
._06c6be774._2469f6774 {
  background-color: #fff4cc;
}
._06c6be774._56b4f3774 {
  background-color: #fdeba5;
}
._06c6be774.cc19fc774 {
  background-color: #fade87;
}
._06c6be774._625e92774 {
  background-color: #fbd74c;
}
._06c6be774._145617774 {
  background-color: #e0f8e8;
}
._06c6be774.ba4f4e774 {
  background-color: #c0f0d1;
}
._06c6be774._49f880774 {
  background-color: #a6e4bd;
}
._06c6be774._6ad075774 {
  background-color: #60c290;
}
._06c6be774._535252774 {
  background-color: #00a36d;
}
._06c6be774.ef9b67774 {
  background-color: #e7e8ff;
}
._06c6be774.c98c23774 {
  background-color: #e7e8ff;
}
._06c6be774._59917b774 {
  background-color: #dbddff;
}
._06c6be774._96f643774 {
  background-color: #b0b1fd;
}
._06c6be774._6e12c5774 {
  background-color: #8880ff;
}
._06c6be774._5238c0774 {
  background-color: #e7e8ff;
}
._06c6be774._476976774 {
  background-color: #8880ff;
}
._06c6be774._0182c3774 {
  background-color: #fadee3;
}
._06c6be774.c81cd4774 {
  background-color: #e97b90;
}
._06c6be774._8f8973774.d15313774 {
  width: 150px;
  height: 150px;
}
._06c6be774._8f8973774._57d513774 {
  width: 200px;
  height: 200px;
}
._06c6be774._8f8973774._03eca4774 {
  width: 300px;
  height: 300px;
}
._06c6be774._8f8973774._186075774 {
  width: 360px;
  height: 360px;
}
._06c6be774._8f8973774.a93c1f774 {
  width: 400px;
  height: 400px;
}
._06c6be774._8f8973774.da2c1e774 {
  width: 500px;
  height: 500px;
}
._06c6be774._8f8973774._43160d774 {
  width: 800px;
  height: 800px;
}
._06c6be774._33bae6774 {
  border-radius: 50%;
}
._06c6be774._33bae6774.d15313774 {
  width: 150px;
  height: 150px;
}
._06c6be774._33bae6774._57d513774 {
  width: 200px;
  height: 200px;
}
._06c6be774._33bae6774._03eca4774 {
  width: 300px;
  height: 300px;
}
._06c6be774._33bae6774._186075774 {
  width: 360px;
  height: 360px;
}
._06c6be774._33bae6774.a93c1f774 {
  width: 400px;
  height: 400px;
}
._06c6be774._33bae6774.da2c1e774 {
  width: 500px;
  height: 500px;
}
._06c6be774._33bae6774._43160d774 {
  width: 800px;
  height: 800px;
}
._06c6be774._4dfd12774.d15313774 {
  border-top-left-radius: 75px;
  border-top-right-radius: 75px;
  width: 150px;
  height: 75px;
}
._06c6be774._4dfd12774._57d513774 {
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  width: 200px;
  height: 100px;
}
._06c6be774._4dfd12774._03eca4774 {
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  width: 300px;
  height: 150px;
}
._06c6be774._4dfd12774._186075774 {
  border-top-left-radius: 180px;
  border-top-right-radius: 180px;
  width: 360px;
  height: 180px;
}
._06c6be774._4dfd12774.a93c1f774 {
  border-top-left-radius: 200px;
  border-top-right-radius: 200px;
  width: 400px;
  height: 200px;
}
._06c6be774._4dfd12774.da2c1e774 {
  border-top-left-radius: 250px;
  border-top-right-radius: 250px;
  width: 500px;
  height: 250px;
}
._06c6be774._4dfd12774._43160d774 {
  border-top-left-radius: 400px;
  border-top-right-radius: 400px;
  width: 800px;
  height: 400px;
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/OverviewPage/OverviewPageDotList/OverviewPageDotList.scss.css ***!
  \*************************************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
@media (min-width: 993px) {
  ._06c672011 {
    margin-bottom: 48px;
  }
}
@media (max-width: 991px) {
  ._06c672011 ._437199011 {
    margin-bottom: 8px;
  }
}
._06c672011 ._61b88a011 {
  display: block;
  padding-top: 3px;
}
._06c672011 .e392c7011 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
._06c672011 .e392c7011::before {
  content: "";
  display: block;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  background: #878c93;
}
._06c672011 .e392c7011._9687c6011::before {
  background: #6950f3;
}
/*!********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Storyline/ParallaxBackground/ParallaxBackground.scss.css ***!
  \********************************************************************************************************************************************************/
._06c66c8dc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
._06c66c8dc .a622028dc {
  height: 100%;
  position: relative;
}
._06c66c8dc .a622028dc.bd921e8dc {
  width: 200%;
}
._06c66c8dc .a622028dc._42d0818dc {
  width: 225%;
}
._06c66c8dc .a622028dc.bfe6c98dc {
  width: 300%;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Storyline/StaticContent/StaticContent.scss.css ***!
  \**********************************************************************************************************************************************/
._06c6f04d6 {
  z-index: 12;
  flex-direction: column;
  display: grid;
  grid-gap: 16px;
}
._06c6f04d6._0e1e1c4d6 {
  align-self: flex-start;
}
._06c6f04d6.a5038f4d6 {
  justify-content: center;
  text-align: center;
}
._06c6f04d6.a059f94d6 {
  grid-template-columns: 100%;
}
._06c6f04d6.e3d9c94d6 {
  grid-template-columns: minmax(auto, 335px);
}
/*!*******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Storyline/NavigationDots/NavigationDots.css ***!
  \*******************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6385ee {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  margin-bottom: 16px;
}
._06c6385ee .e392545ee {
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  cursor: pointer;
  background: #d5d7da;
  border: none;
}
._06c6385ee .e392545ee.a8e0ba5ee {
  background: #6950f3;
}
._06c6385ee .e392545ee + .e392545ee {
  margin-left: 12px;
}
/*!***********************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Map/Map.css ***!
  \***********************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c602f26 {
  position: relative;
  z-index: 0;
  flex-grow: 1;
  background: #f2f2f7;
  overflow: hidden;
}
._06c602f26 .b4b387f26 {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 16px;
  bottom: 16px;
  display: grid;
  grid-template-areas: "topLeft top topRight" "left center right" "bottomLeft bottom bottomRight";
  pointer-events: none;
}
._06c602f26 .b4b387f26 > * {
  pointer-events: all;
}
._06c602f26 .b4b387f26 .f6c705f26 {
  grid-area: topLeft;
  place-self: start start;
}
._06c602f26 .b4b387f26 ._1db7aef26 {
  grid-area: top;
  place-self: start center;
}
._06c602f26 .b4b387f26 .a69e17f26 {
  grid-area: topRight;
  place-self: start end;
}
._06c602f26 .b4b387f26 ._29cc18f26 {
  grid-area: right;
  place-self: center end;
}
._06c602f26 .b4b387f26 ._41e76df26 {
  grid-area: bottomRight;
  place-self: end end;
}
._06c602f26 .b4b387f26 ._65c6cef26 {
  grid-area: bottom;
  place-self: end center;
}
._06c602f26 .b4b387f26 .d7cfd0f26 {
  grid-area: bottomLeft;
  place-self: end start;
}
._06c602f26 .b4b387f26 .ac246ff26 {
  grid-area: left;
  place-self: center start;
}
._06c602f26 .b4b387f26 ._0d8a46f26 {
  grid-area: center;
  place-self: center center;
}
._06c602f26._599432f26 {
  border-radius: 4px;
}
._06c602f26._2787eaf26 {
  border-radius: 8px;
}
/*!************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Map/MapControls.scss.css ***!
  \************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c66e28d {
  display: grid;
  grid-gap: 4px;
}
._06c66e28d ._4a02a228d {
  padding: 11px;
  border-radius: 8px;
  background-color: white;
  border: 1px solid #d5d7da;
  box-shadow: 0 8px 16px 0 rgba(16, 25, 40, 0.1);
  transition: box-shadow 300ms ease-in-out;
}
._06c66e28d ._4a02a228d:hover {
  box-shadow: 0 16px 32px 0 rgba(16, 25, 40, 0.16);
}
/*!*********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Map/MapTooltipPin.css ***!
  \*********************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c64b01a {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  display: inline-block;
  white-space: nowrap;
  position: relative;
  top: -7px;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(16, 25, 40, 0.1);
  padding: 5px 10px;
  transform: translate(-50%, -100%);
  border-radius: 8px;
  border: 1px solid #d5d7da;
}
._06c64b01a .ed70fb01a {
  position: relative;
  z-index: 1;
}
._06c64b01a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid white;
}
/*!************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/NavigationTabAction/NavigationTabAction.scss.css ***!
  \************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c66e374 {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  -webkit-appearance: none;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
}
._06c66e374.ae0f62374 ._6ebb8f374 {
  background: #f2f2f7;
}
._06c66e374.ae0f62374:hover ._6ebb8f374 {
  border-color: #d5d7da;
}
._06c66e374.ae0f62374._968740374:hover ._6ebb8f374 {
  border-color: #6950f3;
}
._06c66e374.ae0f62374._968740374 ._6ebb8f374 {
  background: #6950f3;
}
._06c66e374._4c62df374 ._6ebb8f374 {
  background: #404753;
}
._06c66e374._4c62df374:hover ._6ebb8f374 {
  border-color: #878c93;
}
._06c66e374._4c62df374._968740374:hover ._6ebb8f374 {
  border-color: #6950f3;
}
._06c66e374._4c62df374._968740374 ._6ebb8f374 {
  background: #6950f3;
}
._06c66e374._9ba6a0374 ._6ebb8f374 {
  width: 44px;
  height: 44px;
}
._06c66e374._0652d6374 ._6ebb8f374 {
  width: 50px;
  height: 50px;
}
._06c66e374 ._6ebb8f374 {
  border-radius: 50%;
  border: 1px solid transparent;
  position: relative;
  transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}
._06c66e374 .efe8cc374 {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(25%, -25%);
}
/*!*******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/PrintableView/PrintableView.css ***!
  \*******************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6fc9dd {
  background-color: #fff;
  position: absolute;
  top: -100%;
  left: 0;
}

@media print {
  body,
h1,
h2,
h3,
ol,
ul,
div,
span,
p {
    overflow: visible !important;
  }
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/IconTransaction/IconTransaction.scss.css ***!
  \****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6fe919 {
  position: relative;
  transition: background-color 0.5s;
}
._06c6fe919._26a1fa919 {
  width: 64px;
  height: 64px;
  border-radius: 100%;
}

._864e48919 {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  box-sizing: content-box;
}
._26a1fa919 ._864e48919 {
  position: absolute;
  right: -4px;
  bottom: -4px;
  border: 2px solid #fff;
}

._14d59d919 {
  background-color: #6950f3;
}

.c98cd0919 {
  background-color: #e7e8ff;
}

._535227919 {
  background-color: #00a36d;
}

.f6cecd919 {
  background-color: #f2f2f7;
}

.d3937c919 {
  background-color: #fff;
}

.db337c919 {
  background-color: #f8f8fb;
}

._26f9dd919 {
  background-color: #da2346;
}

.e8b94d919 {
  background-color: #f19101;
}
/*!************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RatingSummary/RatingSummary.scss.css ***!
  \************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
@media (max-width: 991px) {
  ._06c69b22a {
    padding-bottom: 16px;
  }
}
@media (min-width: 992px) {
  ._06c69b22a {
    position: sticky;
    top: 16px;
    max-width: 330px;
  }
}
._06c69b22a ._002c7122a {
  position: relative;
}
._06c69b22a ._002c7122a::after {
  position: absolute;
  bottom: -24px;
  right: 0;
  left: 0;
  content: "";
  border-bottom: 1px solid #e7e8e9;
}
/*!*************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/CreditCardBrand/CreditCardBrandThumbnail.scss.css ***!
  \*************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c675e5f {
  position: relative;
  height: 64px;
  width: 64px;
  border: 1px solid #d5d7da;
  align-items: center;
  justify-content: center;
}
._06c675e5f.e955d7e5f {
  border-radius: 16px;
}
/*!****************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Accordion/Accordion.scss.css ***!
  \****************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c6efafa.da438bafa {
  border-radius: inherit;
}
._06c6efafa.da438bafa .c3e2f2afa {
  border-radius: inherit;
}
._06c6efafa .c3e2f2afa {
  background: #fff;
  color: #101928;
  outline: none;
  padding: 0;
  width: 100%;
  border: 1px solid transparent;
  transition: background-color 300ms;
}
._06c6efafa .c3e2f2afa:focus {
  border-color: #b0b1fd;
}
@media (hover: hover) and (pointer: fine) {
  ._06c6efafa .c3e2f2afa:hover {
    cursor: pointer;
    background-color: #f8f8fb;
  }
}
._06c6efafa .b55ab6afa {
  margin-right: 6px;
  transform: rotate(0deg);
  transition: transform var(--transition);
}
._06c6efafa .b55ab6afa._69166fafa {
  transform: rotate(180deg);
}

._06c6efafa:not(:last-of-type) {
  position: relative;
  margin-bottom: 1px;
}
._06c6efafa:not(:last-of-type)::after {
  content: "";
  position: absolute;
  left: var(--left-padding);
  top: 100%;
  width: calc(100% - var(--left-padding));
  display: block;
  height: 1px;
  background-color: #e7e8e9;
}
@media (min-width: 992px) {
  ._06c6efafa:not(:last-of-type)::after {
    left: 0;
    width: 100%;
  }
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/AnimatedComponent/AnimatedComponent.scss.css ***!
  \********************************************************************************************************************************************/
._06c697cff.d514efcff {
  height: 0;
  overflow: hidden;
  transition: height 300ms ease;
}
._06c697cff.d514efcff.fb9c77cff {
  height: 300px;
  line-height: inherit;
}
._06c697cff._9a0cc8cff {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
._06c697cff._9a0cc8cff.fb9c77cff {
  box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.6);
  animation: c130fdcff 1.2s infinite;
  animation-delay: 0.6s;
}
._06c697cff._9a0cc8cff.fb9c77cff + div {
  animation: _0d72fecff 1.2s infinite;
  animation-delay: 0.6s;
}
._06c697cff._2a2465cff {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
._06c697cff._2a2465cff.fb9c77cff {
  opacity: 1;
}
._06c697cff._30fb03cff {
  animation: _5157fbcff 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes _5157fbcff {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes c130fdcff {
  0% {
    transform-origin: 50% 25%;
    transform: rotate(0deg);
  }
  5% {
    transform-origin: 50% 25%;
    transform: rotate(3deg);
  }
  10% {
    transform-origin: 50% 25%;
    transform: rotate(0deg);
  }
  15% {
    transform-origin: 50% 25%;
    transform: rotate(-3deg);
  }
  20% {
    transform-origin: 50% 25%;
    transform: rotate(0deg);
  }
  100% {
    transform-origin: 50% 25%;
    transform: rotate(0deg);
  }
}
@keyframes _0d72fecff {
  0% {
    transform-origin: 50% 25%;
    transform: translateY(-100%) rotate(0deg);
  }
  5% {
    transform-origin: 50% 25%;
    transform: translateY(-100%) rotate(3deg);
  }
  10% {
    transform-origin: 50% 25%;
    transform: translateY(-100%) rotate(0deg);
  }
  15% {
    transform-origin: 50% 25%;
    transform: translateY(-100%) rotate(-3deg);
  }
  20% {
    transform-origin: 50% 25%;
    transform: translateY(-100%) rotate(0deg);
  }
  100% {
    transform-origin: 50% 25%;
    transform: translateY(-100%) rotate(0deg);
  }
}
/*!*********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-carousel/build/Carousel.css ***!
  \*********************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Carousel.module.scss */
.yglyI6 {
  position: relative;
  display: flex;
  align-items: center;
}
@media (hover: hover) and (pointer: fine) {
  .yglyI6:hover .MUDVh6,
  .yglyI6:hover .MUDVh6:active,
  .yglyI6:hover .MUDVh6:focus,
  .yglyI6:hover .MUDVh6:hover {
    opacity: 1;
    pointer-events: initial;
  }
}
@media (min-width: 1024px) {
  .yglyI6 {
    padding: 0 var(--spacing-600, 32px);
    width: 100%;
  }
}
.DNTvi6 {
  -ms-overflow-style: none;
  column-gap: var(--spacing-200, 12px);
  display: grid;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  height: 100%;
  overflow: scroll hidden;
  max-width: none;
  position: relative;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  white-space: nowrap;
  width: 100%;
  z-index: 1;
}
.DNTvi6::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background-color: transparent !important;
}
@media (min-width: 1024px) {
  .DNTvi6 {
    align-items: center;
    column-gap: var(--spacing-500, 24px);
    display: flex;
    grid-auto-columns: initial;
    grid-auto-flow: initial;
    max-width: initial;
  }
}
.DNTvi6.kzXah6 {
  scroll-snap-type: none;
}
.KIDC16 {
  flex: 0 0 auto;
}
@media (hover: hover) and (pointer: fine) {
  .KIDC16 {
    scroll-snap-align: start;
  }
}
@media (min-width: 1024px) {
  .KIDC16 {
    scroll-snap-align: start;
  }
  .KIDC16.KIDC16 {
    width: var(--item-width-large);
  }
}
@media (hover: hover) and (pointer: fine) {
  .BbJK56 {
    padding: 2px;
  }
}
.MUDVh6 {
  position: absolute;
  transform: translateY(-50%);
  transition: opacity var(--popover-shape-default-container-motion-duration, 120ms) var(--popover-shape-default-container-motion-easing, cubic-bezier(0.42, 0, 0.58, 1));
  z-index: 2;
}
.MUDVh6,
.MUDVh6:active,
.MUDVh6:focus,
.MUDVh6:hover {
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .MUDVh6,
  .MUDVh6:active,
  .MUDVh6:focus,
  .MUDVh6:hover {
    opacity: 1;
    pointer-events: initial;
  }
}
.MUDVh6.RzW7s6 {
  left: var(--spacing-100, 8px);
}
.MUDVh6.HLLwu6 {
  right: var(--spacing-100, 8px);
}
.MUDVh6.YufX86.MUDVh6.YufX86,
.MUDVh6.YufX86.MUDVh6.YufX86:active,
.MUDVh6.YufX86.MUDVh6.YufX86:focus,
.MUDVh6.YufX86.MUDVh6.YufX86:hover {
  opacity: 0;
  pointer-events: none;
}
/*# sourceMappingURL=Carousel.css.map */
/*!********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/NavigationTabAction/subcomponents/IndicatorIcon.scss.css ***!
  \********************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6224f0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid #d5d7da;
  padding: 3px;
  width: 28px;
  height: 28px;
  background-color: #fff;
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(25%, -25%);
}
._06c6224f0._62a28e4f0 {
  background-color: #f19101;
  border: none;
}
/*!*********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ActionsBar/parts/Wrapper.scss.css ***!
  \*********************************************************************************************************************************/
._06c6aee7a {
  display: grid;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  grid-gap: 8px;
}
._06c6aee7a.f9adb0e7a {
  justify-content: flex-start;
}
._06c6aee7a._362684e7a {
  justify-content: center;
}
._06c6aee7a._642f14e7a {
  justify-content: flex-end;
}
._06c6aee7a._06598ae7a {
  align-items: flex-start;
}
._06c6aee7a._6335b9e7a {
  align-items: center;
}
._06c6aee7a._5d7886e7a {
  align-items: flex-end;
}
/*!*********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ActionsBar/parts/Divider.scss.css ***!
  \*********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c607cd7 {
  width: 1px;
  height: 24px;
  background-color: #d5d7da;
  margin: 0 8px;
}
/*!************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-floating-buttons/build/FloatingButtons.css ***!
  \************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/FloatingButtons.module.scss */
.NU0WWU {
  display: inline-flex;
  align-self: flex-start;
}
.NU0WWU.OGO0VU {
  border-width: var(--floating-buttons-size-default-state-default-container-composition-border-width, 1px);
  border-radius: var(--floating-buttons-size-default-state-default-container-composition-border-radius, 12px);
  padding: var(--floating-buttons-size-default-state-default-container-composition-vertical-padding, 4px) var(--floating-buttons-size-default-state-default-container-composition-horizontal-padding, 4px);
  box-shadow: var(--floating-buttons-size-default-state-default-container-composition-box-shadow, 0 4px 8px 0 rgba(13, 22, 25, 0.0196078431), 0 12px 20px 0 rgba(13, 22, 25, 0.0588235294));
  gap: var(--floating-buttons-size-default-state-default-container-composition-item-spacing, 4px);
}
.NU0WWU._i2p4U {
  border-style: solid;
  border-color: var(--floating-buttons-variant-secondary-state-default-container-border-color, #d3d3d3);
  background-color: var(--floating-buttons-variant-secondary-state-default-container-background-color, #ffffff);
}
.NU0WWU.igyKnU {
  border-style: solid;
  border-color: var(--floating-buttons-variant-primary-state-default-container-border-color, #0d1619);
  background-color: var(--floating-buttons-variant-primary-state-default-container-background-color, #0d1619);
}
/*# sourceMappingURL=FloatingButtons.css.map */
/*!*********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-empty-state/build/EmptyState.styles.css ***!
  \*********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/EmptyState.module.scss */
.J9Z56w {
  display: flex;
  justify-self: center;
  align-self: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: var(--empty-state-size-default-container-composition-vertical-padding, 24px) var(--empty-state-size-default-container-composition-horizontal-padding, 24px);
  background-color: var(--empty-state-variant-default-state-default-container-background-color, rgba(13, 22, 25, 0));
}
.J9Z56w.hfxrzw {
  border: var(--empty-state-size-default-container-composition-border-width, 1px) solid var(--empty-state-variant-default-state-default-container-border-color, #d3d3d3);
  border-radius: var(--empty-state-size-default-container-composition-border-radius, 8px);
}
.c225vw {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  max-width: var(--empty-state-size-default-content-container-composition-max-width, 512px);
  background-color: var(--empty-state-variant-default-state-default-container-background-color, rgba(13, 22, 25, 0));
  gap: var(--empty-state-size-default-content-container-composition-item-spacing, 16px);
}
.zulBRw {
  position: relative;
  width: var(--empty-state-size-branded-illustration-composition-sizing, 64px);
  height: var(--empty-state-size-branded-illustration-composition-sizing, 64px);
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nfd_nw {
  position: absolute;
  width: 100%;
  height: 100%;
  filter: blur(8px);
}
.E5e4Cw {
  position: relative;
  display: flex;
}
.WANrzw {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--empty-state-size-default-text-container-composition-item-spacing, 8px);
}
.an9ysw {
  margin-top: var(--empty-state-size-default-button-container-composition-padding-top, 8px);
}
.an9ysw.twvCRw {
  display: flex;
  flex-direction: column;
  gap: var(--empty-state-size-default-button-container-composition-item-spacing, 8px);
}
@media (min-width: 768px) {
  .an9ysw.twvCRw {
    flex-direction: row;
  }
}
/*# sourceMappingURL=EmptyState.styles.css.map */
/*!************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Voucher/Voucher.scss.css ***!
  \************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */

._06c63bdaa {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  position: relative;
  text-decoration: none;
  box-sizing: border-box;
  padding: 20px 24px 24px;
  border-radius: 8px;
}
._06c63bdaa._4ce75adaa {
  max-width: 470px;
}
._06c63bdaa.ddbe4adaa {
  max-width: 100%;
}
._06c63bdaa._28431cdaa {
  padding: 32px;
  text-align: center;
  align-items: center;
}
._06c63bdaa._28431cdaa .a08476daa {
  margin: 4px 0;
  display: flex;
  justify-content: center;
}
._06c63bdaa._28431cdaa .a08476daa ._9b1a06daa {
  margin-right: 8px;
  font-weight: 600;
}
._06c63bdaa._28431cdaa ._1e0553daa {
  margin-top: 32px;
  margin-bottom: 32px;
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid rgba(231, 232, 233, 0.3);
  border-bottom: 1px solid rgba(231, 232, 233, 0.3);
  width: 100%;
  position: relative;
}
._06c63bdaa._28431cdaa ._1e0553daa.b71353daa {
  padding-top: 24px;
  padding-bottom: 24px;
}
._06c63bdaa._28431cdaa ._1e0553daa._45c77cdaa {
  border-top: 1px solid rgba(135, 140, 147, 0.3);
  border-bottom: 1px solid rgba(135, 140, 147, 0.3);
}
._06c63bdaa._28431cdaa ._1e0553daa::before {
  background: #fff;
  content: " ";
  display: block;
  width: 28px;
  height: 56px;
  border-bottom-right-radius: 56px;
  border-top-right-radius: 56px;
  position: absolute;
  transform: translate(0%, -50%);
  top: 50%;
  left: -32px;
}
._06c63bdaa._28431cdaa ._1e0553daa::after {
  background: #fff;
  content: " ";
  display: block;
  width: 28px;
  height: 56px;
  border-bottom-left-radius: 56px;
  border-top-left-radius: 56px;
  position: absolute;
  transform: translate(0, -50%);
  right: -32px;
  top: 50%;
}
._06c63bdaa._28431cdaa._3c83fcdaa {
  border: 4px solid #8880ff;
  color: #000;
  background: #fff;
}
._06c63bdaa._28431cdaa._3c83fcdaa .e3c129daa,
._06c63bdaa._28431cdaa._3c83fcdaa .cd4233daa,
._06c63bdaa._28431cdaa._3c83fcdaa .e3adbbdaa {
  color: #8880ff;
}
._06c63bdaa._28431cdaa._3c83fcdaa .c6f0c2daa {
  border: 1px solid #8880ff;
}
._06c63bdaa._28431cdaa._3c83fcdaa .c6f0c2daa path {
  stroke: #8880ff;
}
._06c63bdaa._28431cdaa._3c83fcdaa ._1e0553daa {
  border-top: 1px solid #8880ff;
  border-bottom: 1px solid #8880ff;
}
._06c63bdaa._28431cdaa._3c83fcdaa ._1e0553daa::before {
  border-top: 4px solid #8880ff;
  border-right: 4px solid #8880ff;
  border-bottom: 4px solid #8880ff;
  left: -36px;
}
._06c63bdaa._28431cdaa._3c83fcdaa ._1e0553daa::after {
  border-top: 4px solid #8880ff;
  border-left: 4px solid #8880ff;
  border-bottom: 4px solid #8880ff;
  right: -36px;
}
._06c63bdaa._28431cdaa._70f9acdaa {
  border: 4px solid #6950f3;
  color: #000;
  background: #fff;
}
._06c63bdaa._28431cdaa._70f9acdaa .e3c129daa,
._06c63bdaa._28431cdaa._70f9acdaa .cd4233daa,
._06c63bdaa._28431cdaa._70f9acdaa .e3adbbdaa {
  color: #6950f3;
}
._06c63bdaa._28431cdaa._70f9acdaa .c6f0c2daa {
  border: 1px solid #6950f3;
}
._06c63bdaa._28431cdaa._70f9acdaa .c6f0c2daa path {
  stroke: #6950f3;
}
._06c63bdaa._28431cdaa._70f9acdaa ._1e0553daa {
  border-top: 1px solid #6950f3;
  border-bottom: 1px solid #6950f3;
}
._06c63bdaa._28431cdaa._70f9acdaa ._1e0553daa::before {
  border-top: 4px solid #6950f3;
  border-right: 4px solid #6950f3;
  border-bottom: 4px solid #6950f3;
  left: -36px;
}
._06c63bdaa._28431cdaa._70f9acdaa ._1e0553daa::after {
  border-top: 4px solid #6950f3;
  border-left: 4px solid #6950f3;
  border-bottom: 4px solid #6950f3;
  right: -36px;
}
._06c63bdaa._28431cdaa._8500b9daa {
  border: 4px solid #101928;
  color: #000;
  background: #fff;
}
._06c63bdaa._28431cdaa._8500b9daa .e3c129daa,
._06c63bdaa._28431cdaa._8500b9daa .cd4233daa,
._06c63bdaa._28431cdaa._8500b9daa .e3adbbdaa {
  color: #101928;
}
._06c63bdaa._28431cdaa._8500b9daa .c6f0c2daa {
  border: 1px solid #101928;
}
._06c63bdaa._28431cdaa._8500b9daa .c6f0c2daa path {
  stroke: #101928;
}
._06c63bdaa._28431cdaa._8500b9daa ._1e0553daa {
  border-top: 1px solid #101928;
  border-bottom: 1px solid #101928;
}
._06c63bdaa._28431cdaa._8500b9daa ._1e0553daa::before {
  border-top: 4px solid #101928;
  border-right: 4px solid #101928;
  border-bottom: 4px solid #101928;
  left: -36px;
}
._06c63bdaa._28431cdaa._8500b9daa ._1e0553daa::after {
  border-top: 4px solid #101928;
  border-left: 4px solid #101928;
  border-bottom: 4px solid #101928;
  right: -36px;
}
._06c63bdaa._28431cdaa._5b5b41daa {
  border: 4px solid #00a36d;
  color: #000;
  background: #fff;
}
._06c63bdaa._28431cdaa._5b5b41daa .e3c129daa,
._06c63bdaa._28431cdaa._5b5b41daa .cd4233daa,
._06c63bdaa._28431cdaa._5b5b41daa .e3adbbdaa {
  color: #00a36d;
}
._06c63bdaa._28431cdaa._5b5b41daa .c6f0c2daa {
  border: 1px solid #00a36d;
}
._06c63bdaa._28431cdaa._5b5b41daa .c6f0c2daa path {
  stroke: #00a36d;
}
._06c63bdaa._28431cdaa._5b5b41daa ._1e0553daa {
  border-top: 1px solid #00a36d;
  border-bottom: 1px solid #00a36d;
}
._06c63bdaa._28431cdaa._5b5b41daa ._1e0553daa::before {
  border-top: 4px solid #00a36d;
  border-right: 4px solid #00a36d;
  border-bottom: 4px solid #00a36d;
  left: -36px;
}
._06c63bdaa._28431cdaa._5b5b41daa ._1e0553daa::after {
  border-top: 4px solid #00a36d;
  border-left: 4px solid #00a36d;
  border-bottom: 4px solid #00a36d;
  right: -36px;
}
._06c63bdaa._28431cdaa._747399daa {
  border: 4px solid #e66422;
  color: #000;
  background: #fff;
}
._06c63bdaa._28431cdaa._747399daa .e3c129daa,
._06c63bdaa._28431cdaa._747399daa .cd4233daa,
._06c63bdaa._28431cdaa._747399daa .e3adbbdaa {
  color: #e66422;
}
._06c63bdaa._28431cdaa._747399daa .c6f0c2daa {
  border: 1px solid #e66422;
}
._06c63bdaa._28431cdaa._747399daa .c6f0c2daa path {
  stroke: #e66422;
}
._06c63bdaa._28431cdaa._747399daa ._1e0553daa {
  border-top: 1px solid #e66422;
  border-bottom: 1px solid #e66422;
}
._06c63bdaa._28431cdaa._747399daa ._1e0553daa::before {
  border-top: 4px solid #e66422;
  border-right: 4px solid #e66422;
  border-bottom: 4px solid #e66422;
  left: -36px;
}
._06c63bdaa._28431cdaa._747399daa ._1e0553daa::after {
  border-top: 4px solid #e66422;
  border-left: 4px solid #e66422;
  border-bottom: 4px solid #e66422;
  right: -36px;
}
._06c63bdaa._28431cdaa.cf606cdaa {
  border: 4px solid transparent;
  color: #000;
  background: #fff;
}
._06c63bdaa._28431cdaa.cf606cdaa .e3c129daa,
._06c63bdaa._28431cdaa.cf606cdaa .cd4233daa,
._06c63bdaa._28431cdaa.cf606cdaa .e3adbbdaa {
  color: transparent;
}
._06c63bdaa._28431cdaa.cf606cdaa .c6f0c2daa {
  border: 1px solid transparent;
}
._06c63bdaa._28431cdaa.cf606cdaa .c6f0c2daa path {
  stroke: transparent;
}
._06c63bdaa._28431cdaa.cf606cdaa ._1e0553daa {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
._06c63bdaa._28431cdaa.cf606cdaa ._1e0553daa::before {
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  left: -36px;
}
._06c63bdaa._28431cdaa.cf606cdaa ._1e0553daa::after {
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 4px solid transparent;
  right: -36px;
}
._06c63bdaa._28431cdaa._59b64ddaa {
  border: 4px solid transparent;
  color: #000;
  background: #fff;
}
._06c63bdaa._28431cdaa._59b64ddaa .e3c129daa,
._06c63bdaa._28431cdaa._59b64ddaa .cd4233daa,
._06c63bdaa._28431cdaa._59b64ddaa .e3adbbdaa {
  color: transparent;
}
._06c63bdaa._28431cdaa._59b64ddaa .c6f0c2daa {
  border: 1px solid transparent;
}
._06c63bdaa._28431cdaa._59b64ddaa .c6f0c2daa path {
  stroke: transparent;
}
._06c63bdaa._28431cdaa._59b64ddaa ._1e0553daa {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
._06c63bdaa._28431cdaa._59b64ddaa ._1e0553daa::before {
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  left: -36px;
}
._06c63bdaa._28431cdaa._59b64ddaa ._1e0553daa::after {
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 4px solid transparent;
  right: -36px;
}
._06c63bdaa._28431cdaa::before, ._06c63bdaa._28431cdaa::after {
  display: none;
}
._06c63bdaa._28431cdaa .cd4233daa {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 6px;
}
._06c63bdaa._28431cdaa ._741cf2daa {
  margin-left: 1ch;
}
._06c63bdaa._397ba1daa {
  padding: 32px;
  position: relative;
}
._06c63bdaa._397ba1daa::before, ._06c63bdaa._397ba1daa::after {
  display: none;
}
._06c63bdaa._397ba1daa ._002c9bdaa {
  width: 100%;
  margin: 32px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
._06c63bdaa._397ba1daa ._002c9bdaa::before {
  background: #fff;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  content: " ";
  display: block;
  width: 12px;
  height: 24px;
  position: absolute;
  transform: translate(0%, -50%);
  left: 0;
}
._06c63bdaa._397ba1daa ._002c9bdaa::after {
  background: #fff;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  content: " ";
  display: block;
  width: 12px;
  height: 24px;
  position: absolute;
  transform: translate(0%, -50%);
  right: 0;
}
._06c63bdaa._397ba1daa p[data-qa=voucher-remaining-value] {
  line-height: 28px;
}
._06c63bdaa._397ba1daa .e7803ddaa {
  margin: 0 4px;
}
._06c63bdaa._397ba1daa._17eba7daa {
  opacity: 0.4;
}
._06c63bdaa._397ba1daa ._70e749daa {
  border-width: 0;
}
._06c63bdaa._397ba1daa ._70e749daa svg {
  padding: 5px;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: content-box;
  left: -5px;
}
._06c63bdaa .c6f0c2daa {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  border: 1px solid #e8e8ee;
  box-sizing: content-box;
}
._06c63bdaa._5d1940daa {
  background: linear-gradient(-45deg, #be4af4 0%, #5c37f6 100%);
  color: #fff;
}
._06c63bdaa._5d1940daa .c6f0c2daa path {
  stroke: #fff;
}
._06c63bdaa._5d1940daa .ccfdafdaa {
  font-weight: 600;
  cursor: pointer;
  margin-right: -18px;
  color: #fff;
}
._06c63bdaa._5d1940daa .ccfdafdaa._9687e0daa ._982d56daa {
  border-bottom: 1px solid #fff;
}
._06c63bdaa._5d1940daa .ccfdafdaa ._982d56daa {
  transition: border-color 150ms ease-in-out;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
._06c63bdaa._5d1940daa .ccfdafdaa .c2d4f4daa {
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
._06c63bdaa._5d1940daa .ccfdafdaa .c2d4f4daa path {
  fill: #fff;
}
._06c63bdaa._9fca74daa {
  background: linear-gradient(-225deg, #0b6dd9 0%, #5fabff 100%);
  color: #fff;
}
._06c63bdaa._9fca74daa .c6f0c2daa path {
  stroke: #fff;
}
._06c63bdaa._9fca74daa .ccfdafdaa {
  font-weight: 600;
  cursor: pointer;
  margin-right: -18px;
  color: #fff;
}
._06c63bdaa._9fca74daa .ccfdafdaa._9687e0daa ._982d56daa {
  border-bottom: 1px solid #fff;
}
._06c63bdaa._9fca74daa .ccfdafdaa ._982d56daa {
  transition: border-color 150ms ease-in-out;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
._06c63bdaa._9fca74daa .ccfdafdaa .c2d4f4daa {
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
._06c63bdaa._9fca74daa .ccfdafdaa .c2d4f4daa path {
  fill: #fff;
}
._06c63bdaa.ade75cdaa {
  background: linear-gradient(-225deg, #101928 0%, #203047 100%);
  color: #fff;
}
._06c63bdaa.ade75cdaa .c6f0c2daa path {
  stroke: #fff;
}
._06c63bdaa.ade75cdaa .ccfdafdaa {
  font-weight: 600;
  cursor: pointer;
  margin-right: -18px;
  color: #fff;
}
._06c63bdaa.ade75cdaa .ccfdafdaa._9687e0daa ._982d56daa {
  border-bottom: 1px solid #fff;
}
._06c63bdaa.ade75cdaa .ccfdafdaa ._982d56daa {
  transition: border-color 150ms ease-in-out;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
._06c63bdaa.ade75cdaa .ccfdafdaa .c2d4f4daa {
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
._06c63bdaa.ade75cdaa .ccfdafdaa .c2d4f4daa path {
  fill: #fff;
}
._06c63bdaa._76e752daa {
  background: linear-gradient(-45deg, #00a69c 0%, #009d62 100%);
  color: #fff;
}
._06c63bdaa._76e752daa .c6f0c2daa path {
  stroke: #fff;
}
._06c63bdaa._76e752daa .ccfdafdaa {
  font-weight: 600;
  cursor: pointer;
  margin-right: -18px;
  color: #fff;
}
._06c63bdaa._76e752daa .ccfdafdaa._9687e0daa ._982d56daa {
  border-bottom: 1px solid #fff;
}
._06c63bdaa._76e752daa .ccfdafdaa ._982d56daa {
  transition: border-color 150ms ease-in-out;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
._06c63bdaa._76e752daa .ccfdafdaa .c2d4f4daa {
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
._06c63bdaa._76e752daa .ccfdafdaa .c2d4f4daa path {
  fill: #fff;
}
._06c63bdaa._7f84addaa {
  background: linear-gradient(-45deg, #edb01b 0%, #de6426 100%);
  color: #fff;
}
._06c63bdaa._7f84addaa .c6f0c2daa path {
  stroke: #fff;
}
._06c63bdaa._7f84addaa .ccfdafdaa {
  font-weight: 600;
  cursor: pointer;
  margin-right: -18px;
  color: #fff;
}
._06c63bdaa._7f84addaa .ccfdafdaa._9687e0daa ._982d56daa {
  border-bottom: 1px solid #fff;
}
._06c63bdaa._7f84addaa .ccfdafdaa ._982d56daa {
  transition: border-color 150ms ease-in-out;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
._06c63bdaa._7f84addaa .ccfdafdaa .c2d4f4daa {
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
._06c63bdaa._7f84addaa .ccfdafdaa .c2d4f4daa path {
  fill: #fff;
}
._06c63bdaa._1709dfdaa {
  background: linear-gradient(-225deg, #fafafc 0%, #d5d7da 100%);
  color: #101928;
}
._06c63bdaa._1709dfdaa .c6f0c2daa path {
  stroke: #101928;
}
._06c63bdaa._1709dfdaa .ccfdafdaa {
  font-weight: 600;
  cursor: pointer;
  margin-right: -18px;
  color: #101928;
}
._06c63bdaa._1709dfdaa .ccfdafdaa._9687e0daa ._982d56daa {
  border-bottom: 1px solid #101928;
}
._06c63bdaa._1709dfdaa .ccfdafdaa ._982d56daa {
  transition: border-color 150ms ease-in-out;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
._06c63bdaa._1709dfdaa .ccfdafdaa .c2d4f4daa {
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
._06c63bdaa._1709dfdaa .ccfdafdaa .c2d4f4daa path {
  fill: #101928;
}
._06c63bdaa._373bd8daa {
  background: linear-gradient(-225deg, #e7e8e9, #879093 100%);
  color: #101928;
}
._06c63bdaa._373bd8daa .c6f0c2daa path {
  stroke: #101928;
}
._06c63bdaa._373bd8daa .ccfdafdaa {
  font-weight: 600;
  cursor: pointer;
  margin-right: -18px;
  color: #101928;
}
._06c63bdaa._373bd8daa .ccfdafdaa._9687e0daa ._982d56daa {
  border-bottom: 1px solid #101928;
}
._06c63bdaa._373bd8daa .ccfdafdaa ._982d56daa {
  transition: border-color 150ms ease-in-out;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
._06c63bdaa._373bd8daa .ccfdafdaa .c2d4f4daa {
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
._06c63bdaa._373bd8daa .ccfdafdaa .c2d4f4daa path {
  fill: #101928;
}
._06c63bdaa::before {
  background: #fff;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  content: " ";
  display: block;
  width: 10px;
  height: 20px;
  position: absolute;
  transform: translate(0%, -50%);
  top: 50%;
  left: 0;
}
._06c63bdaa::after {
  background: #fff;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  content: " ";
  display: block;
  width: 10px;
  height: 20px;
  position: absolute;
  transform: translate(0%, -50%);
  right: 0;
  top: 50%;
}
._06c63bdaa.db34f9daa:hover {
  box-shadow: 0 16px 32px 0 rgba(16, 25, 40, 0.08);
}
._06c63bdaa.db34f9daa:hover::before {
  background: #fff;
  box-shadow: inset 0 0 10px 0 rgba(16, 25, 40, 0.08);
}
._06c63bdaa.db34f9daa:hover::after {
  background: #fff;
  box-shadow: inset 0 0 10px 0 rgba(16, 25, 40, 0.08);
}
._06c63bdaa.afcddadaa.db34f9daa::before {
  background: #f8f8fb;
}
._06c63bdaa.afcddadaa.db34f9daa::after {
  background: #f8f8fb;
}
._06c63bdaa.afcddadaa.db34f9daa:hover::before {
  background: #f8f8fb;
  box-shadow: inset 0 0 10px 0 rgba(16, 25, 40, 0.08);
}
._06c63bdaa.afcddadaa.db34f9daa:hover::after {
  background: #f8f8fb;
  box-shadow: inset 0 0 10px 0 rgba(16, 25, 40, 0.08);
}
._06c63bdaa.afcddadaa._28431cdaa ._1e0553daa::before {
  background: #f8f8fb;
}
._06c63bdaa.afcddadaa._28431cdaa ._1e0553daa::after {
  background: #f8f8fb;
}
._06c63bdaa.f886f9daa.db34f9daa::before {
  background: #f2f2f7;
}
._06c63bdaa.f886f9daa.db34f9daa::after {
  background: #f2f2f7;
}
._06c63bdaa.f886f9daa.db34f9daa:hover::before {
  background: #f2f2f7;
  box-shadow: inset 0 0 10px 0 rgba(16, 25, 40, 0.08);
}
._06c63bdaa.f886f9daa.db34f9daa:hover::after {
  background: #f2f2f7;
  box-shadow: inset 0 0 10px 0 rgba(16, 25, 40, 0.08);
}
._06c63bdaa.f886f9daa._28431cdaa ._1e0553daa::before {
  background: #f2f2f7;
}
._06c63bdaa.f886f9daa._28431cdaa ._1e0553daa::after {
  background: #f2f2f7;
}
._06c63bdaa .e3c129daa {
  margin: 15px 0 10px;
}
._06c63bdaa .cd4233daa {
  margin-top: 2px;
}
._06c63bdaa ._1e0553daa {
  text-align: center;
  padding-bottom: 24px;
}
._06c63bdaa ._9c0263daa {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._06c63bdaa ._9c0263daa .aecff6daa {
  margin-bottom: 2px;
}
._06c63bdaa .bdd3a2daa {
  margin-bottom: 24px;
  width: 240px;
}
._06c63bdaa .e3adbbdaa {
  margin-bottom: 24px;
}
._06c63bdaa .e3adbbdaa ._83fae3daa {
  font-weight: 600;
}
._06c63bdaa ._18347ddaa {
  display: flex;
}
._06c63bdaa ._18347ddaa .aecff6daa {
  margin-bottom: 4px;
}
._06c63bdaa ._18347ddaa .bbc5a6daa {
  width: 65%;
}
._06c63bdaa ._18347ddaa .bbc5a6daa ._0033b2daa {
  margin-bottom: 8px;
  word-break: break-word;
}
._06c63bdaa ._18347ddaa ._560cf1daa {
  text-align: right;
  width: 35%;
  padding-left: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
._06c63bdaa ._880501daa {
  background: rgba(255, 255, 255, 0.4);
  color: #fff;
}
._06c63bdaa._2349d0daa ._880501daa {
  color: #000;
}

.f0b18bdaa {
  max-width: 488px;
  display: flex;
  flex-grow: 1;
  border-radius: 8px;
  transition: background 200ms ease, box-shadow 200ms ease;
  text-align: center;
}
.f0b18bdaa ._06c63bdaa {
  max-width: 100%;
}
.f0b18bdaa ._06c63bdaa::before {
  background-color: #fff;
  transition: box-shadow 200ms ease;
}
.f0b18bdaa ._06c63bdaa::after {
  background-color: #fff;
  transition: box-shadow 200ms ease;
}
.f0b18bdaa:hover, .f0b18bdaa._288be4daa {
  box-shadow: 0 16px 32px 0 rgba(16, 25, 40, 0.08);
}
.f0b18bdaa:hover ._06c63bdaa::before, .f0b18bdaa._288be4daa ._06c63bdaa::before {
  background-color: #fff;
  box-shadow: inset 0 0 10px 0 rgba(16, 25, 40, 0.08);
}
.f0b18bdaa:hover ._06c63bdaa::after, .f0b18bdaa._288be4daa ._06c63bdaa::after {
  background-color: #fff;
  box-shadow: inset 0 0 10px 0 rgba(16, 25, 40, 0.08);
}
.f0b18bdaa.f8fa7ddaa {
  padding: 16px;
}
.f0b18bdaa.f8fa7ddaa ._06c63bdaa {
  max-width: 100%;
}
.f0b18bdaa.f8fa7ddaa ._06c63bdaa::before {
  background-color: #f2f2f7;
  transition: background 200ms ease;
}
.f0b18bdaa.f8fa7ddaa ._06c63bdaa::after {
  background-color: #f2f2f7;
  transition: background 200ms ease;
}
.f0b18bdaa.f8fa7ddaa:hover, .f0b18bdaa.f8fa7ddaa._288be4daa {
  background: #fff;
  box-shadow: 0 16px 32px 0 rgba(16, 25, 40, 0.08);
}
.f0b18bdaa.f8fa7ddaa:hover ._06c63bdaa::before, .f0b18bdaa.f8fa7ddaa._288be4daa ._06c63bdaa::before {
  background-color: #fff;
  box-shadow: none;
}
.f0b18bdaa.f8fa7ddaa:hover ._06c63bdaa::after, .f0b18bdaa.f8fa7ddaa._288be4daa ._06c63bdaa::after {
  background-color: #fff;
  box-shadow: none;
}

._80f6f1daa {
  height: 64px;
  width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
}
._80f6f1daa._5d1940daa {
  background: linear-gradient(-45deg, #be4af4 0%, #5c37f6 100%);
}
._80f6f1daa._9fca74daa {
  background: linear-gradient(-225deg, #0b6dd9 0%, #5fabff 100%);
}
._80f6f1daa.ade75cdaa {
  background: linear-gradient(-225deg, #101928 0%, #203047 100%);
}
._80f6f1daa._76e752daa {
  background: linear-gradient(-45deg, #00a69c 0%, #009d62 100%);
}
._80f6f1daa._7f84addaa {
  background: linear-gradient(-45deg, #edb01b 0%, #de6426 100%);
}
._80f6f1daa._1709dfdaa {
  background: linear-gradient(-225deg, #fafafc 0%, #d5d7da 100%);
}
._80f6f1daa._373bd8daa {
  background: linear-gradient(-225deg, #e7e8e9, #879093 100%);
}
._80f6f1daa.faefb1daa {
  background: #f2f2f7;
}
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RowButton/BaseRowButton.scss.css ***!
  \********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6970e2 {
  padding-left: 16px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  transition: background-color 200ms;
}
._06c6970e2.bc5c930e2 .a42da00e2 {
  align-items: flex-start;
}
._06c6970e2.bc5c930e2 .e7a27e0e2 {
  align-self: flex-start;
}
._06c6970e2._7c8be60e2 {
  background-color: #e7e8ff;
}
._06c6970e2._7c8be60e2._641df40e2 {
  background-color: #f8f8fb;
}
._06c6970e2._7c8be60e2._84103b0e2 {
  background-color: transparent;
}
._06c6970e2 .a42da00e2 {
  padding: 16px 16px 16px 0;
  border-bottom: 1px solid #e7e8e9;
  display: flex;
  flex-grow: 1;
  min-width: 0;
}
._06c6970e2 .a42da00e2.ce30f30e2 {
  align-content: flex-start;
}
._06c6970e2 .a42da00e2:not(.ce30f30e2) {
  align-items: center;
}
._06c6970e2 .a42da00e2._4695da0e2 {
  border: none;
}
._06c6970e2 .f211eb0e2 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-align: left;
  min-width: 0;
}
._06c6970e2 ._6544630e2 {
  margin-right: 16px;
}
._06c6970e2 .e7a27e0e2 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  margin-right: 16px;
  flex-shrink: 0;
  align-self: center;
}
._06c6970e2 .e7a27e0e2.d1c3940e2 {
  background-color: #e7e8ff;
}
._06c6970e2 .e7a27e0e2._447b7f0e2 {
  background-color: #f2f2f7;
}
._06c6970e2 .e7a27e0e2.d15a9d0e2 {
  background-color: #101928;
}
._06c6970e2 .e7a27e0e2.f923820e2 {
  background-color: #fff;
}
._06c6970e2 .e7a27e0e2.fe36e30e2 {
  background-color: transparent;
}
._06c6970e2 .a1b7070e2 {
  display: flex;
  margin-left: 16px;
  flex-shrink: 0;
}
._06c6970e2._1e8ac50e2 {
  padding-left: 32px;
}
._06c6970e2._1e8ac50e2 .a42da00e2 {
  padding: 24px 32px 24px 0;
}
._06c6970e2._9a69d70e2 {
  padding-left: 16px;
}
._06c6970e2._9a69d70e2 .a42da00e2 {
  padding: 24px 16px 24px 0;
}
._06c6970e2.fbf5c00e2 {
  padding-left: 20px;
}
._06c6970e2.fbf5c00e2 .a42da00e2 {
  padding: 24px 20px 24px 0;
}
._06c6970e2._463bdf0e2 {
  padding-left: 0;
}
._06c6970e2._463bdf0e2 .a42da00e2 {
  padding: 0;
}
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/LocationAvatar/LocationAvatar.scss.css ***!
  \**************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c64cf92 {
  border: 1px solid #e8e8ee;
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/AttachmentPreview/AttachmentPreview.scss.css ***!
  \********************************************************************************************************************************************/
._06c675ff4 {
  position: relative;
  width: 100%;
  overflow: hidden;
}
._06c675ff4 .e442b5ff4 {
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
  scrollbar-width: thin;
}
._06c675ff4 ._7c2fd7ff4 {
  height: 100%;
  display: inline-flex;
}
/*!******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/AttachmentPreview/parts/File/File.scss.css ***!
  \******************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6d3909 {
  margin: 4px;
  min-width: 100px;
}
._06c6d3909 .a42da4909 {
  position: relative;
  max-width: 300px;
  height: 64px;
  border: 1px solid #d5d7da;
  border-radius: 12px;
}
._06c6d3909 .b4a091909 {
  opacity: 0.5;
}
._06c6d3909.c26c0e909 {
  margin: 0 0 4px 0;
}
._06c6d3909.c26c0e909 .a42da4909 {
  height: 48px;
  background-color: #f8f8fb;
  border: 1px solid #d5d7da;
  border-radius: 8px;
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/AttachmentPreview/parts/RemoveButton/RemoveButton.scss.css ***!
  \**********************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6b00ed {
  position: absolute;
  top: -4px;
  right: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 3.5px;
  cursor: pointer;
  transition: all 175ms ease-in-out;
}
._06c6b00ed:hover {
  border-color: #da2346;
  background-color: #da2346;
}
._06c6b00ed:hover svg path:not(._3847860ed) {
  transition: all 125ms ease-out;
  fill: #fff;
}
/*!*********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/FeedInput/FeedInput.scss.css ***!
  \*********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6215e5 {
  position: relative;
  border: 1px solid #d5d7da;
  border-radius: 8px;
  background: #f2f2f7;
}
._06c6215e5._8c2b8d5e5.b0182a5e5 {
  border: 1px solid #6950f3;
}
._06c6215e5._8c2b8d5e5 .ee67c35e5 {
  border: 0;
}
._06c6215e5 .ee67c35e5 {
  padding-right: 48px;
  width: 100%;
  border: none;
}
._06c6215e5 .ee67c35e5:hover {
  border: none;
  box-shadow: none;
}
._06c6215e5._40aa405e5 {
  border: 1px solid #d5d7da;
  padding: 16px;
  background: #fff;
}
._06c6215e5._40aa405e5 .ee67c35e5 {
  border: 1px solid #d5d7da;
}
._06c6215e5._40aa405e5 .ee67c35e5:hover {
  border: 1px solid #878c93;
}
._06c6215e5._40aa405e5.b0182a5e5 {
  border: 1px solid #d5d7da;
}
._06c6215e5._40aa405e5.b0182a5e5 .ee67c35e5 {
  border: 1px solid #6950f3;
  min-height: 92px;
}
._06c6215e5 .ed70265e5 {
  background: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
._06c6215e5 .ed70265e5.af61975e5, ._06c6215e5 .ed70265e5.c68c2a5e5 {
  border: 1px solid #d5d7da;
  border-radius: 8px;
}
._06c6215e5 .ed70265e5.af61975e5:hover, ._06c6215e5 .ed70265e5.c68c2a5e5:hover {
  border-color: #878c93;
}
._06c6215e5 .ed70265e5.af61975e5.b0182a5e5, ._06c6215e5 .ed70265e5.c68c2a5e5.b0182a5e5 {
  border-color: #6950f3;
}
._06c6215e5 .ed70265e5._40aa405e5 {
  border-radius: 8px;
}
._06c6215e5 ._39305b5e5 {
  background: #fff;
  padding: 20px 0 12px 16px;
}
._06c6215e5 ._2a8c255e5 {
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
._06c6215e5 ._2a8c255e5._8c2b8d5e5 {
  background: #f2f2f7;
  border-top: 1px solid #d5d7da;
}
._06c6215e5 ._2a8c255e5.af61975e5, ._06c6215e5 ._2a8c255e5.c68c2a5e5 {
  border: none;
  background: #fff;
}
._06c6215e5 ._2a8c255e5._40aa405e5 {
  padding: 16px 0 0 0;
}
._06c6215e5.af61975e5 {
  border: none;
  background: #fff;
}
._06c6215e5.c68c2a5e5 {
  display: flex;
  flex-direction: column;
  border: none;
  width: 100%;
  background: #fff;
}
._06c6215e5.c68c2a5e5 .ee67c35e5 {
  width: 100%;
  min-height: 100px;
  max-height: 150px;
}
@media (min-width: 361px) {
  ._06c6215e5.c68c2a5e5 .ee67c35e5 {
    min-height: 200px;
    max-height: 250px;
  }
}

._2872375e5 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-bottom: 5px;
}

.efe8c05e5 {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  color: #878c93;
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/AttachmentPreview/parts/Image/Image.scss.css ***!
  \********************************************************************************************************************************************/
._06c60d88c {
  margin: 4px;
}
._06c60d88c ._5975f888c {
  position: relative;
}
._06c60d88c ._5975f888c ._574a8e88c {
  opacity: 0.5;
}
._06c60d88c ._5975f888c .b5f9c088c {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/FeedInput/OverlayAction/OverlayAction.css ***!
  \**********************************************************************************************************************************************/
._06c672ba6 {
  position: absolute;
  padding: 10px 16px;
  top: 0;
  right: 0;
}
/*!***************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/FeedInput/Dropdown/styles.scss.css ***!
  \***************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6ddff5 {
  max-width: 200px;
  min-width: 0;
}

.ad0654ff5 {
  color: #6950f3;
}
/*!*****************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-layout/build/Layout.css ***!
  \*****************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Layout.module.scss */
.Df5MOP {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
/*# sourceMappingURL=Layout.css.map */
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-layout/build/subcomponents/Container.css ***!
  \**********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/Container.module.scss */
.YAjSXC {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 5;
  flex-grow: 1;
}
.YAjSXC.JdSNDC {
  width: 100%;
  min-width: var(--layout-size-wide-default-layout-composition-width, 100%);
  padding-bottom: var(--layout-size-wide-default-layout-composition-padding-bottom, 24px);
}
@media (min-width: 768px) {
  .YAjSXC.JdSNDC {
    min-width: var(--layout-size-wide-tablet-layout-composition-width, 768px);
    padding-bottom: var(--layout-size-wide-tablet-layout-composition-padding-bottom, 32px);
  }
}
@media (min-width: 1024px) {
  .YAjSXC.JdSNDC {
    min-width: var(--layout-size-wide-laptop-layout-composition-width, 1024px);
    padding-left: var(--layout-size-wide-laptop-container-composition-horizontal-padding, 32px);
    padding-right: var(--layout-size-wide-laptop-container-composition-horizontal-padding, 32px);
    padding-bottom: var(--layout-size-wide-laptop-layout-composition-padding-bottom, 32px);
  }
}
@media (min-width: 1440px) {
  .YAjSXC.JdSNDC {
    min-width: var(--layout-size-wide-desktop-layout-composition-width, 1440px);
    padding-bottom: var(--layout-size-wide-desktop-layout-composition-padding-bottom, 32px);
  }
}
.YAjSXC._KYEJC {
  width: 100%;
  min-width: var(--layout-size-narrow-default-layout-composition-width, 100%);
  padding-bottom: var(--layout-size-narrow-default-layout-composition-padding-bottom, 20px);
}
@media (min-width: 768px) {
  .YAjSXC._KYEJC {
    min-width: var(--layout-size-narrow-tablet-layout-composition-width, 768px);
    padding-bottom: var(--layout-size-narrow-tablet-layout-composition-padding-bottom, 32px);
  }
}
@media (min-width: 1024px) {
  .YAjSXC._KYEJC {
    min-width: var(--layout-size-narrow-laptop-layout-composition-width, 1024px);
    padding-bottom: var(--layout-size-narrow-laptop-layout-composition-padding-bottom, 32px);
  }
}
@media (min-width: 1440px) {
  .YAjSXC._KYEJC {
    min-width: var(--layout-size-narrow-desktop-layout-composition-width, 1440px);
    padding-bottom: var(--layout-size-narrow-desktop-layout-composition-padding-bottom, 32px);
  }
}
.YAjSXC._-S9WMC {
  width: 100%;
  min-width: var(--layout-size-fluid-default-layout-composition-width, 100%);
}
@media (min-width: 768px) {
  .YAjSXC._-S9WMC {
    min-width: var(--layout-size-fluid-tablet-layout-composition-width, 100%);
  }
}
@media (min-width: 1024px) {
  .YAjSXC._-S9WMC {
    min-width: var(--layout-size-fluid-laptop-layout-composition-width, 100%);
  }
}
@media (min-width: 1440px) {
  .YAjSXC._-S9WMC {
    min-width: var(--layout-size-fluid-desktop-layout-composition-width, 100%);
  }
}
.YAjSXC.NekdYC {
  width: 100%;
  min-width: var(--layout-size-wide-default-layout-composition-width, 100%);
  padding-bottom: var(--layout-size-wide-default-layout-composition-padding-bottom, 24px);
}
@media (min-width: 768px) {
  .YAjSXC.NekdYC {
    min-width: var(--layout-size-wide-tablet-layout-composition-width, 768px);
    padding-bottom: var(--layout-size-wide-tablet-layout-composition-padding-bottom, 32px);
  }
}
@media (min-width: 1024px) {
  .YAjSXC.NekdYC {
    min-width: var(--layout-size-wide-laptop-layout-composition-width, 1024px);
    padding-left: var(--layout-size-wide-laptop-container-composition-horizontal-padding, 32px);
    padding-right: var(--layout-size-wide-laptop-container-composition-horizontal-padding, 32px);
    padding-bottom: var(--layout-size-wide-laptop-layout-composition-padding-bottom, 32px);
  }
}
@media (min-width: 1440px) {
  .YAjSXC.NekdYC {
    min-width: var(--layout-size-wide-desktop-layout-composition-width, 1440px);
    padding-bottom: var(--layout-size-wide-desktop-layout-composition-padding-bottom, 32px);
  }
}
.MZ1eXC {
  height: 0;
}
.otgsqC {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-areas: "title" "sidebar" "content";
}
.otgsqC.JdSNDC {
  width: 100%;
  max-width: var(--layout-size-wide-default-container-composition-width, 100%);
}
@media (min-width: 768px) {
  .otgsqC.JdSNDC {
    max-width: var(--layout-size-wide-tablet-container-composition-width, 100%);
  }
}
@media (min-width: 1024px) {
  .otgsqC.JdSNDC {
    grid-template-areas: "title" "content";
    max-width: var(--layout-size-wide-laptop-container-composition-width, 100%);
    grid-template-columns: var(--layout-size-wide-laptop-container-composition-width, 100%);
  }
  .otgsqC.JdSNDC.tUfnIC {
    grid-template-areas: "title title" "content sidebar";
    grid-template-columns: calc(var(--layout-size-wide-laptop-container-composition-width, 100%) - var(--layout-size-wide-laptop-sidebar-composition-width, 360px) - var(--layout-size-wide-laptop-inner-container-composition-item-spacing, 32px)) var(--layout-size-wide-laptop-sidebar-composition-width, 360px);
    column-gap: var(--layout-size-wide-laptop-inner-container-composition-item-spacing, 32px);
  }
  .otgsqC.JdSNDC.tUfnIC._-29JeC {
    grid-template-areas: "title title" "sidebar content";
    grid-template-columns: var(--layout-size-wide-laptop-sidebar-composition-width, 360px) calc(var(--layout-size-wide-laptop-container-composition-width, 100%) - var(--layout-size-wide-laptop-sidebar-composition-width, 360px) - var(--layout-size-wide-laptop-inner-container-composition-item-spacing, 32px));
  }
}
@media (min-width: 1440px) {
  .otgsqC.JdSNDC {
    max-width: var(--layout-size-wide-desktop-container-composition-width, 1184px);
  }
  .otgsqC.JdSNDC.tUfnIC {
    grid-template-areas: "title title" "content sidebar";
    grid-template-columns: calc(var(--layout-size-wide-desktop-container-composition-width, 1184px) - var(--layout-size-wide-desktop-sidebar-composition-width, 444px) - var(--layout-size-wide-desktop-inner-container-composition-item-spacing, 96px)) var(--layout-size-wide-desktop-sidebar-composition-width, 444px);
    column-gap: var(--layout-size-wide-desktop-inner-container-composition-item-spacing, 96px);
  }
  .otgsqC.JdSNDC.tUfnIC._-29JeC {
    grid-template-areas: "title title" "sidebar content";
    grid-template-columns: var(--layout-size-wide-desktop-sidebar-composition-width, 444px) calc(var(--layout-size-wide-desktop-container-composition-width, 1184px) - var(--layout-size-wide-desktop-sidebar-composition-width, 444px) - var(--layout-size-wide-desktop-inner-container-composition-item-spacing, 96px));
  }
}
.otgsqC._KYEJC {
  width: 100%;
  max-width: var(--layout-size-narrow-default-container-composition-width, 100%);
}
@media (min-width: 768px) {
  .otgsqC._KYEJC {
    max-width: var(--layout-size-narrow-tablet-container-composition-width, 600px);
  }
}
@media (min-width: 1024px) {
  .otgsqC._KYEJC {
    grid-template-areas: "title" "content";
    max-width: var(--layout-size-narrow-laptop-container-composition-width, 600px);
    grid-template-columns: var(--layout-size-narrow-laptop-container-composition-width, 600px);
  }
  .otgsqC._KYEJC.tUfnIC {
    grid-template-areas: "title title" "content sidebar";
    grid-template-columns: calc(var(--layout-size-narrow-laptop-container-composition-width, 600px) - var(--layout-size-narrow-laptop-sidebar-composition-width, 200px) - var(--layout-size-narrow-laptop-inner-container-composition-item-spacing, 32px)) var(--layout-size-narrow-laptop-sidebar-composition-width, 200px);
    column-gap: var(--layout-size-narrow-laptop-inner-container-composition-item-spacing, 32px);
  }
  .otgsqC._KYEJC.tUfnIC._-29JeC {
    grid-template-areas: "title title" "sidebar content";
    grid-template-columns: var(--layout-size-narrow-laptop-sidebar-composition-width, 200px) calc(var(--layout-size-narrow-laptop-container-composition-width, 600px) - var(--layout-size-narrow-laptop-sidebar-composition-width, 200px) - var(--layout-size-narrow-laptop-inner-container-composition-item-spacing, 32px));
  }
}
@media (min-width: 1440px) {
  .otgsqC._KYEJC {
    max-width: var(--layout-size-narrow-desktop-container-composition-width, 600px);
  }
  .otgsqC._KYEJC.tUfnIC {
    grid-template-areas: "title title" "content sidebar";
    grid-template-columns: calc(var(--layout-size-narrow-desktop-container-composition-width, 600px) - var(--layout-size-narrow-desktop-sidebar-composition-width, 200px) - var(--layout-size-narrow-desktop-inner-container-composition-item-spacing, 32px)) var(--layout-size-narrow-desktop-sidebar-composition-width, 200px);
    column-gap: var(--layout-size-narrow-desktop-inner-container-composition-item-spacing, 32px);
  }
  .otgsqC._KYEJC.tUfnIC._-29JeC {
    grid-template-areas: "title title" "sidebar content";
    grid-template-columns: var(--layout-size-narrow-desktop-sidebar-composition-width, 200px) calc(var(--layout-size-narrow-desktop-container-composition-width, 600px) - var(--layout-size-narrow-desktop-sidebar-composition-width, 200px) - var(--layout-size-narrow-desktop-inner-container-composition-item-spacing, 32px));
  }
}
.otgsqC._-S9WMC {
  width: 100%;
  max-width: var(--layout-size-fluid-default-container-composition-width, 100%);
}
@media (min-width: 768px) {
  .otgsqC._-S9WMC {
    max-width: var(--layout-size-fluid-tablet-container-composition-width, 100%);
  }
}
@media (min-width: 1024px) {
  .otgsqC._-S9WMC {
    grid-template-areas: "title" "content";
    max-width: var(--layout-size-fluid-laptop-container-composition-width, 100%);
    grid-template-columns: var(--layout-size-fluid-laptop-container-composition-width, 100%);
  }
  .otgsqC._-S9WMC.tUfnIC {
    grid-template-areas: "title title" "content sidebar";
    grid-template-columns: calc(var(--layout-size-fluid-laptop-container-composition-width, 100%) - var(--layout-size-fluid-laptop-sidebar-composition-width, 400px) - var(--layout-size-fluid-laptop-inner-container-composition-item-spacing, 0px)) var(--layout-size-fluid-laptop-sidebar-composition-width, 400px);
    column-gap: var(--layout-size-fluid-laptop-inner-container-composition-item-spacing, 0px);
  }
  .otgsqC._-S9WMC.tUfnIC._-29JeC {
    grid-template-areas: "title title" "sidebar content";
    grid-template-columns: var(--layout-size-fluid-laptop-sidebar-composition-width, 400px) calc(var(--layout-size-fluid-laptop-container-composition-width, 100%) - var(--layout-size-fluid-laptop-sidebar-composition-width, 400px) - var(--layout-size-fluid-laptop-inner-container-composition-item-spacing, 0px));
  }
}
@media (min-width: 1440px) {
  .otgsqC._-S9WMC {
    max-width: var(--layout-size-fluid-desktop-container-composition-width, 100%);
  }
  .otgsqC._-S9WMC.tUfnIC {
    grid-template-areas: "title title" "content sidebar";
    grid-template-columns: calc(var(--layout-size-fluid-desktop-container-composition-width, 100%) - var(--layout-size-fluid-desktop-sidebar-composition-width, 440px) - var(--layout-size-fluid-desktop-inner-container-composition-item-spacing, 0px)) var(--layout-size-fluid-desktop-sidebar-composition-width, 440px);
    column-gap: var(--layout-size-fluid-desktop-inner-container-composition-item-spacing, 0px);
  }
  .otgsqC._-S9WMC.tUfnIC._-29JeC {
    grid-template-areas: "title title" "sidebar content";
    grid-template-columns: var(--layout-size-fluid-desktop-sidebar-composition-width, 440px) calc(var(--layout-size-fluid-desktop-container-composition-width, 100%) - var(--layout-size-fluid-desktop-sidebar-composition-width, 440px) - var(--layout-size-fluid-desktop-inner-container-composition-item-spacing, 0px));
  }
}
.otgsqC.NekdYC {
  width: 100%;
  max-width: var(--layout-size-wide-default-container-composition-width, 100%);
}
@media (min-width: 768px) {
  .otgsqC.NekdYC {
    max-width: var(--layout-size-wide-tablet-container-composition-width, 100%);
  }
}
@media (min-width: 1024px) {
  .otgsqC.NekdYC {
    grid-template-areas: "title sidebar" "content sidebar";
    grid-template-columns: calc(var(--layout-size-wide-laptop-container-composition-width, 100%) - var(--layout-size-wide-laptop-sidebar-composition-width, 360px) - var(--layout-size-wide-laptop-inner-container-composition-item-spacing, 32px)) var(--layout-size-wide-laptop-sidebar-composition-width, 360px);
    column-gap: var(--layout-size-wide-laptop-inner-container-composition-item-spacing, 32px);
    max-width: var(--layout-size-wide-laptop-container-composition-width, 100%);
  }
}
@media (min-width: 1440px) {
  .otgsqC.NekdYC {
    grid-template-columns: calc(var(--layout-size-wide-desktop-container-composition-width, 1184px) - var(--layout-size-wide-desktop-sidebar-composition-width, 444px) - var(--layout-size-wide-desktop-inner-container-composition-item-spacing, 96px)) var(--layout-size-wide-desktop-sidebar-composition-width, 444px);
    column-gap: var(--layout-size-wide-desktop-inner-container-composition-item-spacing, 96px);
    max-width: var(--layout-size-wide-desktop-container-composition-width, 1184px);
  }
}
/*# sourceMappingURL=Container.css.map */
/*!*********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-header-flow/build/HeaderFlow.styles.css ***!
  \*********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/HeaderFlow.module.scss */
.E4hdmb {
  display: flex;
  width: 100%;
  transition: box-shadow var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
  position: sticky;
  top: 0;
  z-index: 10;
}
@media (min-width: 1440px) {
  .E4hdmb {
    justify-content: center;
  }
}
.E4hdmb.xa-Pkb {
  background-color: var(--header-flow-variant-default-container-background-color, #ffffff);
}
.E4hdmb.B_xKyb {
  background-color: var(--header-flow-variant-dark-container-background-color, #0d1619);
}
@media screen and (min-width: 0) {
  .E4hdmb.MLk5ub.JdSWJb {
    box-shadow: var(--header-flow-size-wide-default-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.MLk5ub._KY2lb {
    box-shadow: var(--header-flow-size-narrow-default-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.MYrCvb.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.MYrCvb._KY2lb {
    box-shadow: none;
  }
}
@media screen and (min-width: 0) {
  .E4hdmb.MLk5ub.JdSWJb {
    box-shadow: var(--header-flow-size-wide-default-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.MLk5ub._KY2lb {
    box-shadow: var(--header-flow-size-narrow-default-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.MYrCvb.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.MYrCvb._KY2lb {
    box-shadow: none;
  }
}
@media screen and (min-width: 512px) {
  .E4hdmb.ROxzdb.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.ROxzdb._KY2lb {
    box-shadow: none;
  }
}
@media screen and (min-width: 512px) {
  .E4hdmb.ROxzdb.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.ROxzdb._KY2lb {
    box-shadow: none;
  }
}
@media screen and (min-width: 520px) {
  .E4hdmb.Mtk--b.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.Mtk--b._KY2lb {
    box-shadow: none;
  }
}
@media screen and (min-width: 520px) {
  .E4hdmb.Mtk--b.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.Mtk--b._KY2lb {
    box-shadow: none;
  }
}
@media screen and (min-width: 768px) {
  .E4hdmb.O2KYmb.JdSWJb {
    box-shadow: var(--header-flow-size-wide-tablet-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.O2KYmb._KY2lb {
    box-shadow: var(--header-flow-size-narrow-tablet-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.VY0sYb.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.VY0sYb._KY2lb {
    box-shadow: none;
  }
}
@media screen and (min-width: 768px) {
  .E4hdmb.O2KYmb.JdSWJb {
    box-shadow: var(--header-flow-size-wide-tablet-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.O2KYmb._KY2lb {
    box-shadow: var(--header-flow-size-narrow-tablet-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.VY0sYb.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.VY0sYb._KY2lb {
    box-shadow: none;
  }
}
@media screen and (min-width: 1024px) {
  .E4hdmb.UuM7Eb.JdSWJb {
    box-shadow: var(--header-flow-size-wide-laptop-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.UuM7Eb._KY2lb {
    box-shadow: var(--header-flow-size-narrow-laptop-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.Z24Teb.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.Z24Teb._KY2lb {
    box-shadow: none;
  }
}
@media screen and (min-width: 1024px) {
  .E4hdmb.UuM7Eb.JdSWJb {
    box-shadow: var(--header-flow-size-wide-laptop-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.UuM7Eb._KY2lb {
    box-shadow: var(--header-flow-size-narrow-laptop-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.Z24Teb.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.Z24Teb._KY2lb {
    box-shadow: none;
  }
}
@media screen and (min-width: 1280px) {
  .E4hdmb.aW8Sxb.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.aW8Sxb._KY2lb {
    box-shadow: none;
  }
}
@media screen and (min-width: 1280px) {
  .E4hdmb.aW8Sxb.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.aW8Sxb._KY2lb {
    box-shadow: none;
  }
}
@media screen and (min-width: 1440px) {
  .E4hdmb.XsfXDb.JdSWJb {
    box-shadow: var(--header-flow-size-wide-desktop-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.XsfXDb._KY2lb {
    box-shadow: var(--header-flow-size-narrow-desktop-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.OCucFb.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.OCucFb._KY2lb {
    box-shadow: none;
  }
}
@media screen and (min-width: 1440px) {
  .E4hdmb.XsfXDb.JdSWJb {
    box-shadow: var(--header-flow-size-wide-desktop-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.XsfXDb._KY2lb {
    box-shadow: var(--header-flow-size-narrow-desktop-container-composition-box-shadow, 0 2px 4px 0 rgba(13, 22, 25, 0.0588235294));
  }
  .E4hdmb.OCucFb.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.OCucFb._KY2lb {
    box-shadow: none;
  }
}
@media screen and (min-width: 1920px) {
  .E4hdmb.EAsSWb.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.EAsSWb._KY2lb {
    box-shadow: none;
  }
}
@media screen and (min-width: 1920px) {
  .E4hdmb.EAsSWb.JdSWJb {
    box-shadow: none;
  }
  .E4hdmb.EAsSWb._KY2lb {
    box-shadow: none;
  }
}
._7nJYrb {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  flex-wrap: nowrap;
}
._7nJYrb.JdSWJb {
  height: var(--header-flow-size-wide-default-container-composition-height, 64px);
  min-height: var(--header-flow-size-wide-default-container-composition-height, 64px);
  padding: 0 var(--header-flow-size-wide-default-container-composition-horizontal-padding, 20px);
  gap: var(--header-flow-size-wide-default-container-composition-item-spacing, 16px);
}
@media (min-width: 768px) {
  ._7nJYrb.JdSWJb {
    height: var(--header-flow-size-wide-tablet-container-composition-height, 64px);
    min-height: var(--header-flow-size-wide-tablet-container-composition-height, 64px);
    padding: 0 var(--header-flow-size-wide-tablet-container-composition-horizontal-padding, 32px);
    gap: var(--header-flow-size-wide-tablet-container-composition-item-spacing, 24px);
  }
}
@media (min-width: 1024px) {
  ._7nJYrb.JdSWJb {
    height: var(--header-flow-size-wide-laptop-container-composition-height, 64px);
    min-height: var(--header-flow-size-wide-laptop-container-composition-height, 64px);
    padding: 0 var(--header-flow-size-wide-laptop-container-composition-horizontal-padding, 32px);
    gap: var(--header-flow-size-wide-laptop-container-composition-item-spacing, 24px);
  }
}
@media (min-width: 1440px) {
  ._7nJYrb.JdSWJb {
    width: 100%;
    max-width: var(--header-flow-size-wide-desktop-container-composition-width, 1440px);
    height: var(--header-flow-size-wide-desktop-container-composition-height, 64px);
    min-height: var(--header-flow-size-wide-desktop-container-composition-height, 64px);
    padding: 0 var(--header-flow-size-wide-desktop-container-composition-horizontal-padding, 32px);
    gap: var(--header-flow-size-wide-desktop-container-composition-item-spacing, 72px);
  }
}
._7nJYrb._KY2lb {
  height: var(--header-flow-size-narrow-default-container-composition-height, 64px);
  min-height: var(--header-flow-size-narrow-default-container-composition-height, 64px);
  padding: 0 var(--header-flow-size-narrow-default-container-composition-horizontal-padding, 20px);
  gap: var(--header-flow-size-narrow-default-container-composition-item-spacing, 16px);
}
@media (min-width: 768px) {
  ._7nJYrb._KY2lb {
    height: var(--header-flow-size-narrow-tablet-container-composition-height, 64px);
    min-height: var(--header-flow-size-narrow-tablet-container-composition-height, 64px);
    padding: 0 var(--header-flow-size-narrow-tablet-container-composition-horizontal-padding, 32px);
    gap: var(--header-flow-size-narrow-tablet-container-composition-item-spacing, 24px);
  }
}
@media (min-width: 1024px) {
  ._7nJYrb._KY2lb {
    height: var(--header-flow-size-narrow-laptop-container-composition-height, 64px);
    min-height: var(--header-flow-size-narrow-laptop-container-composition-height, 64px);
    padding: 0 var(--header-flow-size-narrow-laptop-container-composition-horizontal-padding, 32px);
    gap: var(--header-flow-size-narrow-laptop-container-composition-item-spacing, 24px);
  }
}
@media (min-width: 1440px) {
  ._7nJYrb._KY2lb {
    width: 100%;
    max-width: var(--header-flow-size-narrow-desktop-container-composition-width, 1440px);
    height: var(--header-flow-size-narrow-desktop-container-composition-height, 64px);
    min-height: var(--header-flow-size-narrow-desktop-container-composition-height, 64px);
    padding: 0 var(--header-flow-size-narrow-desktop-container-composition-horizontal-padding, 32px);
    gap: var(--header-flow-size-narrow-desktop-container-composition-item-spacing, 24px);
  }
}
._7nJYrb._50a1Lb .p1p7-b {
  opacity: 1;
}
._7nJYrb.coUoZb .p1p7-b {
  opacity: 1;
}
.p1p7-b {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  justify-content: center;
  white-space: nowrap;
  opacity: 0;
  transition: opacity var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
@media (min-width: 768px) {
  .p1p7-b.JdSWJb {
    flex-grow: 1;
  }
}
@media (min-width: 1440px) {
  .p1p7-b.JdSWJb {
    width: var(--header-flow-size-wide-desktop-content-composition-width, 100%);
    max-width: var(--header-flow-size-wide-desktop-content-composition-width, 100%);
  }
}
@media (min-width: 768px) {
  .p1p7-b._KY2lb {
    flex-grow: 1;
    width: var(--header-flow-size-narrow-tablet-content-composition-width, 100%);
    max-width: var(--header-flow-size-narrow-tablet-content-composition-width, 100%);
  }
}
@media (min-width: 1024px) {
  .p1p7-b._KY2lb {
    width: var(--header-flow-size-narrow-laptop-content-composition-width, 100%);
    max-width: var(--header-flow-size-narrow-laptop-content-composition-width, 100%);
  }
}
@media (min-width: 1440px) {
  .p1p7-b._KY2lb {
    width: var(--header-flow-size-narrow-desktop-content-composition-width, 100%);
    max-width: var(--header-flow-size-narrow-desktop-content-composition-width, 100%);
  }
}
.wwqIAb {
  display: flex;
}
.wwqIAb.iby25b {
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .wwqIAb {
    flex: unset;
  }
}
@media (min-width: 768px) {
  .wwqIAb.__BPQb {
    display: none;
  }
}
@media (min-width: 1440px) {
  .wwqIAb.__BPQb.JdSWJb {
    display: flex;
  }
}
.Ftgqrb.JdSWJb {
  width: var(--header-flow-size-wide-default-affix-composition-sizing, 24px);
  height: var(--header-flow-size-wide-default-affix-composition-sizing, 24px);
}
.Ftgqrb._KY2lb {
  width: var(--header-flow-size-narrow-default-affix-composition-sizing, 24px);
  height: var(--header-flow-size-narrow-default-affix-composition-sizing, 24px);
}
.QcpHqb {
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  opacity: 0.01;
  overflow: hidden;
}
._znhwb {
  width: 100% !important;
}
/*# sourceMappingURL=HeaderFlow.styles.css.map */
/*!******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-layout/build/subcomponents/Title.css ***!
  \******************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/Title.module.scss */
.iWARt7 {
  grid-area: title;
}
/*# sourceMappingURL=Title.css.map */
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-layout/build/subcomponents/Content.css ***!
  \********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/Content.module.scss */
.gbuMxw {
  display: flex;
  flex-direction: column;
  grid-area: content;
  min-width: 0;
}
.gbuMxw.JdSzzw {
  width: 100%;
  max-width: var(--layout-size-wide-default-content-composition-width, 100%);
}
.gbuMxw.JdSzzw.aBz4kw {
  padding: 0 var(--layout-size-wide-default-spacer-container-composition-horizontal-padding, 20px);
}
@media (min-width: 768px) {
  .gbuMxw.JdSzzw {
    max-width: var(--layout-size-wide-tablet-content-composition-width, 100%);
  }
  .gbuMxw.JdSzzw.aBz4kw {
    padding: 0 var(--layout-size-wide-tablet-spacer-container-composition-horizontal-padding, 32px);
  }
}
@media (min-width: 1024px) {
  .gbuMxw.JdSzzw {
    max-width: var(--layout-size-wide-laptop-content-composition-width, 100%);
  }
  .gbuMxw.JdSzzw.aBz4kw {
    padding: unset;
  }
}
@media (min-width: 1440px) {
  .gbuMxw.JdSzzw {
    max-width: var(--layout-size-wide-desktop-content-composition-width, 100%);
  }
}
.gbuMxw._KYw5w {
  width: 100%;
  max-width: var(--layout-size-narrow-default-content-composition-width, 100%);
}
.gbuMxw._KYw5w.aBz4kw {
  padding: 0 var(--layout-size-narrow-default-spacer-container-composition-horizontal-padding, 20px);
}
@media (min-width: 768px) {
  .gbuMxw._KYw5w {
    max-width: var(--layout-size-narrow-tablet-content-composition-width, 100%);
  }
  .gbuMxw._KYw5w.aBz4kw {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .gbuMxw._KYw5w {
    max-width: var(--layout-size-narrow-laptop-content-composition-width, 100%);
  }
  .gbuMxw._KYw5w.aBz4kw {
    padding: unset;
  }
}
@media (min-width: 1440px) {
  .gbuMxw._KYw5w {
    max-width: var(--layout-size-narrow-desktop-content-composition-width, 100%);
  }
}
.gbuMxw._-S9a8w {
  width: 100%;
  max-width: var(--layout-size-fluid-default-content-composition-width, 100%);
}
.gbuMxw._-S9a8w.aBz4kw {
  padding: 0;
}
@media (min-width: 768px) {
  .gbuMxw._-S9a8w {
    max-width: var(--layout-size-fluid-tablet-content-composition-width, 100%);
  }
  .gbuMxw._-S9a8w.aBz4kw {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .gbuMxw._-S9a8w {
    max-width: var(--layout-size-fluid-laptop-content-composition-width, 100%);
  }
  .gbuMxw._-S9a8w.aBz4kw {
    padding: unset;
  }
}
@media (min-width: 1440px) {
  .gbuMxw._-S9a8w {
    max-width: var(--layout-size-fluid-desktop-content-composition-width, 100%);
  }
}
.gbuMxw.Nek88w {
  width: 100%;
  max-width: var(--layout-size-wide-default-content-composition-width, 100%);
}
.gbuMxw.Nek88w.aBz4kw {
  padding: 0 var(--layout-size-wide-default-spacer-container-composition-horizontal-padding, 20px);
}
@media (min-width: 768px) {
  .gbuMxw.Nek88w {
    max-width: var(--layout-size-wide-tablet-content-composition-width, 100%);
  }
  .gbuMxw.Nek88w.aBz4kw {
    padding: 0 var(--layout-size-wide-tablet-spacer-container-composition-horizontal-padding, 32px);
  }
}
@media (min-width: 1024px) {
  .gbuMxw.Nek88w {
    max-width: var(--layout-size-wide-laptop-content-composition-width, 100%);
  }
  .gbuMxw.Nek88w.aBz4kw {
    padding: unset;
  }
}
@media (min-width: 1440px) {
  .gbuMxw.Nek88w {
    max-width: var(--layout-size-wide-desktop-content-composition-width, 100%);
  }
}
/*# sourceMappingURL=Content.css.map */
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-layout/build/subcomponents/Sidebar.css ***!
  \********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/subcomponents/Sidebar.module.scss */
.QrHTb0 {
  grid-area: sidebar;
  height: max-content;
}
.QrHTb0.Aqlpu0 {
  display: none;
}
@media (min-width: 1024px) {
  .QrHTb0.UuHVd0 {
    position: sticky;
    top: calc(var(--spacing-600, 32px) + var(--spacing-75, 4px) + 64px);
  }
}
.QrHTb0.JdSLY0 {
  width: 100%;
  max-width: var(--layout-size-wide-default-sidebar-composition-width, 100%);
  margin-bottom: var(--layout-size-wide-default-inner-container-composition-item-spacing, 32px);
}
.QrHTb0.JdSLY0.aBzKL0 {
  padding: 0 var(--layout-size-wide-default-spacer-container-composition-horizontal-padding, 20px);
}
@media (min-width: 768px) {
  .QrHTb0.JdSLY0 {
    max-width: var(--layout-size-wide-tablet-sidebar-composition-width, 100%);
    margin-bottom: var(--layout-size-wide-tablet-inner-container-composition-item-spacing, 32px);
  }
  .QrHTb0.JdSLY0.aBzKL0 {
    padding: 0 var(--layout-size-wide-tablet-spacer-container-composition-horizontal-padding, 32px);
  }
}
@media (min-width: 1024px) {
  .QrHTb0.JdSLY0 {
    display: block;
    max-width: var(--layout-size-wide-laptop-sidebar-composition-width, 360px);
    margin-bottom: var(--spacing-0, 0px);
  }
  .QrHTb0.JdSLY0.aBzKL0 {
    padding: unset;
  }
}
@media (min-width: 1440px) {
  .QrHTb0.JdSLY0 {
    max-width: var(--layout-size-wide-desktop-sidebar-composition-width, 444px);
  }
}
.QrHTb0._KYAd0 {
  width: 100%;
  max-width: var(--layout-size-narrow-default-sidebar-composition-width, 100%);
  margin-bottom: var(--layout-size-narrow-default-inner-container-composition-item-spacing, 32px);
}
.QrHTb0._KYAd0.aBzKL0 {
  padding: 0 var(--layout-size-narrow-default-spacer-container-composition-horizontal-padding, 20px);
}
@media (min-width: 768px) {
  .QrHTb0._KYAd0 {
    max-width: var(--layout-size-narrow-tablet-sidebar-composition-width, 100%);
    margin-bottom: var(--layout-size-narrow-tablet-inner-container-composition-item-spacing, 32px);
  }
  .QrHTb0._KYAd0.aBzKL0 {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .QrHTb0._KYAd0 {
    display: block;
    max-width: var(--layout-size-narrow-laptop-sidebar-composition-width, 200px);
    margin-bottom: var(--spacing-0, 0px);
  }
  .QrHTb0._KYAd0.aBzKL0 {
    padding: unset;
  }
}
@media (min-width: 1440px) {
  .QrHTb0._KYAd0 {
    max-width: var(--layout-size-narrow-desktop-sidebar-composition-width, 200px);
  }
}
.QrHTb0._-S9JU0 {
  width: 100%;
  max-width: var(--layout-size-fluid-default-sidebar-composition-width, 100%);
  margin-bottom: var(--layout-size-fluid-default-inner-container-composition-item-spacing, 0px);
}
.QrHTb0._-S9JU0.aBzKL0 {
  padding: 0;
}
@media (min-width: 768px) {
  .QrHTb0._-S9JU0 {
    max-width: var(--layout-size-fluid-tablet-sidebar-composition-width, 100%);
    margin-bottom: var(--layout-size-fluid-tablet-inner-container-composition-item-spacing, 0px);
  }
  .QrHTb0._-S9JU0.aBzKL0 {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .QrHTb0._-S9JU0 {
    display: block;
    max-width: var(--layout-size-fluid-laptop-sidebar-composition-width, 400px);
    margin-bottom: var(--spacing-0, 0px);
  }
  .QrHTb0._-S9JU0.aBzKL0 {
    padding: unset;
  }
}
@media (min-width: 1440px) {
  .QrHTb0._-S9JU0 {
    max-width: var(--layout-size-fluid-desktop-sidebar-composition-width, 440px);
  }
}
.QrHTb0.NekWU0 {
  width: 100%;
  max-width: var(--layout-size-wide-default-sidebar-composition-width, 100%);
  margin-bottom: var(--layout-size-wide-default-inner-container-composition-item-spacing, 32px);
}
.QrHTb0.NekWU0.aBzKL0 {
  padding: 0 var(--layout-size-wide-default-spacer-container-composition-horizontal-padding, 20px);
}
@media (min-width: 768px) {
  .QrHTb0.NekWU0 {
    max-width: var(--layout-size-wide-tablet-sidebar-composition-width, 100%);
    margin-bottom: var(--layout-size-wide-tablet-inner-container-composition-item-spacing, 32px);
  }
  .QrHTb0.NekWU0.aBzKL0 {
    padding: 0 var(--layout-size-wide-tablet-spacer-container-composition-horizontal-padding, 32px);
  }
}
@media (min-width: 1024px) {
  .QrHTb0.NekWU0 {
    display: block;
    max-width: var(--layout-size-wide-laptop-sidebar-composition-width, 360px);
    margin-top: var(--layout-size-wide-laptop-sidebar-offset-composition-sizing, 36px);
    margin-bottom: var(--spacing-0, 0px);
  }
  .QrHTb0.NekWU0.aBzKL0 {
    padding: unset;
  }
}
@media (min-width: 1440px) {
  .QrHTb0.NekWU0 {
    max-width: var(--layout-size-wide-desktop-sidebar-composition-width, 444px);
    margin-top: var(--layout-size-wide-desktop-sidebar-offset-composition-sizing, 36px);
  }
}
/*# sourceMappingURL=Sidebar.css.map */
/*!*******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-bottom-bar/build/BottomBar.styles.css ***!
  \*******************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/BottomBar.module.scss */
.gMnfSN {
  position: sticky;
  bottom: 0;
  z-index: 10;
}
.gMnfSN._-S91qN {
  transition: box-shadow var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1)), max-height var(--bottom-bar-size-fluid-default-duration, 320ms) var(--bottom-bar-size-fluid-default-easing, cubic-bezier(0.42, 0, 0.58, 1));
}
.gMnfSN.bjDp-N {
  transition: box-shadow var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1)), max-height var(--bottom-bar-size-wide-and-narrow-default-duration, 320ms) var(--bottom-bar-size-wide-and-narrow-default-easing, cubic-bezier(0.42, 0, 0.58, 1));
}
.gMnfSN.xa-1QN {
  background-color: var(--bottom-bar-variant-default-layout-background-color, #ffffff);
}
.gMnfSN._50a8iN {
  box-shadow: var(--box-shadow-clipping-bottom, 0 -1px 0 0 lightgray);
}
.gMnfSN.KC7WxN {
  overflow: hidden;
  max-height: 0;
}
.gMnfSN.zFO3nN {
  max-height: 200px;
}
.gMnfSN._-S91qN .K9p8NN {
  display: flex;
  margin: 0 auto;
  padding: var(--bottom-bar-size-fluid-default-container-composition-vertical-padding, 16px) var(--bottom-bar-size-fluid-default-container-composition-horizontal-padding, 20px);
}
@media (min-width: 768px) {
  .gMnfSN._-S91qN .K9p8NN {
    padding: var(--bottom-bar-size-fluid-tablet-container-composition-vertical-padding, 16px) var(--bottom-bar-size-fluid-tablet-container-composition-horizontal-padding, 32px);
  }
}
@media (min-width: 1024px) {
  .gMnfSN._-S91qN .K9p8NN {
    padding: var(--bottom-bar-size-fluid-laptop-container-composition-vertical-padding, 16px) var(--bottom-bar-size-fluid-laptop-container-composition-horizontal-padding, 32px);
    justify-content: flex-end;
  }
}
@media (min-width: 1440px) {
  .gMnfSN._-S91qN .K9p8NN {
    padding: var(--bottom-bar-size-fluid-desktop-container-composition-vertical-padding, 16px) var(--bottom-bar-size-fluid-desktop-container-composition-horizontal-padding, 32px);
  }
}
.gMnfSN.bjDp-N .K9p8NN {
  display: flex;
  margin: 0 auto;
  padding: var(--bottom-bar-size-wide-and-narrow-default-container-composition-vertical-padding, 16px) var(--bottom-bar-size-wide-and-narrow-default-container-composition-horizontal-padding, 20px);
}
@media (min-width: 768px) {
  .gMnfSN.bjDp-N .K9p8NN {
    padding: var(--bottom-bar-size-wide-and-narrow-tablet-container-composition-vertical-padding, 16px) var(--bottom-bar-size-wide-and-narrow-tablet-container-composition-horizontal-padding, 32px);
  }
}
@media (min-width: 1024px) {
  .gMnfSN.bjDp-N .K9p8NN {
    padding: var(--bottom-bar-size-wide-and-narrow-laptop-container-composition-vertical-padding, 16px) var(--bottom-bar-size-wide-and-narrow-laptop-container-composition-horizontal-padding, 32px);
    justify-content: flex-end;
  }
}
@media (min-width: 1440px) {
  .gMnfSN.bjDp-N .K9p8NN {
    padding: var(--bottom-bar-size-wide-and-narrow-desktop-container-composition-vertical-padding, 16px) var(--bottom-bar-size-wide-and-narrow-desktop-container-composition-horizontal-padding, 32px);
    max-width: var(--bottom-bar-size-wide-and-narrow-desktop-container-composition-width, 1440px);
  }
}
.jqB9RN {
  width: 100%;
}
.jqB9RN.KC7WxN {
  overflow: hidden;
  max-height: 0;
}
.gMnfSN._-S91qN .jqB9RN.KC7WxN {
  transition: max-height var(--bottom-bar-size-fluid-default-duration, 320ms) var(--bottom-bar-size-fluid-default-easing, cubic-bezier(0.42, 0, 0.58, 1));
}
.gMnfSN.bjDp-N .jqB9RN.KC7WxN {
  transition: max-height var(--bottom-bar-size-wide-and-narrow-default-duration, 320ms) var(--bottom-bar-size-wide-and-narrow-default-easing, cubic-bezier(0.42, 0, 0.58, 1));
}
.jqB9RN.zFO3nN {
  max-height: 200px;
}
/*# sourceMappingURL=BottomBar.styles.css.map */
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/EmojiPicker/EmojiPicker.scss.css ***!
  \********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c631fff {
  width: initial;
}

 {
  /* REMOVED ELEMENTS */
  /* For screenreaders only, via https://stackoverflow.com/a/19758620 */
}
.emoji-mart, .emoji-mart * {
  box-sizing: border-box;
  line-height: 1.2;
}
.emoji-mart {
  font-family: "Roobert PRO", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #101928;
  border: 1px solid #d5d7da;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 6px 0 rgba(16, 25, 40, 0.1);
}
.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}
.emoji-mart-bar {
  border: 0 solid #d5d7da;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}
.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #878c93;
  text-align: center;
  padding: 10px 4px 8px;
  border-radius: 8px;
  overflow: hidden;
  transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
  cursor: pointer;
}
.emoji-mart-anchor:focus {
  outline: 0;
}
.emoji-mart-anchor:hover, .emoji-mart-anchor:focus-visible {
  background-color: #f8f8fb;
  color: #404753;
}
.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}
.emoji-mart-anchor-selected {
  background-color: #e7e8ff;
}
.emoji-mart-anchor-selected .emoji-mart-anchor-icon {
  color: #404753;
}
.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #101928;
  display: none;
}
.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}
.emoji-mart-anchors svg, .emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
  width: 18px;
}
.emoji-mart-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform;
  /* avoids "repaints on scroll" in mobile Chrome */
}
.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}
.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 8px;
  border: 1px solid #d5d7da;
  background: #fff;
  outline: 0;
}
.emoji-mart-search input, .emoji-mart-search input::-webkit-search-decoration, .emoji-mart-search input::-webkit-search-cancel-button, .emoji-mart-search input::-webkit-search-results-button, .emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
  * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none;
}
.emoji-mart-search-icon {
  position: absolute;
  top: 5px;
  right: 12px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}
.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: inherit;
}
.emoji-mart-category .emoji-mart-emoji:hover::before {
  background-color: #e8e8ee;
}
.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95);
}
.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}
.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  cursor: pointer;
}
.emoji-mart-emoji::before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 8px;
  transition: background-color 300ms ease-in-out;
}
.emoji-mart-emoji-native {
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}
.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #878c93;
}
.emoji-mart-no-results-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: 0.2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover::before {
  content: none;
}
.emoji-mart-preview {
  position: relative;
  height: 42px;
}
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  text-align: right;
}
.emoji-mart-preview-emoji, .emoji-mart-preview-data {
  display: none;
}
.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}
.emoji-mart-preview-name {
  font-size: 14px;
}
.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #878c93;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname, .emoji-mart-preview-shortname + .emoji-mart-preview-emoticon, .emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: 0.5em;
}
.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #b7babe;
}
.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}
.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}
.emoji-mart-title-label {
  color: #878c93;
  font-size: 26px;
  font-weight: 300;
}
.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d5d7da;
  border-radius: 12px;
  background-color: #fff;
}
.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
  cursor: pointer;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected::after {
  opacity: 0.75;
}
.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: 125ms;
  transition-timing-function: ease-out;
}
.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s;
}
.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: 30ms;
}
.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: 60ms;
}
.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: 90ms;
}
.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: 120ms;
}
.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: 150ms;
}
.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 22px;
  padding: 0 2px;
  cursor: pointer;
}
.emoji-mart-skin-swatch.selected::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 200ms ease-out;
}
.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: 125ms;
  transition-timing-function: ease-out;
  cursor: default;
}
.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatch.custom.selected::after {
  content: "";
  width: 0;
  height: 0;
}
.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f2f2f7;
  border-radius: 10%;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected::after {
  opacity: 0.75;
}
.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #878c93;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}
.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 22px;
  border-radius: 100%;
}
.emoji-mart-skin-tone-1 {
  background-color: #ffc93a;
}
.emoji-mart-skin-tone-2 {
  background-color: #fadcbc;
}
.emoji-mart-skin-tone-3 {
  background-color: #e0bb95;
}
.emoji-mart-skin-tone-4 {
  background-color: #bf8f68;
}
.emoji-mart-skin-tone-5 {
  background-color: #9b643d;
}
.emoji-mart-skin-tone-6 {
  background-color: #594539;
}
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*!**********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Rating/Rating.scss.css ***!
  \**********************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c690aa1 {
  display: flex;
  border-radius: 16px;
  align-items: center;
}
._06c690aa1 .f446d3aa1 {
  display: flex;
}
._06c690aa1 .b3fd66aa1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 4px;
}
._06c690aa1 ._918a57aa1 {
  min-width: 136px;
  padding-left: 8px;
  padding-right: 8px;
}
._06c690aa1 ._2a6f59aa1 {
  margin-right: 4px;
}
._06c690aa1 ._9d817baa1 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}
._06c690aa1._65ed88aa1 {
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
  border: 1px solid #d5d7da;
  height: 32px;
  width: 56px;
  background: #fff;
  justify-content: center;
}
._06c690aa1._65ed88aa1 ._2a6f59aa1 {
  margin-right: 0;
}
._06c690aa1._1e9575aa1 {
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  border: 1px solid #d5d7da;
  height: 32px;
  width: 62px;
  justify-content: center;
}
._06c690aa1._1e9575aa1 ._2a6f59aa1 {
  margin-right: 0;
}
._06c690aa1._1e5362aa1 {
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
._06c690aa1.cb6839aa1 {
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
}
._06c690aa1._3f5316aa1 {
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
}
._06c690aa1.c058beaa1 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
._06c690aa1.c058beaa1 .b3fd66aa1 {
  margin-left: 8px;
}
._06c690aa1.c058beaa1 ._2a6f59aa1 {
  margin-right: 8px;
}
._06c690aa1.c058beaa1 ._9d817baa1 {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}
._06c690aa1._162a3faa1, ._06c690aa1.ee8701aa1 {
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}
@media (max-width: 767px) {
  ._06c690aa1._162a3faa1, ._06c690aa1.ee8701aa1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
  }
}
._06c690aa1._162a3faa1 ._9d817baa1, ._06c690aa1.ee8701aa1 ._9d817baa1 {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
}
._06c690aa1._2b327aaa1 {
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
}
@media (max-width: 767px) {
  ._06c690aa1._2b327aaa1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
  }
}
._06c690aa1._2b327aaa1 ._9d817baa1 {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
}
._06c690aa1._9d8b3faa1 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
._06c690aa1._9d8b3faa1 .b3fd66aa1 {
  margin-left: 0;
  margin-top: 10px;
}
._06c690aa1._9d8b3faa1 ._2a6f59aa1 {
  margin-right: 8px;
}
._06c690aa1._9d8b3faa1 ._9d817baa1 {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}
._06c690aa1._2cf874aa1 {
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
}
/*!*************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/EmojiPicker/EmojiPickerPopup.scss.css ***!
  \*************************************************************************************************************************************/
._35875278c {
  background-color: transparent;
}
/*!********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Rating/Star.scss.css ***!
  \********************************************************************************************************************/
._06c65799a {
  display: inline-block;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
}
._06c65799a._9ba65299a {
  width: 16px;
  height: 16px;
}
._06c65799a._9ba65299a + ._06c65799a._9ba65299a {
  margin-left: 4px;
}
._06c65799a.c0e76999a {
  width: 20px;
  height: 20px;
}
._06c65799a.c0e76999a + ._06c65799a.c0e76999a {
  margin-left: 4px;
}
._06c65799a._8852ac99a {
  width: 48px;
  height: 48px;
}
._06c65799a._8852ac99a + ._06c65799a._8852ac99a {
  margin-left: 4px;
}
._06c65799a._8b8b7699a {
  width: 32px;
  height: 32px;
}
._06c65799a._8b8b7699a + ._06c65799a._8b8b7699a {
  margin-left: 8px;
}
._06c65799a.c512b299a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0xOS45OTk3NzQgMzMuNTMwMTE0OWwtOC41ODk4Mjc4IDQuNDExOTM1Yy0xLjcwMTQzNDQuODczODk2Mi0zLjgwNTg1MjcuMjM0ODA5Ny00LjcwMDM0OTgtMS40Mjc0Mzk3LS4zNTYxOTM0LS42NjE5MTY1LS40NzkxMDY5LTEuNDIwMDg5MS0uMzQ5NzEyLTIuMTU3MTQzOWwxLjY0MDUxMS05LjM0NDYyODItNi45NDkzMTY2LTYuNjE3OTAyNUMtLjMyNTQxMDYgMTcuMDg0MDkxMy0uMzUzNTc2IDE0LjkzMTI3NTguOTg4MTY5NSAxMy41ODY0ODc4Yy41MzQyOTAxLS41MzU1MDE3IDEuMjM0MzcwOC0uODgzOTk1MyAxLjk5MTg2MTMtLjk5MTUzMDJsOS42MDM3MTk0LTEuMzYzMzYyOSA0LjI5NDkxMzktOC41MDIwMjM2Yy44NTA3MTczLTEuNjg0MDQyNiAyLjkzNzcyODMtMi4zNzU0NjkyIDQuNjYxNDY5Ny0xLjU0NDM0NDUuNjg2NDAyOS4zMzA5NTgyIDEuMjQxOTkuODczNzQ5OSAxLjU4MDc1MDEgMS41NDQzNDQ1bDQuMjk0OTEzOSA4LjUwMjAyMzYgOS42MDM3MTk0IDEuMzYzMzYyOWMxLjkwMjI2MTYuMjcwMDQ4OCAzLjIyMDI3MDggMS45OTU1MzkxIDIuOTQzODU2IDMuODUzOTkwNS0uMTEwMDY5OC43NDAwNDUxLS40NjY3Nzg3IDEuNDI0MDAyNC0xLjAxNDkwNCAxLjk0NTk4NzVsLTYuOTQ5MzE2NiA2LjYxNzkwMjUgMS42NDA1MTExIDkuMzQ0NjI4MmMuMzI0OTQ1IDEuODUwOTQyLS45NDc0OTE1IDMuNjA4NzgwMi0yLjg0MjA2NjcgMy45MjYyNDE2LS43NTQ0Mjk3LjEyNjQxNDgtMS41MzA0NzUxLjAwNjMzMjEtMi4yMDc5OTUyLS4zNDE2NThsLTguNTg5ODI3OC00LjQxMTkzNXoiIGlkPSJiIi8+PGZpbHRlciB4PSItMjIuNSUiIHk9Ii0xNiUiIHdpZHRoPSIxNDUlIiBoZWlnaHQ9IjE0OCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImEiPjxmZU9mZnNldCBkeT0iMyIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIuNSIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC4wMTE3NjQ3MDU5IDAgMCAwIDAgMC40Nzg0MzEzNzMgMCAwIDAgMCAxIDAgMCAwIDAuMDcgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48cGF0aCBzdHJva2U9IiMwMzdBRkYiIHN0cm9rZS13aWR0aD0iLjgzMzMzMzMiIGQ9Ik0xMS4yMTk1Nzg4IDM3LjU3MTQxMzVsOC43ODAxOTUyLTQuNTA5NzEyMSA4Ljc4MDE5NTMgNC41MDk3MTIxYy41OTc2MTIuMzA2OTQ3NCAxLjI4MjczMTIuNDEyOTYwNSAxLjk0ODc2OTcuMzAxMzU2OCAxLjY2ODM5MDYtLjI3OTU2MTEgMi43ODUxMDc5LTEuODIyMjc3MiAyLjUwMDUzNDItMy40NDMyNTcybC0xLjY3OTEwNzEtOS41NjQ0NzcyIDcuMTEwOTU4LTYuNzcxODM1MWMuNDgxMTIwNy0uNDU4MTc1OS43OTM3NDQ0LTEuMDU3NjAzOS44OTAxMTYxLTEuNzA1NTUwOS4yNDIwODg4LTEuNjI3NjYzNy0uOTE0ODczMi0zLjE0MjMxNjgtMi41OTAyODY2LTMuMzgwMTYxOEwyNy4xNDE5NCAxMS42MTM1NjE2bC00LjM5Mjk2MjgtOC42OTYxMTY4Yy0uMjk3MjkxLS41ODg1MDQzLS43ODU2MTQtMS4wNjU1ODEtMS4zODk4MDc2LTEuMzU2OTAwOS0xLjUyMDMxNjctLjczMzA0MDgtMy4zNjA4NzI4LS4xMjMyNjQ3LTQuMTA4NTk4OCAxLjM1NjkwMWwtNC4zOTI5NjI3IDguNjk2MTE2Ny05LjgxOTAxMzYgMS4zOTM5MjY1Yy0uNjY4MjIwNi4wOTQ4NjE5LTEuMjg1MjQ5NC40MDIwMTMxLTEuNzU1NDYzNy44NzMyOTM3LTEuMTc2NDg3NyAxLjE3OTE1NTUtMS4xNTE4NDMyIDMuMDYyODUxMy4wNTUyOTMgNC4yMTI0MTlsNy4xMTA5NTgxIDYuNzcxODM1MS0xLjY3OTEwNyA5LjU2NDQ3NzJjLS4xMTMxOTUyLjY0NDc3ODYtLjAwNTY2OTIgMS4zMDgwMzU4LjMwNjIzNjEgMS44ODc2NTE0Ljc4NjM1NSAxLjQ2MTI4ODMgMi42NDI0OTc4IDIuMDI0OTc2NiA0LjE0MzA2NzggMS4yNTQyNDl6IiBzdHJva2UtbGluZWpvaW49InNxdWFyZSIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=);
}
._06c65799a._2f864399a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNyAyNCI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjRkZDODMwIiBkPSJNMTIuMTU1LjgzNCA5LjA5NCA3LjA0MWwtNi44NDkuOTk4Yy0xLjIyOC4xNzgtMS43MiAxLjY5Mi0uODMgMi41Nmw0Ljk1NSA0LjgyOC0xLjE3MiA2LjgyYy0uMjEgMS4yMzMgMS4wODggMi4xNTYgMi4xNzUgMS41OGw2LjEyNy0zLjIyIDYuMTI3IDMuMjJjMS4wODcuNTcxIDIuMzg2LS4zNDcgMi4xNzUtMS41OGwtMS4xNzItNi44MiA0Ljk1NC00LjgyOWMuODkxLS44NjcuMzk5LTIuMzgtLjgzLTIuNTU5bC02Ljg0OC0uOTk4LTMuMDYtNi4yMDdjLS41NS0xLjEwNi0yLjEzOC0xLjEyLTIuNjkxIDBaIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyN3YyNEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
}
._06c65799a._3efca599a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNyAyNCI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjRkZDMDBBIiBkPSJtMjQuNzU1IDguMDQtNi44NDktMS0zLjA2LTYuMjA2Yy0uNTUtMS4xMDYtMi4xMzgtMS4xMi0yLjY5MSAwTDkuMDk0IDcuMDQxbC02Ljg0OS45OThjLTEuMjI4LjE3OC0xLjcyIDEuNjkyLS44MyAyLjU2bDQuOTU1IDQuODI4LTEuMTcyIDYuODJjLS4yMSAxLjIzMyAxLjA4OCAyLjE1NiAyLjE3NSAxLjU4bDYuMTI3LTMuMjIgNi4xMjcgMy4yMmMxLjA4Ny41NzEgMi4zODYtLjM0NyAyLjE3NS0xLjU4bC0xLjE3Mi02LjgyIDQuOTU0LTQuODI5Yy44OTEtLjg2Ny4zOTktMi4zOC0uODMtMi41NTlabS02LjU0IDYuNiAxLjExMiA2LjQ4Ny01LjgyNy0zLjA2MS01LjgyNyAzLjA2IDEuMTExLTYuNDg3LTQuNzE1LTQuNTk0IDYuNTE1LS45NDdMMTMuNSAzLjE5MmwyLjkxNiA1LjkwNiA2LjUxNS45NDctNC43MTUgNC41OTRaIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyN3YyNEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
}
/*!******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Cards/CardLocationRow.scss.css ***!
  \******************************************************************************************************************************/
._06c6e8e2f {
  overflow: hidden;
}
._06c6e8e2f ._51e153e2f {
  padding: 0 24px;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RowItems/CalendarSyncRowItem/CalendarSyncRowItem.scss.css ***!
  \*********************************************************************************************************************************************************/
._06c6e54f4 ._2d1fe54f4 {
  max-width: 100%;
}
._06c6e54f4 .ed70444f4 {
  min-width: 0;
}
._06c6e54f4 .aaf2fb4f4 {
  max-width: 100%;
}
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ProgressOverlay/ProgressOverlay.scss.css ***!
  \****************************************************************************************************************************************/
._06c632f7b {
  position: relative;
}
._06c632f7b .ed7036f7b._62a2c8f7b {
  opacity: 0.5;
}
._06c632f7b ._051717f7b {
  display: none;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}
._06c632f7b ._051717f7b._62a2c8f7b {
  display: flex;
  position: absolute;
}
/*!******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/FieldError/FieldError.css ***!
  \******************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6e35a4 {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin: 5px 0 0 0;
  color: #da2346;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/CreditCardNumberField/CreditCardNumberField.scss.css ***!
  \*********************************************************************************************************************************************************/
.c96cb6cca .a1b74bcca > * + * {
  margin-left: 8px;
}
/*!*********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/RadioCard/RadioCard.scss.css ***!
  \*********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c66d28e {
  flex: 0 0 50%;
}
._06c66d28e ._8ac11628e {
  padding: 16px;
  transition: box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out;
  background-color: #fff;
  border-radius: 8px;
  width: 228px;
  max-width: 228px;
  position: relative;
  border: 1px solid #d5d7da;
}
._06c66d28e ._8ac11628e .c2d4f428e {
  margin-right: 8px;
}
._06c66d28e ._8ac11628e .aaf2e328e {
  margin-bottom: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
._06c66d28e ._8ac11628e ._8805a428e {
  margin-left: 8px;
}
._06c66d28e ._8ac11628e .fbecf428e {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
}
._06c66d28e ._8ac11628e .c9045b28e {
  transition: color 0.15s ease-in-out;
  text-align: center;
}
._06c66d28e ._8ac11628e._0abad928e {
  max-width: none;
  width: 100%;
}
._06c66d28e ._8ac11628e._2ed0b428e {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
._06c66d28e ._8ac11628e._7c8b9e28e {
  box-shadow: 0 4px 8px 0 rgba(16, 25, 40, 0.1);
}
._06c66d28e ._8ac11628e.e61af328e {
  border-color: transparent;
  background-color: #e7e8ff;
}
._06c66d28e ._8ac11628e._17eb1628e {
  cursor: default;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/CheckBoxFieldArray/LoadableCheckBoxFieldGroup.scss.css ***!
  \***********************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6a23f5 button:active,
._06c6a23f5 button:focus {
  color: inherit;
}
._06c6a23f5 ._774c3c3f5 {
  padding: 24px 20px;
}
@media (min-width: 768px) {
  ._06c6a23f5 ._774c3c3f5 {
    padding: 24px;
  }
}
@media (min-width: 768px) {
  ._06c6a23f5 ._93b9b13f5 ._2101c13f5 ._6347b13f5 {
    padding-left: 48px;
  }
}
._06c6a23f5 ._93b9b13f5 ._2101c13f5 ._6347b13f5.ffbd773f5 {
  width: 100%;
  padding: 0;
}
@media (min-width: 768px) {
  ._06c6a23f5 ._93b9b13f5 ._2101c13f5 ._6347b13f5.ffbd773f5 {
    margin-right: 16px;
  }
}
._06c6a23f5 ._93b9b13f5 ._2101c13f5 ._6347b13f5._93cfb63f5 {
  padding-left: 20px;
}
@media (min-width: 768px) {
  ._06c6a23f5 ._93b9b13f5 ._2101c13f5 ._6347b13f5._93cfb63f5 {
    padding-left: 24px;
  }
}
@media (min-width: 768px) {
  ._06c6a23f5 ._93b9b13f5 ._2101c13f5 ._4f1aa13f5 {
    margin-left: 48px;
  }
}
._06c6a23f5 ._6347b13f5 {
  display: flex;
  padding: 24px 20px;
  background-color: transparent;
  outline: none;
  border: none;
  width: 100%;
  align-items: center;
}
._06c6a23f5 ._6347b13f5:active .aaf2f93f5 {
  color: #101928;
}
@media (min-width: 768px) {
  ._06c6a23f5 ._6347b13f5 {
    padding: 24px 24px 24px 0;
  }
  ._06c6a23f5 ._6347b13f5:hover {
    background-color: #f2f2f7;
  }
  ._06c6a23f5 ._6347b13f5:hover.ffbd773f5 {
    background-color: transparent;
    color: #101928;
  }
  ._06c6a23f5 ._6347b13f5:hover .aaf2f93f5 ._6c35983f5 {
    background-color: #fff;
  }
}
._06c6a23f5 ._6347b13f5 ._6fe9223f5 {
  margin-right: 16px;
}
._06c6a23f5 ._6347b13f5 .aaf2f93f5 {
  display: flex;
  align-items: center;
  flex: 1;
}
._06c6a23f5 ._6347b13f5 .aaf2f93f5.e000583f5 {
  font-weight: bold;
}
._06c6a23f5 ._6347b13f5 .aaf2f93f5 ._6c35983f5 {
  border-radius: 12px;
  background-color: #f2f2f7;
  margin-left: 8px;
  margin-bottom: 0;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  line-height: 24px;
  margin-top: 0;
  flex-shrink: 0;
  color: #878c93;
}
._06c6a23f5 ._6347b13f5.ffbd773f5 {
  width: 100%;
  padding: 0;
}
._06c6a23f5 ._4f1aa13f5 {
  border-bottom: 1px solid #e7e8e9;
  margin-left: 20px;
}
._06c6a23f5 ._4f1aa13f5.a18b9a3f5 {
  margin-left: 0;
}
@media (min-width: 768px) {
  ._06c6a23f5 ._4f1aa13f5 {
    margin-left: 32px;
  }
}
@media (max-width: 767px) {
  ._06c6a23f5 .a8e6793f5 {
    border-bottom: 16px solid #f2f2f7;
  }
}
._06c6a23f5._5f7b353f5 ._6347b13f5 {
  padding-left: 0;
}
._06c6a23f5._5f7b353f5 ._4f1aa13f5 {
  margin-left: 0;
}
@media (min-width: 768px) {
  ._06c6a23f5._5f7b353f5 .ae859a3f5 ._2101c13f5 ._6347b13f5 {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  ._06c6a23f5._5f7b353f5 {
    padding-left: 0;
  }
}
/*!*****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/SectionHeader/SectionHeader.scss.css ***!
  \*****************************************************************************************************************************************/
._06c6b0fe9 ._4d49befe9 {
  padding-bottom: 24px;
}
._06c6b0fe9 .e8a99ffe9 {
  margin-bottom: 2px;
}
._06c6b0fe9._599f8ffe9 {
  padding-bottom: 3px;
}
._06c6b0fe9._39af2bfe9 {
  padding-bottom: 16px;
}
/*!***************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/PreviewField/PreviewField.scss.css ***!
  \***************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6e5805._7c8b09805 {
  transition: background 300ms;
  margin-top: -24px;
  margin-bottom: -24px;
  padding-top: 24px;
  padding-bottom: 24px;
}
._06c6e5805._7c8b09805:hover {
  background: #f8f8fb;
}
._06c6e5805._1cdf12805 {
  cursor: pointer;
}
._06c6e5805 * {
  pointer-events: none;
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/FieldAlignWrapper/FieldAlignWrapper.css ***!
  \********************************************************************************************************************************************/
._06c689c36 {
  margin-top: 26px;
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/BannerUpsell/BannerUpsell.scss.css ***!
  \**********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c61fdca {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #d5d7da;
  padding: 24px 24px 40px;
}
@media (min-width: 993px) {
  ._06c61fdca {
    border: none;
    padding: 32px 40px;
  }
}
._06c61fdca.c2308adca {
  margin-top: 32px;
}
._06c61fdca._778747dca {
  margin-bottom: 32px;
}
._06c61fdca._28c95adca {
  margin-left: 16px;
  margin-right: 16px;
}
@media (min-width: 545px) {
  ._06c61fdca._28c95adca {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 993px) {
  ._06c61fdca._28c95adca {
    margin-left: 0;
    margin-right: 0;
  }
}
._06c61fdca._9e6e68dca {
  background-color: #101928;
}
._06c61fdca.db3307dca {
  background-color: #f8f8fb;
}
._06c61fdca._2e741bdca {
  background-color: #e7e8ff;
}
._06c61fdca._6b4896dca {
  background: linear-gradient(to right, #6950f3 25%, #8880ff 75%);
}
._06c61fdca._19ebc1dca {
  background: linear-gradient(to bottom, #8880ff 0%, #6950f3 100%);
}
._06c61fdca.d6e42fdca {
  background-color: #fdeba5;
}
._06c61fdca.d39397dca {
  background-color: #fff;
}
._06c61fdca._0bb009dca {
  box-shadow: 0 4px 8px 0 rgba(16, 25, 40, 0.1);
}
._06c61fdca .aaf280dca {
  margin-bottom: 8px;
}
._06c61fdca .c90409dca {
  margin-bottom: 16px;
}
._06c61fdca .c90409dca:last-child {
  margin-bottom: 0;
}
._06c61fdca .c3e230dca {
  display: inline-block;
}
._06c61fdca .c8a16ddca {
  position: absolute;
  top: 32px;
  right: 24px;
}
@media (min-width: 545px) {
  ._06c61fdca .c8a16ddca {
    right: 32px;
  }
}
._06c61fdca ._61051fdca._514659dca {
  display: none;
}
@media (min-width: 769px) {
  ._06c61fdca ._61051fdca._514659dca {
    display: block;
  }
}
@media (min-width: 545px) {
  ._06c61fdca.eb3d71dca .aaf280dca._0d40d2dca,
._06c61fdca.eb3d71dca .c90409dca._0d40d2dca, ._06c61fdca._7472cddca .aaf280dca._0d40d2dca,
._06c61fdca._7472cddca .c90409dca._0d40d2dca {
    max-width: 80%;
  }
}
@media (min-width: 769px) {
  ._06c61fdca.eb3d71dca .aaf280dca,
._06c61fdca.eb3d71dca .c90409dca, ._06c61fdca._7472cddca .aaf280dca,
._06c61fdca._7472cddca .c90409dca {
    max-width: 75%;
  }
}
._06c61fdca.eb3d71dca ._61051fdca, ._06c61fdca._7472cddca ._61051fdca {
  position: absolute;
  right: 0;
  bottom: 0;
  max-height: 100px;
}
@media (min-width: 545px) {
  ._06c61fdca.eb3d71dca ._61051fdca, ._06c61fdca._7472cddca ._61051fdca {
    max-height: 120px;
    max-width: 23%;
  }
}
@media (min-width: 769px) {
  ._06c61fdca.eb3d71dca ._61051fdca, ._06c61fdca._7472cddca ._61051fdca {
    max-height: 95%;
  }
}
._06c61fdca.eb3d71dca._4f1a79dca, ._06c61fdca._7472cddca._4f1a79dca {
  border: 1px solid #d5d7da;
}
@media (min-width: 545px) {
  ._06c61fdca._7472cddca ._61051fdca {
    max-height: 120px;
    max-width: 35%;
  }
}
@media (min-width: 769px) {
  ._06c61fdca._7472cddca ._61051fdca {
    max-height: 35%;
  }
}
._06c61fdca._563f59dca ._61051fdca {
  position: absolute;
  right: 0;
  bottom: 0;
}
._06c61fdca._563f59dca._4f1a79dca {
  border: 1px solid #d5d7da;
}
@media (min-width: 361px) {
  ._06c61fdca._61990edca .aaf280dca._0d40d2dca,
._06c61fdca._61990edca .c90409dca._0d40d2dca {
    max-width: 70%;
  }
}
@media (min-width: 993px) {
  ._06c61fdca._61990edca .aaf280dca._0d40d2dca,
._06c61fdca._61990edca .c90409dca._0d40d2dca {
    max-width: 60%;
  }
}
@media (min-width: 769px) {
  ._06c61fdca._61990edca .aaf280dca,
._06c61fdca._61990edca .c90409dca {
    max-width: 75%;
  }
}
@media (min-width: 993px) {
  ._06c61fdca._61990edca .aaf280dca,
._06c61fdca._61990edca .c90409dca {
    max-width: 75%;
  }
}
._06c61fdca._61990edca ._61051fdca {
  position: absolute;
  right: 0;
  bottom: 0;
  max-height: 100px;
}
@media (min-width: 361px) {
  ._06c61fdca._61990edca ._61051fdca {
    max-height: 100%;
    max-width: 30%;
  }
}
@media (min-width: 993px) {
  ._06c61fdca._61990edca ._61051fdca {
    max-width: unset;
  }
}
._06c61fdca._61990edca._4f1a79dca {
  border: 1px solid #d5d7da;
}
._06c61fdca._89b607dca .aaf280dca,
._06c61fdca._89b607dca .c90409dca {
  max-width: 100%;
}
._06c61fdca._89b607dca .aaf280dca._0d40d2dca,
._06c61fdca._89b607dca .c90409dca._0d40d2dca {
  max-width: 100%;
}
@media (min-width: 769px) {
  ._06c61fdca._89b607dca .aaf280dca._0d40d2dca,
._06c61fdca._89b607dca .c90409dca._0d40d2dca {
    max-width: 60%;
  }
}
@media (min-width: 769px) {
  ._06c61fdca._89b607dca .aaf280dca,
._06c61fdca._89b607dca .c90409dca {
    max-width: 65%;
  }
}
._06c61fdca._89b607dca ._61051fdca {
  display: none;
  position: absolute;
  right: 24px;
  bottom: 0;
}
@media (min-width: 769px) {
  ._06c61fdca._89b607dca ._61051fdca {
    display: block;
    max-height: 90%;
  }
}
@media (min-width: 993px) {
  ._06c61fdca._89b607dca ._61051fdca {
    border: none;
    right: 40px;
  }
}
._06c61fdca._89b607dca._4f1a79dca {
  border: 1px solid #d5d7da;
}
._06c61fdca._01b016dca {
  border: 1px solid #d5d7da;
}
@media (max-width: 991px) {
  ._06c61fdca._01b016dca .aaf280dca {
    padding-top: 12px;
  }
}
@media (min-width: 361px) {
  ._06c61fdca._01b016dca .aaf280dca._0d40d2dca,
._06c61fdca._01b016dca .c90409dca._0d40d2dca {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  ._06c61fdca._01b016dca .aaf280dca._0d40d2dca,
._06c61fdca._01b016dca .c90409dca._0d40d2dca {
    max-width: 45%;
  }
}
@media (min-width: 1200px) {
  ._06c61fdca._01b016dca .aaf280dca._0d40d2dca,
._06c61fdca._01b016dca .c90409dca._0d40d2dca {
    max-width: 60%;
  }
}
._06c61fdca._01b016dca ._61051fdca {
  position: absolute;
  right: 0;
  bottom: -155px;
  width: 375px;
  height: 500px;
}
@media (min-width: 992px) {
  ._06c61fdca._01b016dca ._61051fdca {
    max-width: unset;
    max-height: unset;
  }
}
@media (max-width: 991px) {
  ._06c61fdca._01b016dca ._61051fdca {
    width: 235px;
    height: 146px;
    bottom: 0;
  }
}
@media (max-width: 991px) {
  ._06c61fdca._01b016dca .c8a16ddca {
    top: 20px;
  }
}
@media (max-width: 991px) {
  ._06c61fdca._01b016dca .c3e230dca {
    padding-bottom: 60px;
  }
}
._06c61fdca._4916d9dca {
  padding: 16px 16px 32px;
}
@media (min-width: 993px) {
  ._06c61fdca._4916d9dca .aaf280dca,
._06c61fdca._4916d9dca .c90409dca {
    max-width: 100%;
  }
}
@media (min-width: 993px) {
  ._06c61fdca._4916d9dca .aaf280dca._0d40d2dca,
._06c61fdca._4916d9dca .c90409dca._0d40d2dca {
    max-width: 100%;
  }
}
._06c61fdca._4916d9dca .c90409dca {
  margin-bottom: 24px;
}
._06c61fdca.d1e446dca {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 16px 16px 24px;
  margin: 0;
  border-radius: 0;
}
._06c61fdca.d1e446dca .aaf280dca {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
._06c61fdca.d1e446dca .c90409dca {
  max-width: 100%;
}

._06c61fdca:first-of-type:not(:only-of-type) {
  margin-bottom: 0;
}

._06c61fdca + ._06c61fdca {
  margin-top: 16px;
}
@media (min-width: 993px) {
  ._06c61fdca + ._06c61fdca {
    margin-top: 24px;
  }
}
/*!*******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/PreviewIframe/PreviewIframe.css ***!
  \*******************************************************************************************************************************/
._06c66ad2f {
  display: flex;
  overflow: hidden;
}
/*!*****************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/PhonePreview/Message.scss.css ***!
  \*****************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6ff77d {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  display: inline-block;
  overflow-wrap: break-word;
  padding: 16px;
  border-radius: 16px;
  margin: 5px;
  width: 85%;
}
._06c6ff77d._18b96077d {
  pointer-events: none;
}
._06c6ff77d.d524a277d {
  width: 85vw;
  margin: 10px;
}
._06c6ff77d._360faf77d {
  align-self: flex-start;
  background: #e8e8ee;
}
._06c6ff77d._360faf77d._35471977d .c2d4a977d {
  position: absolute;
  bottom: -4px;
  left: -5px;
  z-index: 1;
}
._06c6ff77d._360faf77d._35471977d .c2d4a977d svg {
  fill: #e8e8ee;
}
._06c6ff77d._360faf77d.d524a277d._360faf77d {
  filter: drop-shadow(2px 4px 6px rgba(135, 140, 147, 0.25));
}
._06c6ff77d._27047977d {
  align-self: flex-end;
  background: #8880ff;
  color: #fff;
}
._06c6ff77d._27047977d .c2d4a977d {
  position: absolute;
  bottom: -4px;
  right: -4px;
  transform: scale(-1, 1);
  z-index: 1;
}
._06c6ff77d._27047977d .c2d4a977d svg {
  fill: #8880ff;
}
._06c6ff77d._2db7fa77d.d524a277d._360faf77d {
  background: #fff;
  filter: none;
}
._06c6ff77d._2db7fa77d._35471977d .c2d4a977d svg, ._06c6ff77d._2db7fa77d.d524a277d._360faf77d .c2d4a977d svg {
  fill: #fff;
}
._06c6ff77d._47cd1377d.d524a277d._360faf77d {
  background: #e8e8ee;
  filter: none;
}
._06c6ff77d._47cd1377d._35471977d .c2d4a977d svg, ._06c6ff77d._47cd1377d.d524a277d._360faf77d .c2d4a977d svg {
  fill: #e8e8ee;
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/PhonePreview/PhonePreview.scss.css ***!
  \**********************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c61a148 {
  padding: 0 16px 0 6px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: #101928;
}
._06c61a148._6869a1148 {
  padding: 16px 0;
  align-items: center;
}
._06c61a148 .a6227c148 {
  width: 360px;
  border: none;
  border-radius: 64px;
  margin-bottom: 32px;
  background: #f2f2f7;
  user-select: none;
}
._06c61a148 .a6227c148 .aaf261148 {
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._06c61a148 .a6227c148 ._1d1bdf148 {
  border-radius: 64px;
  height: 100%;
  margin-bottom: -1px;
  margin-left: -1px;
  margin-right: -1px;
  background: white;
  box-shadow: 0 1px 2px 0 #d5d7da;
}
._06c61a148 .a6227c148 ._1d1bdf148 .b18686148 {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
._06c61a148 .a6227c148 ._1d1bdf148 .b18686148 ._291e67148 {
  background-color: #e8e8ee;
  border-radius: 4px;
  height: 8px;
  width: 85px;
}
._06c61a148 ._4cd624148 {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
._06c61a148 ._4cd624148._6869a1148 {
  height: 568px;
  margin: 24px 0 0 0;
  padding: 0 12px;
  padding-bottom: 64px;
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Cards/CardBrief/CardBrief.scss.css ***!
  \**********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c63c92e {
  border-radius: 8px;
  border: 1px solid #e7e8e9;
  background: white;
  overflow: hidden;
}
._06c63c92e .aaf2f592e {
  padding: 12px;
}
._06c63c92e._98963592e .aaf2f592e {
  background: #e7e8ff;
  color: #6950f3;
}
._06c63c92e._4a550d92e .aaf2f592e {
  background: #e7e8e9;
  color: #878c93;
}
/*!*****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Cards/CardBrief/CardBriefSection.scss.css ***!
  \*****************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6e098b {
  margin: auto 0;
}
._06c6e098b + ._06c6e098b {
  border-top: 1px solid #e7e8e9;
}
/*!************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Sidebar/Sidebar.scss.css ***!
  \************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c667be9 {
  height: 100%;
  position: fixed;
  z-index: 2000;
  top: 0;
  transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1);
  background-color: white;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  user-select: none;
  display: flex;
  flex-direction: column;
  padding: var(--constant-safe-area-inset-top) 0 var(--constant-safe-area-inset-bottom);
  padding: var(--env-safe-area-inset-top) 0 var(--env-safe-area-inset-bottom);
}
._06c667be9.dc7ef4be9 {
  left: 0;
}
._06c667be9.f07446be9 {
  right: 0;
}
._06c667be9._3b3b5bbe9 {
  padding-top: 20px;
  padding-top: var(--constant-safe-area-inset-top);
  padding-top: var(--env-safe-area-inset-top);
}
._06c667be9._2348ccbe9 {
  border-left: 1px solid #e7e8e9;
  box-shadow: 0 8px 16px 0 rgba(16, 25, 40, 0.08);
}
/*!**************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Table/TableColumn.scss.css ***!
  \**************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._16c544e98 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

._06c6c8e98 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 32px 16px;
  text-align: left;
}

/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6c8e98 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  color: #101928;
  padding: 16px 8px;
}
._06c6c8e98 .ed70fde98 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
._06c6c8e98 .ebd24fe98 {
  display: inline;
  cursor: default;
}
._06c6c8e98.cc91e4e98 .ebd24fe98 {
  cursor: pointer;
}
._06c6c8e98 .b8d2e7e98 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  margin-top: 3px;
}
._06c6c8e98 ._360fa7e98 {
  justify-content: flex-start;
}
._06c6c8e98 .f1798fe98 {
  justify-content: center;
}
._06c6c8e98 ._270401e98 {
  justify-content: flex-end;
}
._06c6c8e98 ._270401e98 + .b8d2e7e98:empty {
  display: none;
}
._06c6c8e98._964a19e98 {
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 2;
}
/*!************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/WorkingHoursColumnTooltip/WorkingHoursColumnTooltip.scss.css ***!
  \************************************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6d14ad {
  padding: 8px;
  border-radius: 4px;
  color: #fff;
  max-width: 80vw;
}
@media (min-width: 768px) {
  ._06c6d14ad {
    max-width: 320px;
  }
}
._06c6d14ad .c613cf4ad {
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
._06c6d14ad .c613cf4ad._8e0ac54ad {
  background-color: #6950f3;
}
._06c6d14ad .c613cf4ad.c685f04ad {
  background-color: #f19101;
}
/*!***********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Table/TableRow.scss.css ***!
  \***********************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._16c57b7bd, ._06c6f67bd {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

._06c6f67bd {
  border-bottom: 1px solid #e7e8e9;
  transition: background-color 200ms;
  background-color: #fff;
}
._06c6f67bd:hover.d6299a7bd, ._06c6f67bd:active.d6299a7bd, ._06c6f67bd._0552877bd.d6299a7bd {
  background-color: #f8f8fb;
  /*
    Firefox doesn't handle @media hover, but main mobile browsers do,
    so just set transparent bg on touch devices.
  */
}
@media (hover: none) {
  ._06c6f67bd:hover.d6299a7bd, ._06c6f67bd:active.d6299a7bd, ._06c6f67bd._0552877bd.d6299a7bd {
    background-color: transparent;
  }
}
._06c6f67bd.b7e6037bd {
  animation: be39667bd ease-out forwards 2750ms;
}
._06c6f67bd._0e922e7bd {
  background: #f2f2f7;
}
._06c6f67bd:not(._0220937bd) td:first-of-type, ._06c6f67bd:not(._0220937bd) th:first-of-type {
  padding-left: 24px;
}
._06c6f67bd:not(._1884787bd) td:last-of-type, ._06c6f67bd:not(._1884787bd) th:last-of-type {
  padding-right: 24px;
}
._06c6f67bd._4e9a547bd {
  cursor: pointer;
}

@keyframes be39667bd {
  from {
    background-color: #fff4cc;
  }
  to {
    background-color: #fff;
  }
}
/*!************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Table/TableCell.scss.css ***!
  \************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._16c51d2a0 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

._06c6052a0 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 32px 16px;
  text-align: left;
}

/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6052a0 {
  color: #101928;
  padding: 16px 8px;
  word-wrap: break-word;
}
._06c6052a0._179b4a2a0 {
  border-radius: 8px;
  border: 1px solid #e7e8e9;
  position: relative;
}
._06c6052a0._360f3d2a0 {
  text-align: left;
}
._06c6052a0.f179da2a0 {
  text-align: center;
}
._06c6052a0._2704682a0 {
  text-align: right;
}
._06c6052a0._41b9c12a0 {
  vertical-align: top;
}
._06c6052a0._4c08342a0 {
  vertical-align: center;
}
._06c6052a0._165f4c2a0 {
  vertical-align: bottom;
}
._06c6052a0.d165202a0 {
  padding: 4px 4px 0 4px;
}
._06c6052a0.d96fec2a0 {
  padding: 4px 4px 12px 4px;
}
._06c6052a0.e940232a0 {
  padding: 12px 12px 12px 12px;
}
._06c6052a0._44b2132a0 {
  padding: 16px 8px;
}
._06c6052a0._1dcba12a0 {
  user-select: all;
}
._06c6052a0._964a452a0 {
  position: sticky;
  left: 0;
  background: inherit;
  z-index: 2;
}
._06c6052a0._2ef1662a0 {
  z-index: 1;
}
._06c6052a0._295a762a0 {
  overflow: auto;
}
/*!*********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Table/GradientBackground.scss.css ***!
  \*********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6e6bd0 {
  cursor: default;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background-size: 8px 8px;
  background-image: linear-gradient(45deg, transparent 46%, #d5d7da 49%, #d5d7da 51%, transparent 55%);
  background-color: #f2f2f7;
}
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/TimeOffTile/TimeOffTile.scss.css ***!
  \********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6615ac {
  position: relative;
  z-index: 2;
  height: 48px;
  padding: 4px 8px;
  background-size: 8px 8px;
  background-image: linear-gradient(45deg, transparent 46%, #dfdfe7 49%, #dfdfe7 51%, transparent 55%);
  border: 1px solid #dfdfe7;
}
._06c6615ac._5a4c0a5ac {
  width: calc(200% + 8px);
}
._06c6615ac.c28ff65ac {
  width: calc(300% + 16px);
}
._06c6615ac._6208fb5ac {
  width: calc(400% + 24px);
}
._06c6615ac._4108b35ac {
  width: calc(500% + 32px);
}
._06c6615ac.ecddbd5ac {
  width: calc(600% + 40px);
}
._06c6615ac.dc04b15ac {
  width: calc(700% + 48px);
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/TimeOffTile/TimeOffTilePlaceholder/TimeOffTilePlaceholder.css ***!
  \*************************************************************************************************************************************************************/
._06c655901 {
  width: 100%;
  height: 48px;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/WorkingHoursShiftTile/WorkingHoursShiftTile.scss.css ***!
  \****************************************************************************************************************************************************/
._06c678d76 {
  padding: 15px 8px 14px 8px;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ClickableEmptyCell/ClickableEmptyCell.scss.css ***!
  \**********************************************************************************************************************************************/
._06c604c1c {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  bottom: 0;
  justify-content: center;
  transition: opacity 200ms;
  border: 0;
  background: none;
  outline: none;
}
._06c604c1c:hover {
  opacity: 1;
}
/*!******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/WorkingHoursActionTile/WorkingHoursActionTile.scss.css ***!
  \******************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c644c02 {
  height: 20px;
  opacity: 0;
  background-color: transparent;
  transition: opacity 200ms;
}
._06c644c02.e5a828c02, ._06c644c02:hover {
  background: var(--color-background-accent-faded-hover, #dbddff);
  opacity: 1;
}
/*!********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Table/Table.scss.css ***!
  \********************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._0d4f0f51d {
  width: 100%;
  table-layout: fixed;
  position: relative;
  background-color: #fff;
  border-collapse: collapse;
  border-radius: 8px;
}
._0d4f0f51d ._9f2ed851d {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  border-bottom: 1px solid #e7e8e9;
}
._0d4f0f51d ._9f2ed851d th {
  font-weight: 600;
}

._5f88c151d {
  position: sticky;
  top: 0;
  background: white;
  border-radius: inherit;
  z-index: 3;
}
._5f88c151d._5774e951d {
  top: 84px;
}

._73f46a51d td:first-of-type, ._73f46a51d th:first-of-type {
  padding-left: 24px;
}
._73f46a51d:not(._18849c51d) td:last-of-type, ._73f46a51d:not(._18849c51d) th:last-of-type {
  padding-right: 24px;
}
/*!****************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Table/TableBulkActionHeader/TableBulkActionInlineHeader.scss.css ***!
  \****************************************************************************************************************************************************************/
._06c61c736 ._76a0c6736 {
  margin-top: 0;
}
/*!***************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Dropzone/Container.scss.css ***!
  \***************************************************************************************************************************/
._06c6fe221 {
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 99;
  pointer-events: none;
  /* Enable pointer events only when we are dragging */
  /* Using -128px margin to enlarge Dropzone active area */
}
._06c6fe221._9687e1221 {
  pointer-events: auto;
}
._06c6fe221._71e6d5221 {
  margin-top: 24px;
}
._06c6fe221._78392e221, ._06c6fe221.f2d5a4221 {
  margin: -64px 0 -128px 0;
}
._06c6fe221._78392e221 {
  padding: 64px 0 128px 0;
}
._06c6fe221.f2d5a4221 {
  padding: 72px 0 136px 0;
}
/*!*************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/CustomDragLayerWrapper/CustomDragLayerWrapper.css ***!
  \*************************************************************************************************************************************************/
._06c663773 {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
/*!********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/WeekPicker/WeekPickerUI.scss.css ***!
  \********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
.a6223f48b {
  position: relative;
}

._31204048b {
  color: #b7babe;
}

.d8435d48b {
  color: #101928;
}
.d8435d48b::before {
  content: "";
  height: 36px;
  background: #f8f8fb;
}
.d8435d48b::after {
  content: "";
  background-color: transparent;
}
.d8435d48b.cced8948b, .d8435d48b._361ee748b {
  color: #fff;
}
.d8435d48b.cced8948b::after, .d8435d48b._361ee748b::after {
  background-color: #101928;
}
.d8435d48b.cced8948b::before {
  width: 50%;
  left: 50%;
}
.d8435d48b._361ee748b::before {
  width: 50%;
  right: 50%;
}
.d8435d48b.cced8948b._361ee748b::before {
  content: none;
}
.d8435d48b._31204048b {
  color: #b7babe;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/WeekPicker/parts/WeekPickerButton/WeekPickerButton.scss.css ***!
  \***********************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
.d572f93e6 {
  border: 0;
  color: #101928;
  background: none;
  outline: none;
  cursor: pointer;
}
.d572f93e6._17eb0d3e6 {
  cursor: not-allowed;
}
/*!*********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/WeekPicker/parts/DateLabel/DateLabel.scss.css ***!
  \*********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._82d835fdc {
  display: flex;
  color: #101928;
  gap: 8px;
  padding: 4px 8px;
  align-items: center;
}
._82d835fdc:focus {
  box-shadow: 0 0 0 1px #6950f3;
}
/*!*********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/WeekPicker/parts/FullLabel/FullLabel.scss.css ***!
  \*********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._1d6d0c556 {
  display: flex;
  align-items: center;
}

.c3e204556 {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  height: 40px;
  background: #fff;
  border: 1px solid #d5d7da;
  transition: background-color 200ms;
}
.c3e204556:not(:first-of-type) {
  margin-left: -1px;
}
.c3e204556:first-of-type {
  padding: 8px;
  border-radius: 20px 0 0 20px;
}
.c3e204556:last-of-type {
  padding: 8px;
  border-radius: 0 20px 20px 0;
}
@media (hover: hover) and (pointer: fine) {
  .c3e204556:hover {
    border: 1px solid #101928;
    z-index: 2;
  }
  .c3e204556:focus {
    z-index: 1;
    box-shadow: 0 0 0 1px #6950f3;
  }
}
.c3e204556._7e0142556 {
  background-color: #fff;
  flex-shrink: 0;
}
.c3e204556._7e0142556._877ad7556 {
  background-color: #f2f2f7;
  color: #101928;
}
.c3e204556.bd5cf3556 {
  min-width: 0;
  flex-grow: 1;
  justify-content: center;
}
.c3e204556 ._6a1a56556 {
  width: 160px;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/WeekPicker/parts/WeekPickerPopup/WeekPickerPopup.scss.css ***!
  \*********************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._7eca76dd8 {
  box-shadow: 0 10px 20px 10px rgba(16, 25, 40, 0.25);
}
/*!****************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/WorkingHoursShiftChip/WorkingHoursShiftChip.scss.css ***!
  \****************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6977d9 {
  border-radius: 999px;
  border: 1px solid transparent;
}

._1a83017d9 {
  background-color: #e7e8ff;
  border-color: #dbddff;
}

._3dcf3e7d9 {
  background-color: #fff4cc;
  border-color: rgba(241, 145, 1, 0.24);
}

.ce30977d9 {
  background-color: #f2f2f7;
  border-color: #d5d7da;
}

.ef7f067d9 {
  background-color: #fff;
  border-color: #d5d7da;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-choice-list/build/ListItem/ChoiceListListItem.css ***!
  \*******************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/ListItem/ChoiceListItem.module.scss */
.REnoxV > *:last-child hr {
  display: none;
}
/*# sourceMappingURL=ChoiceListListItem.css.map */
/*!***************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-choice-list/build/Header/ChoiceListHeader.css ***!
  \***************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Header/ChoiceListHeader.module.scss */
@media screen and (min-width: 0) {
  .KfGo5J._8oaMuJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 0) and (min-width: 768px) {
  .KfGo5J._8oaMuJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 0) {
  .KfGo5J.I-8GkJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 0) and (min-width: 768px) {
  .KfGo5J.I-8GkJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 0) {
  .KfGo5J._-YxNlJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 0) and (min-width: 768px) {
  .KfGo5J._-YxNlJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 0) {
  .KfGo5J.Ua7wAJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 0) and (min-width: 768px) {
  .KfGo5J.Ua7wAJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 512px) {
  .KfGo5J.ciqUdJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 512px) and (min-width: 768px) {
  .KfGo5J.ciqUdJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 512px) {
  .KfGo5J.tyUInJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 512px) and (min-width: 768px) {
  .KfGo5J.tyUInJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 512px) {
  .KfGo5J.egqs4J.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 512px) and (min-width: 768px) {
  .KfGo5J.egqs4J.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 512px) {
  .KfGo5J.usnXsJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 512px) and (min-width: 768px) {
  .KfGo5J.usnXsJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 520px) {
  .KfGo5J.IL1euJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 520px) and (min-width: 768px) {
  .KfGo5J.IL1euJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 520px) {
  .KfGo5J.METzoJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 520px) and (min-width: 768px) {
  .KfGo5J.METzoJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 520px) {
  .KfGo5J.FyfzXJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 520px) and (min-width: 768px) {
  .KfGo5J.FyfzXJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 520px) {
  .KfGo5J.Z2NtZJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 520px) and (min-width: 768px) {
  .KfGo5J.Z2NtZJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 768px) {
  .KfGo5J.QLsaWJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .KfGo5J.QLsaWJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 768px) {
  .KfGo5J.ZWUGAJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .KfGo5J.ZWUGAJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 768px) {
  .KfGo5J.FiEnHJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .KfGo5J.FiEnHJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 768px) {
  .KfGo5J.EzHARJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .KfGo5J.EzHARJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1024px) {
  .KfGo5J.mL4Z3J.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1024px) and (min-width: 768px) {
  .KfGo5J.mL4Z3J.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1024px) {
  .KfGo5J.wCoiaJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1024px) and (min-width: 768px) {
  .KfGo5J.wCoiaJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1024px) {
  .KfGo5J.vVBBHJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1024px) and (min-width: 768px) {
  .KfGo5J.vVBBHJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1024px) {
  .KfGo5J.M6pDnJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1024px) and (min-width: 768px) {
  .KfGo5J.M6pDnJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1280px) {
  .KfGo5J._1syN_J.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1280px) and (min-width: 768px) {
  .KfGo5J._1syN_J.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1280px) {
  .KfGo5J.a37fhJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1280px) and (min-width: 768px) {
  .KfGo5J.a37fhJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1280px) {
  .KfGo5J.eA926J.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1280px) and (min-width: 768px) {
  .KfGo5J.eA926J.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1280px) {
  .KfGo5J._4c2mXJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1280px) and (min-width: 768px) {
  .KfGo5J._4c2mXJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1440px) {
  .KfGo5J._3t17WJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1440px) and (min-width: 768px) {
  .KfGo5J._3t17WJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1440px) {
  .KfGo5J.cx4KpJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1440px) and (min-width: 768px) {
  .KfGo5J.cx4KpJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1440px) {
  .KfGo5J.BgMnyJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1440px) and (min-width: 768px) {
  .KfGo5J.BgMnyJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1440px) {
  .KfGo5J.QJtFRJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1440px) and (min-width: 768px) {
  .KfGo5J.QJtFRJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1920px) {
  .KfGo5J.xCOi4J.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-l-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1920px) and (min-width: 768px) {
  .KfGo5J.xCOi4J.rIZuTJ {
    margin-left: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-l-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1920px) {
  .KfGo5J.GoamTJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-m-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1920px) and (min-width: 768px) {
  .KfGo5J.GoamTJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-m-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1920px) {
  .KfGo5J.fRDzgJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-s-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1920px) and (min-width: 768px) {
  .KfGo5J.fRDzgJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-s-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
@media screen and (min-width: 1920px) {
  .KfGo5J.h1oYVJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
    margin-right: var(--choice-list-header-size-xs-default-container-with-mobile-side-padding-composition-horizontal-padding, 20px);
  }
}
@media screen and (min-width: 1920px) and (min-width: 768px) {
  .KfGo5J.h1oYVJ.rIZuTJ {
    margin-left: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
    margin-right: var(--choice-list-header-size-xs-laptop-container-with-mobile-side-padding-composition-horizontal-padding, 0px);
  }
}
/*# sourceMappingURL=ChoiceListHeader.css.map */
/*!*********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-choice-list-behaviour/build/ChoiceListGroupItem.css ***!
  \*********************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/ChoiceListGroupItem.module.scss */
.lEXlwH {
  position: relative;
}
.lEXlwH,
._7AU9VH {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
._7AU9VH {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1px;
  height: 1px;
  overflow: hidden;
  outline: none;
  background: transparent;
  border: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}
/*# sourceMappingURL=ChoiceListGroupItem.css.map */
/*!*************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-checkbox-cumulative-structure/build/CheckboxCumulativeStructure.css ***!
  \*************************************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/CheckboxCumulativeStructure.module.scss */
.T9xFXy {
  cursor: pointer;
}
.yvJDUy {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
  border: none;
  padding: 0;
}
.T9xFXy.xa-yly .yvJDUy {
  background-color: var(--checkbox-cumulative-variant-default-state-enabled-primitive-background, #f2f2f2);
  color: var(--checkbox-cumulative-variant-default-state-enabled-primitive-icon-color, #0d1619);
}
@media (hover: hover) and (pointer: fine) {
  .T9xFXy.xa-yly .yvJDUy:hover {
    background-color: var(--checkbox-cumulative-variant-default-state-hover-primitive-background, #d3d3d3);
  }
}
.T9xFXy.xa-yly .yvJDUy:active {
  background-color: var(--checkbox-cumulative-variant-default-state-active-primitive-background, #bfbfbf);
}
.T9xFXy.xa-yly.siKzOy .yvJDUy {
  background-color: var(--checkbox-cumulative-variant-default-state-selected-primitive-background, #6950f3);
  color: var(--checkbox-cumulative-variant-default-state-selected-primitive-icon-color, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  .T9xFXy.xa-yly.siKzOy .yvJDUy:hover {
    background-color: var(--checkbox-cumulative-variant-default-state-selected-hover-primitive-background, #5c4ace);
  }
}
.T9xFXy.xa-yly.siKzOy .yvJDUy:active {
  background-color: var(--checkbox-cumulative-variant-default-state-selected-active-primitive-background, #403591);
}
.T9xFXy.xa-yly.iX-M1y .yvJDUy {
  background-color: var(--checkbox-cumulative-variant-default-state-disabled-primitive-background, #f2f2f2);
  color: var(--checkbox-cumulative-variant-default-state-disabled-primitive-icon-color, #acacac);
}
.T9xFXy.xa-yly.siKzOy.iX-M1y .yvJDUy {
  background-color: var(--checkbox-cumulative-variant-default-state-selected-disabled-primitive-background, #f2f2f2);
  color: var(--checkbox-cumulative-variant-default-state-selected-disabled-primitive-icon-color, #acacac);
}
.T9xFXy.OGOyky .yvJDUy {
  width: var(--checkbox-cumulative-size-default-primitive-composition-sizing, 28px);
  height: var(--checkbox-cumulative-size-default-primitive-composition-sizing, 28px);
  border-radius: var(--checkbox-cumulative-size-default-primitive-composition-border-radius, 8px);
}
/*# sourceMappingURL=CheckboxCumulativeStructure.css.map */
/*!**************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-choice-list/build/ListItem/subcomponents/Item.styles.css ***!
  \**************************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/ListItem/subcomponents/Item.module.scss */
.tk-50F {
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  opacity: 0.01;
  overflow: hidden;
}
/*# sourceMappingURL=Item.styles.css.map */
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-radio-structure/build/RadioStructure.css ***!
  \**********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/RadioStructure.module.scss */
.Ymw6S7 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.Ymw6S7.OGO-F7 {
  gap: var(--radio-size-default-container-composition-item-spacing, 12px);
}
@media (min-width: 768px) {
  .Ymw6S7._0Vy2L7 {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
._7Bs4n7.OGO-F7 .yDMG47 {
  padding-top: var(--radio-size-default-content-wrapper-composition-vertical-padding, 2px);
  padding-bottom: var(--radio-size-default-content-wrapper-composition-vertical-padding, 2px);
}
.yDMG47._97pFY7 {
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  opacity: 0.01;
  overflow: hidden;
}
.ElAv47 {
  transition: background-color var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
._7Bs4n7.xa-eN7 .ElAv47 {
  background-color: var(--radio-variant-default-state-enabled-primitive-background, #ffffff);
  border-color: var(--radio-variant-default-state-enabled-primitive-border, #bfbfbf);
}
@media (hover: hover) and (pointer: fine) {
  ._7Bs4n7.xa-eN7:hover .ElAv47 {
    background-color: var(--radio-variant-default-state-hover-primitive-background, #f2f2f2);
    border-color: var(--radio-variant-default-state-hover-primitive-border, #acacac);
  }
}
._7Bs4n7.xa-eN7:active .ElAv47 {
  background-color: var(--radio-variant-default-state-active-primitive-background, #e5e5e5);
  border-color: var(--radio-variant-default-state-active-primitive-border, #969696);
}
._7Bs4n7.xa-eN7.Hm5Ge7 .ElAv47 {
  background-color: var(--radio-variant-default-state-selected-primitive-background, #6950f3);
  border-color: var(--radio-variant-default-state-selected-primitive-border, #6950f3);
}
@media (hover: hover) and (pointer: fine) {
  ._7Bs4n7.xa-eN7.Hm5Ge7:hover .ElAv47 {
    background-color: var(--radio-variant-default-state-selected-hover-primitive-background, #5c4ace);
    border-color: var(--radio-variant-default-state-selected-hover-primitive-border, #5c4ace);
  }
}
._7Bs4n7.xa-eN7.Hm5Ge7:active .ElAv47 {
  background-color: var(--radio-variant-default-state-selected-active-primitive-background, #403591);
  border-color: var(--radio-variant-default-state-selected-active-primitive-border, #403591);
}
._7Bs4n7.xa-eN7.Rbcml7 .ElAv47 {
  background-color: var(--radio-variant-default-state-error-primitive-background, #ffffff);
  border-color: var(--radio-variant-default-state-error-primitive-border, #d4163a);
}
@media (hover: hover) and (pointer: fine) {
  ._7Bs4n7.xa-eN7.Rbcml7:hover .ElAv47 {
    background-color: var(--radio-variant-default-state-error-hover-primitive-background, #f2f2f2);
    border-color: var(--radio-variant-default-state-error-hover-primitive-border, #bb1232);
  }
}
._7Bs4n7.xa-eN7.Rbcml7:active .ElAv47 {
  background-color: var(--radio-variant-default-state-error-active-primitive-background, #e5e5e5);
  border-color: var(--radio-variant-default-state-error-active-primitive-border, #831324);
}
._7Bs4n7.xa-eN7.Hm5Ge7.Rbcml7 .ElAv47 {
  background-color: var(--radio-variant-default-state-selected-error-primitive-background, #d4163a);
  border-color: var(--radio-variant-default-state-selected-error-primitive-border, #d4163a);
}
@media (hover: hover) and (pointer: fine) {
  ._7Bs4n7.xa-eN7.Hm5Ge7.Rbcml7:hover .ElAv47 {
    background-color: var(--radio-variant-default-state-selected-error-hover-primitive-background, #bb1232);
    border-color: var(--radio-variant-default-state-selected-error-hover-primitive-border, #bb1232);
  }
}
._7Bs4n7.xa-eN7.Hm5Ge7.Rbcml7:active .ElAv47 {
  background-color: var(--radio-variant-default-state-selected-error-active-primitive-background, #831324);
  border-color: var(--radio-variant-default-state-selected-error-active-primitive-border, #831324);
}
._7Bs4n7.xa-eN7.iX-DE7 .ElAv47 {
  background-color: var(--radio-variant-default-state-disabled-primitive-background, #f2f2f2);
  border-color: var(--radio-variant-default-state-disabled-primitive-border, #d3d3d3);
}
._7Bs4n7.xa-eN7.Hm5Ge7.iX-DE7 .ElAv47 {
  background-color: var(--radio-variant-default-state-selected-disabled-primitive-background, #f2f2f2);
  border-color: var(--radio-variant-default-state-selected-disabled-primitive-border, #d3d3d3);
}
._7Bs4n7.OGO-F7 .ElAv47 {
  height: var(--radio-size-default-primitive-composition-sizing, 24px);
  width: var(--radio-size-default-primitive-composition-sizing, 24px);
  border-radius: var(--radio-size-default-primitive-composition-border-radius, 999px);
  border-width: var(--radio-size-default-primitive-composition-border-width, 1px);
  border-style: solid;
}
.XzQZ57 {
  transition:
    background-color var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1)),
    transform var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1)),
    border-color var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
._7Bs4n7.xa-eN7 .XzQZ57 {
  background-color: var(--radio-variant-default-state-enabled-ellipse-background, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7Bs4n7.xa-eN7:hover .XzQZ57 {
    background-color: var(--radio-variant-default-state-hover-ellipse-background, #ffffff);
  }
}
._7Bs4n7.xa-eN7:active .XzQZ57 {
  background-color: var(--radio-variant-default-state-active-ellipse-background, #ffffff);
}
._7Bs4n7.xa-eN7.Hm5Ge7 .XzQZ57 {
  background-color: var(--radio-variant-default-state-selected-ellipse-background, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7Bs4n7.xa-eN7.Hm5Ge7:hover .XzQZ57 {
    background-color: var(--radio-variant-default-state-selected-hover-ellipse-background, #ffffff);
  }
}
._7Bs4n7.xa-eN7.Hm5Ge7:active .XzQZ57 {
  background-color: var(--radio-variant-default-state-selected-active-ellipse-background, #ffffff);
}
._7Bs4n7.xa-eN7.Rbcml7 .XzQZ57 {
  background-color: var(--radio-variant-default-state-error-ellipse-background, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7Bs4n7.xa-eN7.Rbcml7:hover .XzQZ57 {
    background-color: var(--radio-variant-default-state-error-hover-ellipse-background, #ffffff);
  }
}
._7Bs4n7.xa-eN7.Rbcml7:active .XzQZ57 {
  background-color: var(--radio-variant-default-state-error-active-ellipse-background, #ffffff);
}
._7Bs4n7.xa-eN7.Hm5Ge7.Rbcml7 .XzQZ57 {
  background-color: var(--radio-variant-default-state-selected-error-ellipse-background, #ffffff);
}
@media (hover: hover) and (pointer: fine) {
  ._7Bs4n7.xa-eN7.Hm5Ge7.Rbcml7:hover .XzQZ57 {
    background-color: var(--radio-variant-default-state-selected-error-hover-ellipse-background, #ffffff);
  }
}
._7Bs4n7.xa-eN7.Hm5Ge7.Rbcml7:active .XzQZ57 {
  background-color: var(--radio-variant-default-state-selected-error-active-ellipse-background, #ffffff);
}
._7Bs4n7.xa-eN7.iX-DE7 .XzQZ57 {
  background-color: var(--radio-variant-default-state-disabled-ellipse-background, #f2f2f2);
}
._7Bs4n7.xa-eN7.Hm5Ge7.iX-DE7 .XzQZ57 {
  background-color: var(--radio-variant-default-state-selected-disabled-ellipse-background, #acacac);
}
._7Bs4n7.OGO-F7 .XzQZ57 {
  height: var(--radio-size-default-ellipse-composition-sizing, 12px);
  width: var(--radio-size-default-ellipse-composition-sizing, 12px);
  border-radius: var(--radio-size-default-ellipse-composition-border-radius, 999px);
}
._7Bs4n7.OGO-F7:active .XzQZ57 {
  transform: scale(var(--radio-size-default-ellipse-shrunk-scale, 0.7));
}
._7Bs4n7.xa-eN7 .se6X27 {
  color: var(--radio-variant-default-state-enabled-label-text-color, #0d1619);
}
._7Bs4n7.xa-eN7.Hm5Ge7 .se6X27 {
  color: var(--radio-variant-default-state-selected-label-text-color, #0d1619);
}
._7Bs4n7.xa-eN7.Rbcml7 .se6X27 {
  color: var(--radio-variant-default-state-error-label-text-color, #0d1619);
}
._7Bs4n7.xa-eN7.Hm5Ge7.Rbcml7 .se6X27 {
  color: var(--radio-variant-default-state-selected-error-label-text-color, #0d1619);
}
@media (hover: hover) and (pointer: fine) {
  ._7Bs4n7.xa-eN7.Hm5Ge7.Rbcml7:hover .se6X27 {
    color: var(--radio-variant-default-state-selected-error-hover-label-text-color, #0d1619);
  }
}
._7Bs4n7.xa-eN7.Hm5Ge7.Rbcml7:active .se6X27 {
  color: var(--radio-variant-default-state-selected-error-active-label-text-color, #0d1619);
}
._7Bs4n7.xa-eN7.iX-DE7 .se6X27 {
  color: var(--radio-variant-default-state-disabled-label-text-color, #acacac);
}
._7Bs4n7.xa-eN7.Hm5Ge7.iX-DE7 .se6X27 {
  color: var(--radio-variant-default-state-selected-disabled-label-text-color, #acacac);
}
._7Bs4n7.xa-eN7 .Rdvdy7 {
  color: var(--radio-variant-default-state-enabled-description-text-color, #757676);
}
._7Bs4n7.xa-eN7.Hm5Ge7 .Rdvdy7 {
  color: var(--radio-variant-default-state-selected-description-text-color, #757676);
}
._7Bs4n7.xa-eN7.Hm5Ge7.Rbcml7 .Rdvdy7 {
  color: var(--radio-variant-default-state-selected-error-description-text-color, #757676);
}
@media (hover: hover) and (pointer: fine) {
  ._7Bs4n7.xa-eN7.Hm5Ge7.Rbcml7:hover .Rdvdy7 {
    color: var(--radio-variant-default-state-selected-error-hover-description-text-color, #757676);
  }
}
._7Bs4n7.xa-eN7.Hm5Ge7.Rbcml7:active .Rdvdy7 {
  color: var(--radio-variant-default-state-selected-error-active-description-text-color, #757676);
}
._7Bs4n7.xa-eN7.iX-DE7 .Rdvdy7 {
  color: var(--radio-variant-default-state-disabled-description-text-color, #acacac);
}
._7Bs4n7.xa-eN7.Hm5Ge7.iX-DE7 .Rdvdy7 {
  color: var(--radio-variant-default-state-selected-disabled-description-text-color, #acacac);
}
/*# sourceMappingURL=RadioStructure.css.map */
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/ToggleGroup/SwitchToggle.scss.css ***!
  \**************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6aa0f9 {
  position: relative;
  display: flex;
  border: 1px solid #d5d7da;
  border-radius: 20px;
  background-color: white;
  outline: none;
  min-width: 96px;
}
._06c6aa0f9.ef73360f9 {
  flex-grow: 1;
}
._06c6aa0f9 .a11a070f9 {
  position: relative;
  display: flex;
  background-color: transparent;
  border: 0;
  border-radius: 20px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
  z-index: 1;
  flex-grow: 1;
  width: 50%;
}

._8805130f9 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 10px;
  height: 20px;
  min-width: 20px;
  margin-left: 5px;
  background-color: #6950f3;
  color: white;
}
._8805130f9.d7cb6c0f9 {
  color: #6950f3;
  background-color: white;
  font-weight: 600;
}

._29d6fe0f9 {
  position: absolute;
  background-color: #6950f3;
  border-radius: 20px;
  height: 100%;
  transition: transform 250ms ease-in-out 0ms;
  z-index: 0;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/EmailPreviewV2/parts/EmailPreviewV2Content.css ***!
  \**********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c606afe {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 8px;
  overflow: hidden;
  min-height: 700px;
  height: 100%;
  width: 100%;
  max-width: 900px;
}
._06c606afe .abca6aafe {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #d5d7da;
}
._06c606afe .abca6aafe .e39273afe {
  background: #d5d7da;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin-right: 8px;
}
._06c606afe .abca6aafe .e7378eafe {
  background: #d5d7da;
  width: 9px;
  height: 9px;
  border-radius: 5px;
  margin-right: 5px;
}
._06c606afe .abca6aafe ._2249d9afe {
  background: #d5d7da;
  width: 53px;
  border-radius: 4px;
  height: 5px;
}
._06c606afe._45569bafe {
  border-radius: 32px;
  max-width: 370px;
  width: 100%;
  min-height: 688px;
  display: flex;
  flex-direction: column;
}
._06c606afe._45569bafe .abca6aafe {
  justify-content: center;
  padding: 24px 0 16px;
}

._1e0563afe {
  border-bottom: 1px solid #d5d7da;
  margin-bottom: 0 !important;
}
._1e0563afe .c2d40eafe {
  border: 1px solid #d5d7da;
  min-width: 48px;
  max-width: 48px;
}

.ed70cbafe {
  flex-grow: 1;
}
/*!*********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Table/TableFooter.css ***!
  \*********************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c67b165 td {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  padding: 18px 8px;
  color: #b7babe;
  text-align: center;
}
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/PhonePreviewV2/PhonePreviewV2.scss.css ***!
  \**************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6dd55d {
  max-width: 610px;
  min-width: 610px;
  min-height: 719px;
  overflow: hidden;
  border-bottom-left-radius: 75% 60%;
  border-bottom-right-radius: 75% 60%;
}
._06c6dd55d ._45565155d {
  width: 60%;
  height: 100%;
  border: 4px solid #404753;
  border-bottom: none;
  margin-top: 52px;
  border-radius: 35px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
._06c6dd55d ._45565155d .c7c8c355d {
  top: 0;
  position: absolute;
}
._06c6dd55d ._45565155d .c7c8c355d .ffef5755d {
  background: #404753;
  width: 55px;
  border-radius: 5px;
  height: 8px;
}
._06c6dd55d ._45565155d .c7c8c355d .af7a6355d {
  background: #404753;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  margin-left: 8px;
}
._06c6dd55d ._8a39be55d {
  position: absolute;
  width: 100%;
  height: 80%;
  bottom: 0;
  border-radius: 50%;
  background-color: #f8f8fb;
}

._89b0fd55d {
  background: #f2f2f7;
  border-radius: 16px;
  width: 100%;
}
/*!*********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/PhonePreviewV2/MessageV2.scss.css ***!
  \*********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._2bd798a62 {
  width: 100%;
}

._1787aca62 {
  width: 100%;
  background-color: #f8f8fb;
  padding: 45px 0 8px 0;
}
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/PhonePreviewV2/NotificationV2.scss.css ***!
  \**************************************************************************************************************************************/
._06c604dc2 {
  width: 100%;
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Table/MobileBulkActionWrapper/MobileBulkActionWrapper.scss.css ***!
  \**************************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c62b96e ._4a726696e {
  padding-left: 0;
  transform: scaleX(0);
  width: 0;
  transform-origin: top left;
  opacity: 0;
  transition: all 175ms ease-out;
}
._06c62b96e ._4a726696e .b76db396e {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
._06c62b96e ._4a726696e._96876a96e {
  transform: scaleX(1);
  width: 24px;
  opacity: 1;
}
._06c62b96e ._4a726696e._96876a96e.a94fd896e {
  padding-left: 16px;
  width: 40px;
}
._06c62b96e .bd1dc996e {
  opacity: 0;
  height: 0;
  transition: all 175ms ease-out;
}
._06c62b96e .bd1dc996e._96876a96e {
  padding: initial;
  opacity: 1;
  height: 56px;
}
._06c62b96e ._26ac6b96e {
  transition: all 175ms ease-out;
  transform: scaleX(0);
  transform-origin: left;
}
._06c62b96e ._26ac6b96e._96876a96e {
  transform: scaleX(1);
}
._06c62b96e .d6f1aa96e {
  transition: all 175ms ease-out;
  transform: scaleX(0);
  transform-origin: right;
}
._06c62b96e .d6f1aa96e._96876a96e {
  transform: scaleX(1);
}

._33f0ae96e {
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: 1px solid #e7e8e9;
  padding-top: 16px;
}
._33f0ae96e._4cb81d96e {
  bottom: 56px;
}
/*!*********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/FileInput/FileInput.scss.css ***!
  \*********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
.a62234067 {
  min-height: 150px;
}

._06c6ee067 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e7e8ff;
  transition: background-color 300ms ease-in-out;
  color: #6950f3;
  cursor: pointer;
  padding: 8px;
}
@media (hover: hover) and (pointer: fine) {
  ._06c6ee067:hover {
    background: #e7e8ff;
  }
}
._06c6ee067.dc2ce3067 {
  min-height: inherit;
  background: #e7e8ff;
}
._06c6ee067._0102fe067 {
  border-radius: 8px;
}
._06c6ee067.d15333067 {
  height: 150px;
  width: 150px;
}
._06c6ee067 ._1acaa6067 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
._06c6ee067 .c96c53067 {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
._06c6ee067._1f5b9a067 {
  display: none;
}
/*!******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/NotePreviewModal/NotePreviewModal.scss.css ***!
  \******************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
.bd0604ddc {
  position: relative;
  background-color: #101928;
  min-height: 450px;
  height: 100%;
  width: 100%;
}
.bd0604ddc._274921ddc {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.bd0604ddc._476040ddc {
  max-height: 600px;
}

._399642ddc {
  max-height: 600px;
}

._0cbc9cddc {
  position: sticky;
  top: 0;
  background-color: #fff;
}
@media (max-width: 543px) {
  ._0cbc9cddc {
    top: 56px;
  }
}

._0a5277ddc {
  height: 100%;
  flex-direction: column;
  align-items: center;
  padding: 0 2px;
}

.c31478ddc {
  margin-top: -15px;
  margin-bottom: 7px;
}

._9a13a3ddc {
  margin-top: 48px;
}

.a798a1ddc {
  display: flex;
  justify-content: center;
}

._1e0591ddc,
._03019eddc {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
}

._1e0591ddc {
  top: 0;
  padding: 9px 0;
  background: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0));
}
._1e0591ddc._274921ddc {
  border-top-left-radius: 8px;
}

._03019eddc {
  bottom: 0;
  padding: 24px;
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
._03019eddc._274921ddc {
  border-bottom-left-radius: 8px;
}

.f687dfddc {
  background-color: #e8e8ee;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/EmailPreview/EmailPreview.scss.css ***!
  \**********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c66f94e {
  display: flex;
  width: 600px;
  justify-content: center;
  flex-direction: column;
  color: #101928;
}
._06c66f94e .a622eb94e {
  border: 1px solid #d5d7da;
  border-radius: 8px;
  margin-bottom: 32px;
  background: #f2f2f7;
  user-select: none;
}
._06c66f94e .a622eb94e .aaf25994e {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._06c66f94e .a622eb94e ._3263dc94e {
  border: 1px solid #d5d7da;
  border-radius: 8px;
  margin-bottom: -1px;
  margin-left: -1px;
  margin-right: -1px;
  background: #e8e8ee;
}
._06c66f94e .a622eb94e ._3263dc94e .e1331c94e {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: inline;
  color: #878c93;
  flex-wrap: wrap;
}
._06c66f94e .a622eb94e ._3263dc94e .e1331c94e ._02cb8094e {
  margin-right: 1ch;
}
._06c66f94e .a622eb94e ._3263dc94e .e1331c94e ._16de8d94e {
  color: #101928;
}
._06c66f94e .a622eb94e ._3263dc94e._46950794e {
  border: none;
  margin: 0;
}
._06c66f94e .a622eb94e ._3263dc94e ._6d3ccf94e {
  border: 1px solid #d5d7da;
  border-radius: 8px;
  margin-bottom: -1px;
  margin-left: -1px;
  margin-right: -1px;
  background: #fff;
  overflow: hidden;
}
/*!****************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Form/FileInputField.scss.css ***!
  \****************************************************************************************************************************/
.bfb628cdb {
  height: 150px;
  width: 150px;
}
/*!******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-splash-screen/build/SplashScreen.css ***!
  \******************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/SplashScreen.module.scss */
.yb9ofb {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--splash-screen-variant-success-layout-background-color, #ffffff);
}
.BtX1Nb {
  z-index: 0;
  position: relative;
  padding: 0 var(--splash-screen-size-default-layout-composition-horizontal-padding, 20px) 16px;
  width: 100%;
  height: 100%;
}
._9tmkfb {
  max-width: var(--splash-screen-size-default-content-composition-width, 480px);
  padding-bottom: 16px;
  text-align: center;
}
._0AHW9b {
  width: calc(var(--splash-screen-size-default-ill-splash-default-composition-width, 1024px)/20);
  height: calc(var(--splash-screen-size-default-ill-splash-default-composition-height, 1024px)/20);
  transform: scale(var(--splash-screen-size-default-ill-splash-default-scale, 1));
  position: absolute;
  z-index: -1;
}
._0AHW9b > div {
  filter: blur(2.5px);
  transform: scale(20);
  width: calc(var(--splash-screen-size-default-ill-splash-default-composition-width, 1024px)/20);
  height: calc(var(--splash-screen-size-default-ill-splash-default-composition-height, 1024px)/20);
}
._0AHW9b > div > canvas {
  transform: translateZ(0);
}
@media (min-width: 768px) {
  ._0AHW9b {
    transform: scale(var(--splash-screen-size-default-ill-splash-tablet-scale, 1.25));
  }
}
@media (min-width: 1024px) {
  ._0AHW9b {
    transform: scale(var(--splash-screen-size-default-ill-splash-laptop-scale, 1.5));
  }
}
@media (min-width: 1440px) {
  ._0AHW9b {
    transform: scale(1.7);
  }
}
._5Wf_db.FBIjBb {
  transition: opacity var(--splash-screen-motion-enter-motion-duration, 180ms) var(--splash-screen-motion-enter-motion-easing, cubic-bezier(0, 0, 1, 1));
  opacity: 0;
}
._5Wf_db.ZJvZdb {
  transition: opacity var(--splash-screen-motion-enter-motion-duration, 180ms) var(--splash-screen-motion-enter-motion-easing, cubic-bezier(0, 0, 1, 1));
  opacity: 1;
}
._5Wf_db._2kwM9b,
._5Wf_db.tmi1kb {
  transition: opacity var(--splash-screen-motion-exit-motion-duration, 800ms) var(--splash-screen-motion-exit-motion-easing, cubic-bezier(0.42, 0, 0.58, 1)), transform var(--splash-screen-motion-exit-motion-duration, 800ms) var(--splash-screen-motion-exit-motion-easing, cubic-bezier(0.42, 0, 0.58, 1));
  transform: scale(var(--splash-screen-motion-exit-layout-scale, 1.8));
  opacity: 0;
}
/*# sourceMappingURL=SplashScreen.css.map */
/*!**************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-splash-screen/build/AnimatedSplashScreen.css ***!
  \**************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/AnimatedSplashScreen.module.scss */
._5WfR6W.FBIG5W {
  transition: opacity var(--splash-screen-motion-enter-motion-duration, 180ms) var(--splash-screen-motion-enter-motion-easing, cubic-bezier(0, 0, 1, 1));
  opacity: 0;
}
._5WfR6W.ZJvbzW {
  transition: opacity var(--splash-screen-motion-enter-motion-duration, 180ms) var(--splash-screen-motion-enter-motion-easing, cubic-bezier(0, 0, 1, 1));
  opacity: 1;
}
._5WfR6W._2kwwbW,
._5WfR6W.tmi0QW {
  transition: opacity var(--splash-screen-motion-exit-motion-duration, 800ms) cubic-bezier(0.7, -0.4, 0.4, 1.4);
  opacity: 0;
}
._5WfR6W._2kwwbW > div,
._5WfR6W.tmi0QW > div {
  transition: opacity var(--splash-screen-motion-exit-motion-duration, 800ms) cubic-bezier(0.7, -0.4, 0.4, 1.4), transform var(--splash-screen-motion-exit-motion-duration, 800ms) cubic-bezier(0.7, -0.4, 0.4, 1.4);
  transform: scale(var(--splash-screen-motion-exit-layout-scale, 1.8));
  opacity: 0;
}
/*# sourceMappingURL=AnimatedSplashScreen.css.map */
/*!************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-lottie-animation/build/LottieAnimation.css ***!
  \************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/LottieAnimation.module.scss */
.ybQYVQ {
  outline: none;
}
@media screen and (min-width: 0) {
  .ybQYVQ._9y4XwQ {
    width: var(--width-default);
  }
  .ybQYVQ.g0eYnQ {
    height: var(--height-default);
  }
}
@media screen and (min-width: 512px) {
  .ybQYVQ.WKijLQ {
    width: var(--width-smalltablet);
  }
  .ybQYVQ.gjy8gQ {
    height: var(--height-smalltablet);
  }
}
@media screen and (min-width: 520px) {
  .ybQYVQ._2XrNdQ {
    width: var(--width-xs-deprecated);
  }
  .ybQYVQ.ZLG50Q {
    height: var(--height-xs-deprecated);
  }
}
@media screen and (min-width: 768px) {
  .ybQYVQ.HScuqQ {
    width: var(--width-tablet);
  }
  .ybQYVQ.UbhH_Q {
    height: var(--height-tablet);
  }
}
@media screen and (min-width: 1024px) {
  .ybQYVQ.mOdkPQ {
    width: var(--width-laptop);
  }
  .ybQYVQ.aQRl4Q {
    height: var(--height-laptop);
  }
}
@media screen and (min-width: 1280px) {
  .ybQYVQ.wYl49Q {
    width: var(--width-lg-deprecated);
  }
  .ybQYVQ.rQTqJQ {
    height: var(--height-lg-deprecated);
  }
}
@media screen and (min-width: 1440px) {
  .ybQYVQ.BBt9FQ {
    width: var(--width-desktop);
  }
  .ybQYVQ.gqQx4Q {
    height: var(--height-desktop);
  }
}
@media screen and (min-width: 1920px) {
  .ybQYVQ.HGEhUQ {
    width: var(--width-widescreen);
  }
  .ybQYVQ.SSUVlQ {
    height: var(--height-widescreen);
  }
}
/*# sourceMappingURL=LottieAnimation.css.map */
/*!***************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-badge/build/Badge.css ***!
  \***************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/Badge.module.scss */
.rkpAv- {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
}
.rkpAv-.OGOcF- {
  min-width: var(--badge-size-default-container-composition-width, 12px);
  min-height: var(--badge-size-default-container-composition-height, 20px);
  padding: 0 var(--badge-size-default-container-composition-horizontal-padding, 4px);
  border-width: var(--badge-size-default-gap-composition-width, 2px);
  border-radius: 999px;
}
.rkpAv-.VQ9-x- {
  min-width: var(--badge-size-compact-container-composition-width, 12px);
  min-height: var(--badge-size-compact-container-composition-height, 12px);
  padding: 0;
  border-width: var(--badge-size-compact-gap-composition-width, 2px);
  border-radius: 999px;
}
.rkpAv-.mzl6d- {
  background-color: var(--badge-variant-danger-state-default-container-background-color, #d4163a);
  color: var(--badge-variant-danger-state-default-container-content-color, #ffffff);
}
.rkpAv-.CuH3u- {
  background-color: var(--badge-variant-danger-state-default-container-compact-content-color, #d4163a);
}
.rkpAv-.n-Xys- {
  border-color: var(--badge-variant-danger-state-default-border-color-page-color, #ffffff);
  border-style: solid;
}
.rkpAv-.pC_vc- {
  border-color: var(--badge-variant-danger-state-default-border-color-page-faded-color, #f9f9f9);
  border-style: solid;
}
.rkpAv-.KLwKe- {
  border-color: var(--badge-variant-danger-state-default-border-color-base-color, #ffffff);
  border-style: solid;
}
.rkpAv-.xHPIU- {
  border-color: var(--badge-variant-danger-state-default-border-color-elevated-color, #ffffff);
  border-style: solid;
}
.rkpAv-.hasSz- {
  background-color: var(--badge-variant-accent-state-default-container-background-color, #6950f3);
  color: var(--badge-variant-accent-state-default-container-content-color, #ffffff);
}
.rkpAv-.HG_Ha- {
  background-color: var(--badge-variant-accent-state-default-container-compact-content-color, #6950f3);
}
.rkpAv-.a4h8G- {
  border-color: var(--badge-variant-accent-state-default-border-color-page-color, #ffffff);
  border-style: solid;
}
.rkpAv-.WiOgA- {
  border-color: var(--badge-variant-accent-state-default-border-color-page-faded-color, #f9f9f9);
  border-style: solid;
}
.rkpAv-._1NZqA- {
  border-color: var(--badge-variant-accent-state-default-border-color-base-color, #ffffff);
  border-style: solid;
}
.rkpAv-._3Lx0h- {
  border-color: var(--badge-variant-accent-state-default-border-color-elevated-color, #ffffff);
  border-style: solid;
}
.rkpAv-._3vxYT- {
  background-color: var(--badge-variant-neutral-state-default-container-background-color, #f2f2f2);
  color: var(--badge-variant-neutral-state-default-container-content-color, #757676);
}
.rkpAv-.Za1Cr- {
  background-color: var(--badge-variant-neutral-state-default-container-compact-content-color, #757676);
}
.rkpAv-.x-1y8- {
  border-color: var(--badge-variant-neutral-state-default-border-color-page-color, #ffffff);
  border-style: solid;
}
.rkpAv-.kLXrs- {
  border-color: var(--badge-variant-neutral-state-default-border-color-page-faded-color, #f9f9f9);
  border-style: solid;
}
.rkpAv-.gBFWQ- {
  border-color: var(--badge-variant-neutral-state-default-border-color-base-color, #ffffff);
  border-style: solid;
}
.rkpAv-.kYXUt- {
  border-color: var(--badge-variant-neutral-state-default-border-color-elevated-color, #ffffff);
  border-style: solid;
}
.rkpAv-.fm6tl- {
  background-color: var(--badge-variant-positive-state-default-container-background-color, #1f8900);
  color: var(--badge-variant-positive-state-default-container-content-color, #ffffff);
}
.rkpAv-.kzX3d- {
  background-color: var(--badge-variant-positive-state-default-container-compact-content-color, #1f8900);
}
.rkpAv-.kqZ4h- {
  border-color: var(--badge-variant-positive-state-default-border-color-page-color, #ffffff);
  border-style: solid;
}
.rkpAv-.IpafM- {
  border-color: var(--badge-variant-positive-state-default-border-color-page-faded-color, #f9f9f9);
  border-style: solid;
}
.rkpAv-.NgmpL- {
  border-color: var(--badge-variant-positive-state-default-border-color-base-color, #ffffff);
  border-style: solid;
}
.rkpAv-.V4RdJ- {
  border-color: var(--badge-variant-positive-state-default-border-color-elevated-color, #ffffff);
  border-style: solid;
}
/*# sourceMappingURL=Badge.css.map */
/*!***********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-ratings/build/RatingBlock/RatingBlock.css ***!
  \***********************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/RatingBlock/RatingBlock.module.scss */
.gQF-0- {
  display: flex;
}
/*# sourceMappingURL=RatingBlock.css.map */
/*!***************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-ratings/build/RatingContent/RatingContent.css ***!
  \***************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/RatingContent/RatingContent.module.scss */
.aZpCCh,
.Xg9xVh,
.ADCxdh {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.qTskIh {
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  opacity: 0.01;
  overflow: hidden;
}
@media screen and (min-width: 0) {
  .ADCxdh._-Yx6Yh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.I-8hLh,
  .ADCxdh._8oaRhh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.s_T-qh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.dS04ah {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.dS04ah > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 0) {
  .ADCxdh._-Yx6Yh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.I-8hLh,
  .ADCxdh._8oaRhh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.s_T-qh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.dS04ah {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.dS04ah > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 0) {
  .ADCxdh._-Yx6Yh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.I-8hLh,
  .ADCxdh._8oaRhh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.s_T-qh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.dS04ah {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.dS04ah > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 0) {
  .ADCxdh._-Yx6Yh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.I-8hLh,
  .ADCxdh._8oaRhh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.s_T-qh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.dS04ah {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.dS04ah > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 0) {
  .ADCxdh._-Yx6Yh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.I-8hLh,
  .ADCxdh._8oaRhh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.s_T-qh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.dS04ah {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.dS04ah > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 512px) {
  .ADCxdh.egqRqh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.tyUiuh,
  .ADCxdh.ciqH0h {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.hQmEuh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.E7kHFh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.E7kHFh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 512px) {
  .ADCxdh.egqRqh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.tyUiuh,
  .ADCxdh.ciqH0h {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.hQmEuh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.E7kHFh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.E7kHFh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 512px) {
  .ADCxdh.egqRqh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.tyUiuh,
  .ADCxdh.ciqH0h {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.hQmEuh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.E7kHFh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.E7kHFh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 512px) {
  .ADCxdh.egqRqh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.tyUiuh,
  .ADCxdh.ciqH0h {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.hQmEuh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.E7kHFh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.E7kHFh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 512px) {
  .ADCxdh.egqRqh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.tyUiuh,
  .ADCxdh.ciqH0h {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.hQmEuh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.E7kHFh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.E7kHFh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 520px) {
  .ADCxdh.Fyf7mh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.META4h,
  .ADCxdh.IL1yih {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.JHuH-h {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.mVCdwh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.mVCdwh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 520px) {
  .ADCxdh.Fyf7mh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.META4h,
  .ADCxdh.IL1yih {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.JHuH-h {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.mVCdwh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.mVCdwh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 520px) {
  .ADCxdh.Fyf7mh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.META4h,
  .ADCxdh.IL1yih {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.JHuH-h {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.mVCdwh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.mVCdwh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 520px) {
  .ADCxdh.Fyf7mh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.META4h,
  .ADCxdh.IL1yih {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.JHuH-h {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.mVCdwh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.mVCdwh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 520px) {
  .ADCxdh.Fyf7mh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.META4h,
  .ADCxdh.IL1yih {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.JHuH-h {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.mVCdwh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.mVCdwh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 768px) {
  .ADCxdh.FiENkh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.ZWUdqh,
  .ADCxdh.QLsI2h {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.WlLT7h {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh._2GkmZh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh._2GkmZh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 768px) {
  .ADCxdh.FiENkh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.ZWUdqh,
  .ADCxdh.QLsI2h {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.WlLT7h {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh._2GkmZh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh._2GkmZh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 768px) {
  .ADCxdh.FiENkh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.ZWUdqh,
  .ADCxdh.QLsI2h {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.WlLT7h {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh._2GkmZh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh._2GkmZh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 768px) {
  .ADCxdh.FiENkh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.ZWUdqh,
  .ADCxdh.QLsI2h {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.WlLT7h {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh._2GkmZh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh._2GkmZh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 768px) {
  .ADCxdh.FiENkh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.ZWUdqh,
  .ADCxdh.QLsI2h {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.WlLT7h {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh._2GkmZh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh._2GkmZh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1024px) {
  .ADCxdh.vVBJch {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.wCoQLh,
  .ADCxdh.mL41oh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.PzRHmh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.QtKuZh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.QtKuZh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1024px) {
  .ADCxdh.vVBJch {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.wCoQLh,
  .ADCxdh.mL41oh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.PzRHmh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.QtKuZh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.QtKuZh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1024px) {
  .ADCxdh.vVBJch {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.wCoQLh,
  .ADCxdh.mL41oh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.PzRHmh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.QtKuZh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.QtKuZh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1024px) {
  .ADCxdh.vVBJch {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.wCoQLh,
  .ADCxdh.mL41oh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.PzRHmh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.QtKuZh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.QtKuZh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1024px) {
  .ADCxdh.vVBJch {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.wCoQLh,
  .ADCxdh.mL41oh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.PzRHmh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.QtKuZh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.QtKuZh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1280px) {
  .ADCxdh.eA9gMh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.a37IAh,
  .ADCxdh._1syoxh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.FPqsgh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.tSFh8h {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.tSFh8h > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1280px) {
  .ADCxdh.eA9gMh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.a37IAh,
  .ADCxdh._1syoxh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.FPqsgh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.tSFh8h {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.tSFh8h > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1280px) {
  .ADCxdh.eA9gMh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.a37IAh,
  .ADCxdh._1syoxh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.FPqsgh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.tSFh8h {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.tSFh8h > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1280px) {
  .ADCxdh.eA9gMh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.a37IAh,
  .ADCxdh._1syoxh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.FPqsgh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.tSFh8h {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.tSFh8h > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1280px) {
  .ADCxdh.eA9gMh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.a37IAh,
  .ADCxdh._1syoxh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.FPqsgh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.tSFh8h {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.tSFh8h > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1440px) {
  .ADCxdh.BgMxjh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.cx4zKh,
  .ADCxdh._3t1sUh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.JzTqSh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.bRLjph {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.bRLjph > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1440px) {
  .ADCxdh.BgMxjh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.cx4zKh,
  .ADCxdh._3t1sUh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.JzTqSh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.bRLjph {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.bRLjph > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1440px) {
  .ADCxdh.BgMxjh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.cx4zKh,
  .ADCxdh._3t1sUh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.JzTqSh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.bRLjph {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.bRLjph > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1440px) {
  .ADCxdh.BgMxjh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.cx4zKh,
  .ADCxdh._3t1sUh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.JzTqSh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.bRLjph {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.bRLjph > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1440px) {
  .ADCxdh.BgMxjh {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.cx4zKh,
  .ADCxdh._3t1sUh {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.JzTqSh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.bRLjph {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.bRLjph > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1920px) {
  .ADCxdh.fRDb_h {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.Goahfh,
  .ADCxdh.xCOo1h {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.PtU4qh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.DNCzSh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.DNCzSh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1920px) {
  .ADCxdh.fRDb_h {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.Goahfh,
  .ADCxdh.xCOo1h {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.PtU4qh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.DNCzSh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.DNCzSh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1920px) {
  .ADCxdh.fRDb_h {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.Goahfh,
  .ADCxdh.xCOo1h {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.PtU4qh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.DNCzSh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.DNCzSh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1920px) {
  .ADCxdh.fRDb_h {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.Goahfh,
  .ADCxdh.xCOo1h {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.PtU4qh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.DNCzSh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.DNCzSh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
@media screen and (min-width: 1920px) {
  .ADCxdh.fRDb_h {
    gap: var(--spacing-50, 2px);
  }
  .ADCxdh.Goahfh,
  .ADCxdh.xCOo1h {
    gap: var(--spacing-75, 4px);
  }
  .ADCxdh.PtU4qh {
    gap: var(--spacing-100, 8px);
  }
  .ADCxdh.DNCzSh {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-row-gap: var(--spacing-100, 8px);
    grid-column-gap: var(--spacing-75, 4px);
  }
  .ADCxdh.DNCzSh > *:nth-child(2) {
    grid-row-start: 1;
    grid-column: 1/-1;
    justify-self: start;
  }
}
/*# sourceMappingURL=RatingContent.css.map */
/*!*********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-ratings/build/RatingContent/subcomponents/Stars.css ***!
  \*********************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/RatingContent/subcomponents/Stars.module.scss */
.mKSBG4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: var(--color-foreground-neutral, #0d1619);
  height: inherit;
}
@media screen and (min-width: 0) {
  .mKSBG4._-Yx5K4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 0) {
  .mKSBG4.I-8ko4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 0) {
  .mKSBG4._8oagt4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 0) {
  .mKSBG4.s_TLq4 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 0) {
  .mKSBG4.dS0TL4 {
    gap: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 512px) {
  .mKSBG4.egq3l4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 512px) {
  .mKSBG4.tyU9j4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 512px) {
  .mKSBG4.ciqaf4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 512px) {
  .mKSBG4.hQmeP4 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 512px) {
  .mKSBG4.E7ktC4 {
    gap: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 520px) {
  .mKSBG4.FyfGz4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 520px) {
  .mKSBG4.MET994 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 520px) {
  .mKSBG4.IL1Kq4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 520px) {
  .mKSBG4.JHumB4 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 520px) {
  .mKSBG4.mVCEc4 {
    gap: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 768px) {
  .mKSBG4.FiEP14 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 768px) {
  .mKSBG4.ZWUN04 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 768px) {
  .mKSBG4.QLsSi4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 768px) {
  .mKSBG4.WlL1G4 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 768px) {
  .mKSBG4._2Gk904 {
    gap: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 1024px) {
  .mKSBG4.vVB6S4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1024px) {
  .mKSBG4.wCo4j4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1024px) {
  .mKSBG4.mL4yr4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1024px) {
  .mKSBG4.PzR5g4 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 1024px) {
  .mKSBG4.QtK024 {
    gap: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 1280px) {
  .mKSBG4.eA9UQ4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1280px) {
  .mKSBG4.a37ln4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1280px) {
  .mKSBG4._1syTi4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1280px) {
  .mKSBG4.FPqy-4 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 1280px) {
  .mKSBG4.tSFeg4 {
    gap: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 1440px) {
  .mKSBG4.BgMnP4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1440px) {
  .mKSBG4.cx40u4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1440px) {
  .mKSBG4._3t1xp4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1440px) {
  .mKSBG4.JzTP-4 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 1440px) {
  .mKSBG4.bRLy94 {
    gap: var(--spacing-100, 8px);
  }
}
@media screen and (min-width: 1920px) {
  .mKSBG4.fRDdS4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1920px) {
  .mKSBG4.Goayy4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1920px) {
  .mKSBG4.xCOXg4 {
    gap: var(--spacing-50, 2px);
  }
}
@media screen and (min-width: 1920px) {
  .mKSBG4.PtU414 {
    gap: var(--spacing-75, 4px);
  }
}
@media screen and (min-width: 1920px) {
  .mKSBG4.DNCKp4 {
    gap: var(--spacing-100, 8px);
  }
}
.LFs2S4 {
  display: flex;
}
[dir=rtl] .LFs2S4 {
  transform: scaleX(-1);
}
/*# sourceMappingURL=Stars.css.map */
/*!***************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-ratings/build/RatingContent/subcomponents/RatingCount.css ***!
  \***************************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/RatingContent/subcomponents/RatingCount.module.scss */
@media screen and (min-width: 0) {
  .R_inbc._-Yx-jc {
    display: none;
  }
  .R_inbc.dS0Wuc {
    display: inline-block;
  }
}
@media screen and (min-width: 0) {
  .R_inbc.I-82Fc {
    display: none;
  }
  .R_inbc.dS0Wuc {
    display: inline-block;
  }
}
@media screen and (min-width: 0) {
  .R_inbc._8oafbc {
    display: none;
  }
  .R_inbc.dS0Wuc {
    display: inline-block;
  }
}
@media screen and (min-width: 0) {
  .R_inbc.s_TXnc {
    display: none;
  }
  .R_inbc.dS0Wuc {
    display: inline-block;
  }
}
@media screen and (min-width: 0) {
  .R_inbc.dS0Wuc {
    display: none;
  }
  .R_inbc.dS0Wuc {
    display: inline-block;
  }
}
@media screen and (min-width: 512px) {
  .R_inbc.egqu_c {
    display: none;
  }
  .R_inbc.E7kOjc {
    display: inline-block;
  }
}
@media screen and (min-width: 512px) {
  .R_inbc.tyU7kc {
    display: none;
  }
  .R_inbc.E7kOjc {
    display: inline-block;
  }
}
@media screen and (min-width: 512px) {
  .R_inbc.ciqCnc {
    display: none;
  }
  .R_inbc.E7kOjc {
    display: inline-block;
  }
}
@media screen and (min-width: 512px) {
  .R_inbc.hQmRwc {
    display: none;
  }
  .R_inbc.E7kOjc {
    display: inline-block;
  }
}
@media screen and (min-width: 512px) {
  .R_inbc.E7kOjc {
    display: none;
  }
  .R_inbc.E7kOjc {
    display: inline-block;
  }
}
@media screen and (min-width: 520px) {
  .R_inbc.Fyf72c {
    display: none;
  }
  .R_inbc.mVC9vc {
    display: inline-block;
  }
}
@media screen and (min-width: 520px) {
  .R_inbc.METURc {
    display: none;
  }
  .R_inbc.mVC9vc {
    display: inline-block;
  }
}
@media screen and (min-width: 520px) {
  .R_inbc.IL11Yc {
    display: none;
  }
  .R_inbc.mVC9vc {
    display: inline-block;
  }
}
@media screen and (min-width: 520px) {
  .R_inbc.JHuhnc {
    display: none;
  }
  .R_inbc.mVC9vc {
    display: inline-block;
  }
}
@media screen and (min-width: 520px) {
  .R_inbc.mVC9vc {
    display: none;
  }
  .R_inbc.mVC9vc {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .R_inbc.FiE3sc {
    display: none;
  }
  .R_inbc._2GkLcc {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .R_inbc.ZWUxoc {
    display: none;
  }
  .R_inbc._2GkLcc {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .R_inbc.QLsv6c {
    display: none;
  }
  .R_inbc._2GkLcc {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .R_inbc.WlL9_c {
    display: none;
  }
  .R_inbc._2GkLcc {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .R_inbc._2GkLcc {
    display: none;
  }
  .R_inbc._2GkLcc {
    display: inline-block;
  }
}
@media screen and (min-width: 1024px) {
  .R_inbc.vVB6Ic {
    display: none;
  }
  .R_inbc.QtKeHc {
    display: inline-block;
  }
}
@media screen and (min-width: 1024px) {
  .R_inbc.wCoqvc {
    display: none;
  }
  .R_inbc.QtKeHc {
    display: inline-block;
  }
}
@media screen and (min-width: 1024px) {
  .R_inbc.mL4WSc {
    display: none;
  }
  .R_inbc.QtKeHc {
    display: inline-block;
  }
}
@media screen and (min-width: 1024px) {
  .R_inbc.PzR6Tc {
    display: none;
  }
  .R_inbc.QtKeHc {
    display: inline-block;
  }
}
@media screen and (min-width: 1024px) {
  .R_inbc.QtKeHc {
    display: none;
  }
  .R_inbc.QtKeHc {
    display: inline-block;
  }
}
@media screen and (min-width: 1280px) {
  .R_inbc.eA9Zlc {
    display: none;
  }
  .R_inbc.tSFDdc {
    display: inline-block;
  }
}
@media screen and (min-width: 1280px) {
  .R_inbc.a37xfc {
    display: none;
  }
  .R_inbc.tSFDdc {
    display: inline-block;
  }
}
@media screen and (min-width: 1280px) {
  .R_inbc._1sy9bc {
    display: none;
  }
  .R_inbc.tSFDdc {
    display: inline-block;
  }
}
@media screen and (min-width: 1280px) {
  .R_inbc.FPq7jc {
    display: none;
  }
  .R_inbc.tSFDdc {
    display: inline-block;
  }
}
@media screen and (min-width: 1280px) {
  .R_inbc.tSFDdc {
    display: none;
  }
  .R_inbc.tSFDdc {
    display: inline-block;
  }
}
@media screen and (min-width: 1440px) {
  .R_inbc.BgMa6c {
    display: none;
  }
  .R_inbc.bRL8Bc {
    display: inline-block;
  }
}
@media screen and (min-width: 1440px) {
  .R_inbc.cx4SIc {
    display: none;
  }
  .R_inbc.bRL8Bc {
    display: inline-block;
  }
}
@media screen and (min-width: 1440px) {
  .R_inbc._3t1Y0c {
    display: none;
  }
  .R_inbc.bRL8Bc {
    display: inline-block;
  }
}
@media screen and (min-width: 1440px) {
  .R_inbc.JzTidc {
    display: none;
  }
  .R_inbc.bRL8Bc {
    display: inline-block;
  }
}
@media screen and (min-width: 1440px) {
  .R_inbc.bRL8Bc {
    display: none;
  }
  .R_inbc.bRL8Bc {
    display: inline-block;
  }
}
@media screen and (min-width: 1920px) {
  .R_inbc.fRDOCc {
    display: none;
  }
  .R_inbc.DNCZLc {
    display: inline-block;
  }
}
@media screen and (min-width: 1920px) {
  .R_inbc.Goa5Fc {
    display: none;
  }
  .R_inbc.DNCZLc {
    display: inline-block;
  }
}
@media screen and (min-width: 1920px) {
  .R_inbc.xCOEdc {
    display: none;
  }
  .R_inbc.DNCZLc {
    display: inline-block;
  }
}
@media screen and (min-width: 1920px) {
  .R_inbc.PtUFBc {
    display: none;
  }
  .R_inbc.DNCZLc {
    display: inline-block;
  }
}
@media screen and (min-width: 1920px) {
  .R_inbc.DNCZLc {
    display: none;
  }
  .R_inbc.DNCZLc {
    display: inline-block;
  }
}
@media screen and (min-width: 0) {
  .MRYY7c._-Yx-jc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.dS0Wuc {
    margin-left: 0;
  }
}
@media screen and (min-width: 0) {
  .MRYY7c.I-82Fc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.dS0Wuc {
    margin-left: 0;
  }
}
@media screen and (min-width: 0) {
  .MRYY7c._8oafbc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.dS0Wuc {
    margin-left: 0;
  }
}
@media screen and (min-width: 0) {
  .MRYY7c.s_TXnc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.dS0Wuc {
    margin-left: 0;
  }
}
@media screen and (min-width: 0) {
  .MRYY7c.dS0Wuc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.dS0Wuc {
    margin-left: 0;
  }
}
@media screen and (min-width: 512px) {
  .MRYY7c.egqu_c {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.E7kOjc {
    margin-left: 0;
  }
}
@media screen and (min-width: 512px) {
  .MRYY7c.tyU7kc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.E7kOjc {
    margin-left: 0;
  }
}
@media screen and (min-width: 512px) {
  .MRYY7c.ciqCnc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.E7kOjc {
    margin-left: 0;
  }
}
@media screen and (min-width: 512px) {
  .MRYY7c.hQmRwc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.E7kOjc {
    margin-left: 0;
  }
}
@media screen and (min-width: 512px) {
  .MRYY7c.E7kOjc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.E7kOjc {
    margin-left: 0;
  }
}
@media screen and (min-width: 520px) {
  .MRYY7c.Fyf72c {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.mVC9vc {
    margin-left: 0;
  }
}
@media screen and (min-width: 520px) {
  .MRYY7c.METURc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.mVC9vc {
    margin-left: 0;
  }
}
@media screen and (min-width: 520px) {
  .MRYY7c.IL11Yc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.mVC9vc {
    margin-left: 0;
  }
}
@media screen and (min-width: 520px) {
  .MRYY7c.JHuhnc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.mVC9vc {
    margin-left: 0;
  }
}
@media screen and (min-width: 520px) {
  .MRYY7c.mVC9vc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.mVC9vc {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .MRYY7c.FiE3sc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c._2GkLcc {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .MRYY7c.ZWUxoc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c._2GkLcc {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .MRYY7c.QLsv6c {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c._2GkLcc {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .MRYY7c.WlL9_c {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c._2GkLcc {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .MRYY7c._2GkLcc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c._2GkLcc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .MRYY7c.vVB6Ic {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.QtKeHc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .MRYY7c.wCoqvc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.QtKeHc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .MRYY7c.mL4WSc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.QtKeHc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .MRYY7c.PzR6Tc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.QtKeHc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .MRYY7c.QtKeHc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.QtKeHc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1280px) {
  .MRYY7c.eA9Zlc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.tSFDdc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1280px) {
  .MRYY7c.a37xfc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.tSFDdc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1280px) {
  .MRYY7c._1sy9bc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.tSFDdc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1280px) {
  .MRYY7c.FPq7jc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.tSFDdc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1280px) {
  .MRYY7c.tSFDdc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.tSFDdc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1440px) {
  .MRYY7c.BgMa6c {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.bRL8Bc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1440px) {
  .MRYY7c.cx4SIc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.bRL8Bc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1440px) {
  .MRYY7c._3t1Y0c {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.bRL8Bc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1440px) {
  .MRYY7c.JzTidc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.bRL8Bc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1440px) {
  .MRYY7c.bRL8Bc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.bRL8Bc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1920px) {
  .MRYY7c.fRDOCc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.DNCZLc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1920px) {
  .MRYY7c.Goa5Fc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.DNCZLc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1920px) {
  .MRYY7c.xCOEdc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.DNCZLc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1920px) {
  .MRYY7c.PtUFBc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.DNCZLc {
    margin-left: 0;
  }
}
@media screen and (min-width: 1920px) {
  .MRYY7c.DNCZLc {
    margin-left: var(--spacing-75, 4px);
  }
  .MRYY7c.DNCZLc {
    margin-left: 0;
  }
}
.tMlkcc {
  background: transparent !important;
  text-align: left;
}
/*# sourceMappingURL=RatingCount.css.map */
/*!**************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-link-button/build/LinkButton.css ***!
  \**************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/LinkButton.module.scss */
.wBxm62 {
  display: inline-flex;
  align-items: center;
  box-sizing: content-box;
  background: unset;
}
@media screen and (min-width: 0) {
  .wBxm62.Fo8wn2 {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 0) {
  .wBxm62.zcXxm2 {
    flex-direction: row;
  }
}
@media screen and (min-width: 512px) {
  .wBxm62.MGBnP2 {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 512px) {
  .wBxm62.fuWUh2 {
    flex-direction: row;
  }
}
@media screen and (min-width: 520px) {
  .wBxm62.QhDNM2 {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 520px) {
  .wBxm62._4brrk2 {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .wBxm62.kmGnB2 {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  .wBxm62.AzuFR2 {
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  .wBxm62._38MjZ2 {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1024px) {
  .wBxm62.g3PqQ2 {
    flex-direction: row;
  }
}
@media screen and (min-width: 1280px) {
  .wBxm62.zQYHS2 {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1280px) {
  .wBxm62.kjO9j2 {
    flex-direction: row;
  }
}
@media screen and (min-width: 1440px) {
  .wBxm62.tLgeO2 {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1440px) {
  .wBxm62.EhEzz2 {
    flex-direction: row;
  }
}
@media screen and (min-width: 1920px) {
  .wBxm62.jfKQw2 {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1920px) {
  .wBxm62._2lIIl2 {
    flex-direction: row;
  }
}
@media screen and (min-width: 0) {
  .wBxm62.I-8ND2 {
    height: var(--link-button-size-m-container-composition-height, 24px);
    padding: var(--link-button-size-m-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-m-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-m-container-composition-item-spacing, 8px);
  }
}
@media screen and (min-width: 0) {
  .wBxm62._-YxOZ2 {
    height: var(--link-button-size-s-container-composition-height, 20px);
    padding: var(--link-button-size-s-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-s-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-s-container-composition-item-spacing, 4px);
  }
}
@media screen and (min-width: 512px) {
  .wBxm62.tyURr2 {
    height: var(--link-button-size-m-container-composition-height, 24px);
    padding: var(--link-button-size-m-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-m-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-m-container-composition-item-spacing, 8px);
  }
}
@media screen and (min-width: 512px) {
  .wBxm62.egq_B2 {
    height: var(--link-button-size-s-container-composition-height, 20px);
    padding: var(--link-button-size-s-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-s-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-s-container-composition-item-spacing, 4px);
  }
}
@media screen and (min-width: 520px) {
  .wBxm62.METXh2 {
    height: var(--link-button-size-m-container-composition-height, 24px);
    padding: var(--link-button-size-m-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-m-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-m-container-composition-item-spacing, 8px);
  }
}
@media screen and (min-width: 520px) {
  .wBxm62.FyfL42 {
    height: var(--link-button-size-s-container-composition-height, 20px);
    padding: var(--link-button-size-s-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-s-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-s-container-composition-item-spacing, 4px);
  }
}
@media screen and (min-width: 768px) {
  .wBxm62.ZWU2a2 {
    height: var(--link-button-size-m-container-composition-height, 24px);
    padding: var(--link-button-size-m-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-m-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-m-container-composition-item-spacing, 8px);
  }
}
@media screen and (min-width: 768px) {
  .wBxm62.FiE_42 {
    height: var(--link-button-size-s-container-composition-height, 20px);
    padding: var(--link-button-size-s-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-s-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-s-container-composition-item-spacing, 4px);
  }
}
@media screen and (min-width: 1024px) {
  .wBxm62.wCoit2 {
    height: var(--link-button-size-m-container-composition-height, 24px);
    padding: var(--link-button-size-m-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-m-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-m-container-composition-item-spacing, 8px);
  }
}
@media screen and (min-width: 1024px) {
  .wBxm62.vVBeH2 {
    height: var(--link-button-size-s-container-composition-height, 20px);
    padding: var(--link-button-size-s-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-s-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-s-container-composition-item-spacing, 4px);
  }
}
@media screen and (min-width: 1280px) {
  .wBxm62.a37IL2 {
    height: var(--link-button-size-m-container-composition-height, 24px);
    padding: var(--link-button-size-m-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-m-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-m-container-composition-item-spacing, 8px);
  }
}
@media screen and (min-width: 1280px) {
  .wBxm62.eA9ZK2 {
    height: var(--link-button-size-s-container-composition-height, 20px);
    padding: var(--link-button-size-s-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-s-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-s-container-composition-item-spacing, 4px);
  }
}
@media screen and (min-width: 1440px) {
  .wBxm62.cx4Do2 {
    height: var(--link-button-size-m-container-composition-height, 24px);
    padding: var(--link-button-size-m-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-m-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-m-container-composition-item-spacing, 8px);
  }
}
@media screen and (min-width: 1440px) {
  .wBxm62.BgMIA2 {
    height: var(--link-button-size-s-container-composition-height, 20px);
    padding: var(--link-button-size-s-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-s-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-s-container-composition-item-spacing, 4px);
  }
}
@media screen and (min-width: 1920px) {
  .wBxm62.Goad02 {
    height: var(--link-button-size-m-container-composition-height, 24px);
    padding: var(--link-button-size-m-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-m-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-m-container-composition-item-spacing, 8px);
  }
}
@media screen and (min-width: 1920px) {
  .wBxm62.fRDB42 {
    height: var(--link-button-size-s-container-composition-height, 20px);
    padding: var(--link-button-size-s-container-composition-vertical-padding, 8px) 0;
    margin: calc(var(--link-button-size-s-container-composition-vertical-padding, 8px) * -1) 0;
    gap: var(--link-button-size-s-container-composition-item-spacing, 4px);
  }
}
.wBxm62.igyCo2 {
  color: var(--link-button-variant-primary-state-enabled-content-color, #6950f3);
}
@media (hover: hover) and (pointer: fine) {
  .wBxm62.igyCo2:hover {
    color: var(--link-button-variant-primary-state-hover-content-color, #5c4ace);
  }
}
.wBxm62.igyCo2:active {
  color: var(--link-button-variant-primary-state-active-content-color, #403591);
}
.wBxm62.igyCo2.iX-Hj2 {
  cursor: default;
  pointer-events: none;
  color: var(--link-button-variant-primary-state-disabled-content-color, #acacac);
}
/*# sourceMappingURL=LinkButton.css.map */
/*!**************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RatioBox/RatioBox.scss.css ***!
  \**************************************************************************************************************************/
._06c6a1109 {
  position: relative;
  transform: translate3d(0, 0, 0);
}
._06c6a1109 .ed700c109 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
._06c6a1109 .ed700c109 > * {
  width: 100%;
  height: 100%;
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ImageOverlay/ImageOverlay.scss.css ***!
  \**********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/**
 *  Generated file, do not edit directly
 *  Use these ONLY in the design system and to create themes.
 */
/**
 *  Generated file, do not edit directly
 *  Use these in the application context. DO NOT use the tokens.scss in any feature packages or applications.
 */
._06c6dcb99 {
  cursor: grab;
  transform: translateY(-100%);
  background: transparent;
  border-radius: 8px;
  transition: opacity, background-color 0.175s ease-out;
  user-select: none;
}
._06c6dcb99._9f6ebab99 * {
  opacity: 1;
}
._06c6dcb99:active {
  cursor: grabbing;
}
._06c6dcb99 > * {
  height: 100%;
}
._06c6dcb99 * {
  opacity: 0;
  transition: opacity, background-color 0.175s ease-out;
}
._06c6dcb99.efd405b99 {
  background: #e7e8e9;
  pointer-events: all;
}
._06c6dcb99.efd405b99 * {
  opacity: 1;
}
._06c6dcb99._9407a5b99 {
  background: rgba(64, 71, 83, 0.6);
  cursor: grabbing;
}
._06c6dcb99 ._1f5b2fb99 {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  ._06c6dcb99:hover:not(.efd405b99):not(._1f5b2fb99) {
    background: rgba(64, 71, 83, 0.6);
  }
  ._06c6dcb99:hover:not(.efd405b99):not(._1f5b2fb99) * {
    opacity: 1;
  }
}
/*!************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/LoadingProgressBackground/LoadingProgressBackground.scss.css ***!
  \************************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6daabd {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  border-radius: 8px;
  background-size: 200%;
  background-image: linear-gradient(90deg, #d5d7da calc(50%), #e7e8e9 calc(50%), #e7e8e9 100%);
  transition: background-position 0.3s linear;
  align-items: center;
  justify-content: center;
}
/*!********************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/ActionConfirmationPlaceholder/ActionConfirmationPlaceholder.scss.css ***!
  \********************************************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._06c615a72 ._6f5a3da72 {
  text-align: center;
}
._06c615a72 .ec23baa72 {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  ._06c615a72 ._6f5a3da72 {
    max-width: 448px;
  }
  ._06c615a72 .ed709ca72 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SplitViewUnequal/SplitViewContentLeft.scss.css ***!
  \**********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c605a1b {
  display: flex;
  flex-direction: column;
  background: #fff;
  z-index: 0;
  overflow-y: auto;
}
._06c605a1b._195b22a1b {
  width: 560px;
}
._06c605a1b._50cd1ca1b {
  width: 544px;
}
._06c605a1b._7e9d1fa1b {
  width: 500px;
}
._06c605a1b.e6e3bea1b {
  width: 400px;
}
._06c605a1b.b9809da1b {
  width: 360px;
}
._06c605a1b.f33d95a1b {
  width: 160px;
}
._06c605a1b.f44ba8a1b {
  width: 100px;
}
._06c605a1b.e6d7eaa1b {
  width: 30%;
}
._06c605a1b._577436a1b {
  max-height: calc(100vh - 84px);
}
._06c605a1b._179b0ca1b {
  border-right: 1px solid #d5d7da;
}
._06c605a1b._27aeaaa1b {
  border-left: 1px solid #d5d7da;
}
/*!*****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SplitViewUnequal/contents/FormSection.css ***!
  \*****************************************************************************************************************************************/
/* stylelint-disable-line block-no-empty */
._06c6f2d90 {
  padding: 0 16px;
}
@media (min-width: 992px) {
  ._06c6f2d90 {
    padding: 0 32px;
  }
  ._06c6f2d90:first-child {
    padding-top: 24px;
  }
}
._06c6f2d90:last-child {
  padding-bottom: 24px;
}
/*!*********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DeprecatedCard/CardSpine.scss.css ***!
  \*********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c6fad6e {
  position: absolute;
  overflow: hidden;
  top: -37px;
  padding: 8px 16px 24px;
  border-radius: 0 8px 0 0;
  max-width: 90%;
  height: 53px;
  font-size: 15px;
  line-height: 21px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: -1;
}
@media (min-width: 769px) {
  ._06c6fad6e {
    padding: 8px 24px 24px;
    border-radius: 8px 8px 0 0;
    max-width: 60%;
  }
}
._06c6fad6e.e3bec9d6e {
  color: #fff;
  background-color: #f19101;
}
._06c6fad6e._5d1951d6e {
  color: #fff;
  background-color: #6950f3;
}
/*!*************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DropdownMenu/DropdownInfoBox.scss.css ***!
  \*************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c69b42e {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f7;
  padding: 12px 16px;
  margin: 20px 20px 0;
}
._06c69b42e ._176c4a42e {
  margin-bottom: 4px;
}
._06c69b42e .aaf23042e {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/*!***************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/DeprecatedCard/DeprecatedCardSectionHeader.scss.css ***!
  \***************************************************************************************************************************************************/
._06c6161e2._06c6161e2 {
  margin: 0;
  padding: 0 0 24px 0;
}
._06c6161e2._06c6161e2 ._176c531e2 {
  margin-top: 2px;
}
/*!******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/WizardNavigation/WizardNavigation.scss.css ***!
  \******************************************************************************************************************************************/
._06c6b4348 {
  display: flex;
}
._06c6b4348 ._864e86348 {
  position: sticky;
  top: 40%;
  margin: 0 24px;
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/HorizontalNavigationTabs/HorizontalNavigationTabs.scss.css ***!
  \**********************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
/* stylelint-disable-line block-no-empty */
._06c656559 {
  --active-item-bottom-line-height: 3px;
  --bottom-padding-for-scroll: 16px;
  display: flex;
  width: 100%;
  overflow-x: auto;
}
._06c656559._2f636c559 {
  padding: 0 0 24px 0;
}

.e512c4559 {
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
  text-decoration: none;
  position: relative;
  flex-shrink: 0;
  margin-right: 32px;
  padding: 0 0 calc(8px + var(--active-item-bottom-line-height));
  color: #878c93;
}
.e512c4559:last-of-type {
  margin-right: 0;
}
.e512c4559._869707559 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 9px 16px 10px;
  box-sizing: border-box;
  border-radius: 24px;
  margin-right: 8px;
  font-weight: 400;
  color: #878c93;
}

._5bb430559 {
  color: #101928;
  pointer-events: none;
}
._5bb430559._869707559 {
  background: #101928;
  color: #fff;
}
._5bb430559._869707559::after {
  display: none;
}
._5bb430559::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: var(--active-item-bottom-line-height);
  background-color: #101928;
  border-radius: 3px;
  content: "";
}
/*!******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Pagination/Pagination.scss.css ***!
  \******************************************************************************************************************************/
._06c666949 .c96c68949 {
  max-width: 73px;
}
._06c666949 .c96c68949 input {
  text-align: center;
}
._06c666949 ._1e215b949 {
  visibility: visible;
  transition: opacity 200ms linear, visibility 200ms linear;
}
._06c666949 ._1e215b949.e5642d949 {
  visibility: hidden;
  opacity: 0;
}
/*!**************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/HorizontalScrollFade/HorizontalScrollFade.scss.css ***!
  \**************************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6e3030 {
  position: relative;
  z-index: 1;
}
._06c6e3030._009949030::before, ._06c6e3030._009949030::after {
  position: absolute;
  content: "";
  width: 48px;
  height: calc(100% - 17px);
  top: 0;
  z-index: 2;
}
._06c6e3030.b891a3030::before {
  left: 0;
}
._06c6e3030.b891a3030._1b7c68030::before {
  background: linear-gradient(to left, rgba(255, 255, 255, 0.001) 0%, #f8f8fb 100%);
}
._06c6e3030._325742030::after {
  right: 0;
}
._06c6e3030._325742030._1b7c68030::after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.001) 0%, #f8f8fb 100%);
}
/*!*******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/FailedState/FailedStep.scss.css ***!
  \*******************************************************************************************************************************/
._06c6b2dfa.a4cf0edfa {
  margin-top: 48px;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-modal/build/FullScreen/FullScreen.css ***!
  \*******************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/FullScreen/FullScreen.module.scss */
.LyHPRO {
  outline: none;
  background: var(--modal-fullscreen-variant-default-container-background-color, #ffffff);
  box-shadow: var(--modal-fullscreen-variant-default-container-box-shadow, 0 4px 8px 0 rgba(13, 22, 25, 0.0196078431), 0 12px 20px 0 rgba(13, 22, 25, 0.0588235294));
  opacity: 0;
  transition: transform var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1)), opacity var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
  transform: translateY(calc(-1 * -120px));
  width: 100%;
  height: 100%;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}
@media (prefers-reduced-motion) {
  .LyHPRO {
    transform: none;
    transition: opacity var(--motion-duration-quick, 180ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
  }
}
.LyHPRO.JjHYwO {
  transition-delay: 0ms;
  opacity: 1;
  transform: translateY(0);
}
.qiZ-7O {
  display: block;
  max-height: 100%;
  background-color: var(--modal-fullscreen-variant-default-body-container-background-color, #ffffff);
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
/*# sourceMappingURL=FullScreen.css.map */
/*!*****************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-modal/build/FullScreen/subcomponents/Header.css ***!
  \*****************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/FullScreen/subcomponents/Header.module.scss */
.TMb3Ft.TuPs3t {
  background-color: var(--modal-fullscreen-variant-default-header-container-background-color, #ffffff);
}
/*# sourceMappingURL=Header.css.map */
/*!***************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-modal/build/FullScreen/subcomponents/Body.css ***!
  \***************************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/FullScreen/subcomponents/Body.module.scss */
.edrRHQ {
  background-color: var(--modal-fullscreen-variant-default-body-container-background-color, #ffffff);
}
/*# sourceMappingURL=Body.css.map */
/*!*******************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-page-title/build/PageTitle.styles.css ***!
  \*******************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/PageTitle.module.scss */
.dYmjYX {
  display: flex;
  flex-direction: column;
  gap: var(--page-title-size-default-layout-composition-item-spacing, 12px);
  margin-bottom: var(--page-title-size-default-layout-composition-padding-bottom, 32px);
  padding: 0 var(--page-title-size-default-layout-composition-horizontal-padding, 20px);
}
@media (min-width: 768px) {
  .dYmjYX {
    padding: 0 var(--page-title-size-tablet-layout-composition-horizontal-padding, 32px);
  }
  .dYmjYX.tSTLPX {
    padding: 0 var(--page-title-size-tablet-flush-layout-composition-horizontal-padding, 0px);
  }
}
@media (min-width: 1024px) {
  .dYmjYX {
    padding: 0 var(--page-title-size-laptop-layout-composition-horizontal-padding, 0px);
  }
}
@media (min-width: 1440px) {
  .dYmjYX {
    padding: 0 var(--page-title-size-desktop-layout-composition-horizontal-padding, 0px);
  }
}
@media (min-width: 768px) {
  .dYmjYX.OZA0_X {
    padding-top: calc(var(--page-title-size-default-subtitle-composition-height, 24px) + var(--page-title-size-default-layout-composition-item-spacing, 12px));
  }
}
.Xp8vFX {
  display: flex;
  align-items: center;
  min-height: var(--page-title-size-default-subtitle-composition-height, 24px);
}
/*# sourceMappingURL=PageTitle.styles.css.map */
/*!****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/@surgeventures/design-system-progress-bar/build/ProgressBar.css ***!
  \****************************************************************************************************************************************/
/* esbuild-sass-plugin:css-chunk:src/ProgressBar.module.scss */
.FhyQ24 {
  width: 100%;
  overflow: hidden;
}
.FhyQ24.OGOOI4 {
  height: var(--progress-bar-size-default-container-composition-height, 4px);
  border-radius: var(--progress-bar-size-default-container-composition-border-radius, 999px);
}
.FhyQ24._Sbsx4 {
  background-color: var(--progress-bar-variant-neutral-container-background-color, #f2f2f2);
}
._6ojrZ4 {
  width: 100%;
  transform: translateX(calc(-100% + var(--progress-transform)));
  transition: transform var(--motion-duration-quickest, 120ms) var(--motion-easing-ease-in-out, cubic-bezier(0.42, 0, 0.58, 1));
}
._6ojrZ4.OGOOI4 {
  height: var(--progress-bar-size-default-bar-composition-height, 4px);
  border-radius: var(--progress-bar-size-default-bar-composition-border-radius, 999px);
}
._6ojrZ4._Sbsx4 {
  background-color: var(--progress-bar-variant-neutral-bar-background-color, #0d1619);
}
[dir=rtl] ._6ojrZ4 {
  transform: translateX(calc(100% - var(--progress-transform)));
}
.f078q4 {
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  opacity: 0.01;
  overflow: hidden;
}
/*# sourceMappingURL=ProgressBar.css.map */
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Navigation/NavigationTabs.scss.css ***!
  \**********************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c65b07f {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  width: 208px;
  height: 100%;
  background-color: #fff;
  position: relative;
  border-right: solid 1px #d5d7da;
  opacity: 1;
  overflow-x: hidden;
}
._06c65b07f.c3eee107f {
  width: 20px;
  opacity: 0;
}

.a622d207f {
  padding: 16px 8px 8px 8px;
  width: 208px;
  height: 100%;
}

._3b6f6307f {
  width: 208px;
  padding: 16px 8px 8px 8px;
}

._3b6f6307f:first-of-type {
  padding: 16px 8px 8px 8px;
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Navigation/NavigationTabsToggleIcon.scss.css ***!
  \********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6ef295 {
  display: flex;
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 50%;
  position: absolute;
  top: 36px;
  left: 207px;
  transform: translate(-50%, -50%);
  padding: 5px;
  box-shadow: 0 8px 16px 0 rgba(16, 25, 40, 0.08);
  z-index: 998;
}
._06c6ef295.c3ee14295 {
  left: 20px;
}
._06c6ef295.b7e36f295 {
  box-shadow: none;
}
/*!*************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SplitViewUnequal/SplitViewUnequal.css ***!
  \*************************************************************************************************************************************/
._06c663a7b {
  display: flex;
  flex-direction: row;
  align-self: stretch;
  flex-grow: 1;
  overflow: hidden;
}
/*!************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Navigation/NavigationTabsWrapper.css ***!
  \************************************************************************************************************************************/
._06c695bd4 {
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  width: 100%;
  height: 100%;
  position: relative;
}
/*!***********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/SplitViewUnequal/SplitViewContentRight.scss.css ***!
  \***********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6f4d73 {
  display: flex;
  flex-direction: column;
  flex: 1;
  background: #f2f2f7;
  overflow-y: auto;
}
._06c6f4d73._5774d7d73 {
  max-height: calc(100vh - 84px);
}
._06c6f4d73._2db7ddd73 {
  background-color: #fff;
}
._06c6f4d73._4d4edfd73 {
  background-color: #f2f2f7;
}
._06c6f4d73._1b7c4bd73 {
  background-color: #f8f8fb;
}
/*!*********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Tile/Wrapper.scss.css ***!
  \*********************************************************************************************************************/
._06c6e3118 {
  display: grid;
  grid-gap: 16px;
}
._06c6e3118._4b94fa118 {
  min-width: 528px;
}
._06c6e3118.a45fab118 {
  grid-template-columns: repeat(auto-fill, 120px);
}
._06c6e3118._957ebc118 {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}
/*!******************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/RadioGroup/RadioGroup.scss.css ***!
  \******************************************************************************************************************************/
._06c63aa73._4c05bca73 ._8ac10aa73 {
  display: block;
}
._06c63aa73.dd911da73 ._8ac10aa73 {
  display: flex;
  flex-direction: row;
}
/*!************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/StatisticCard/StatisticCard.scss.css ***!
  \************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
.cd197ff71 {
  box-shadow: 0 4px 8px 0 rgba(16, 25, 40, 0.1);
}

._29268bf71 {
  border: 1px solid #e7e8e9;
}

.b7dd0ff71 {
  border: 1px solid #d5d7da;
}

._06c652f71 {
  padding: 24px;
  border-radius: 8px;
  background-color: white;
}
._06c652f71 .aaf279f71 {
  display: flex;
  justify-content: space-between;
  line-height: 32px;
}
._06c652f71 ._897539f71 {
  margin-top: 16px;
  margin-bottom: 4px;
}
._06c652f71 ._10914bf71 {
  margin-top: 16px;
  margin-bottom: 4px;
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Table/TableWithStickyColumnsWrapper.scss.css ***!
  \********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c60c697 {
  border-radius: 8px;
  border: 1px solid #e7e8e9;
  margin-bottom: 56px;
}
._06c60c697._5c927a697 {
  border: none;
}
._06c60c697 .e44292697 {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  position: relative;
  border-radius: 8px;
}
._06c60c697 .e44292697::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}
._06c60c697 ._002c9b697 {
  position: sticky;
  width: 1px;
  z-index: 3;
}
._06c60c697 ._002c9b697 ._659f36697 {
  position: absolute;
  width: inherit;
  height: 1000vh;
  background: #e7e8e9;
}
._06c60c697 .ebfff4697 {
  position: sticky;
  top: 7px;
  z-index: 3;
  width: 1px;
}
._06c60c697 .ebfff4697 button {
  position: absolute;
}
._06c60c697 .a17f5e697 {
  position: sticky;
  top: 7px;
  left: calc(100% - 30px);
  z-index: 3;
  width: 1px;
}
._06c60c697 .a17f5e697 button {
  position: absolute;
}
/*!***********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Table/TableFiltersHeader/SearchContent.scss.css ***!
  \***********************************************************************************************************************************************/
._06c6c892c._151cc292c {
  max-width: 300px;
}
._06c6c892c.e1afb592c {
  max-width: 400px;
}
._06c6c892c.e5a61892c {
  max-width: initial;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Table/TableFiltersHeader/SortDropdown.scss.css ***!
  \**********************************************************************************************************************************************/
._06c6c4c68 ._09800ec68 {
  position: relative;
}
._06c6c4c68 ._92ecc9c68 svg {
  position: relative;
  top: 2px;
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Navigation/NavigationMobileBackIcon.scss.css ***!
  \********************************************************************************************************************************************/
._06c6eac60 {
  padding: 8px;
}
/*!*****************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Table/TableFiltersHeader/SelectedFilterPills.scss.css ***!
  \*****************************************************************************************************************************************************/
._06c63eeeb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
._06c63eeeb .cd8158eeb {
  margin-right: 12px;
  margin-top: 10px;
}
._06c63eeeb ._7ac9fceeb {
  margin-top: 10px;
}
/*!**********************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Navigation/NavigationMobileBox.css ***!
  \**********************************************************************************************************************************/
._06c6725fc {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Sidebar/SidebarHeader/SidebarHeader.scss.css ***!
  \********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c6fdced {
  position: relative;
  padding: 16px;
}
._06c6fdced:not(._2de329ced)::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #d5d7da;
}
._06c6fdced .a42d6eced {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
}
._06c6fdced ._1e0571ced {
  text-align: center;
  flex-grow: 1;
  margin: 0;
  color: #101928;
}
._06c6fdced._964ab4ced {
  position: sticky;
  top: 0;
  z-index: 2000;
  background-color: #fff;
}

._06c6fdced._2de329ced {
  padding: 21px 16px 8px;
}
._06c6fdced._2de329ced ._1e0571ced {
  font-size: 22px;
  font-weight: 600;
  text-align: left;
}
/*!*****************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Sidebar/SidebarContent/SidebarContent.css ***!
  \*****************************************************************************************************************************************/
._06c655641 {
  padding: 16px;
  overflow-y: auto;
}
._06c655641._5f7bfb641 {
  padding: 0;
}
._06c655641._222f8c641 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
/*!********************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../libs/design-system/build/components/Sidebar/SidebarFooter/SidebarFooter.scss.css ***!
  \********************************************************************************************************************************************/
/* stylelint-disable-next-line */
/* Next DS colors - temporary until we migrate to nextDS. */
._06c62600e {
  border-top: 1px solid #d5d7da;
}
._06c62600e._964a3600e {
  position: sticky;
  bottom: 0;
  z-index: 2000;
  background-color: #fff;
}