.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }
  .container {
    max-width: 1536px;
  }
}
.text-display1 {
  font-family: var(--text-display1-family);
  font-size: var(--text-display1-size);
  font-weight: var(--text-display1-weight);
  letter-spacing: var(--text-display1-letter-spacing);
  line-height: var(--text-display1-leading);
  text-transform: var(--text-display1-text-transform);
  --text-display1-leading: var(--text-display1-line-height);
}
.text-display2 {
  font-family: var(--text-display2-family);
  font-size: var(--text-display2-size);
  font-weight: var(--text-display2-weight);
  letter-spacing: var(--text-display2-letter-spacing);
  line-height: var(--text-display2-leading);
  text-transform: var(--text-display2-text-transform);
  --text-display2-leading: var(--text-display2-line-height);
}
.text-headline1 {
  font-family: var(--text-headline1-family);
  font-size: var(--text-headline1-size);
  font-weight: var(--text-headline1-weight);
  letter-spacing: var(--text-headline1-letter-spacing);
  line-height: var(--text-headline1-leading);
  text-transform: var(--text-headline1-text-transform);
  --text-headline1-leading: var(--text-headline1-line-height);
}
.text-headline2 {
  font-family: var(--text-headline2-family);
  font-size: var(--text-headline2-size);
  font-weight: var(--text-headline2-weight);
  letter-spacing: var(--text-headline2-letter-spacing);
  line-height: var(--text-headline2-leading);
  text-transform: var(--text-headline2-text-transform);
  --text-headline2-leading: var(--text-headline2-line-height);
}
.text-headline3 {
  font-family: var(--text-headline3-family);
  font-size: var(--text-headline3-size);
  font-weight: var(--text-headline3-weight);
  letter-spacing: var(--text-headline3-letter-spacing);
  line-height: var(--text-headline3-leading);
  text-transform: var(--text-headline3-text-transform);
  --text-headline3-leading: var(--text-headline3-line-height);
}
.text-body0 {
  font-family: var(--text-body0-family);
  font-size: var(--text-body0-size);
  font-weight: var(--text-body0-weight);
  letter-spacing: var(--text-body0-letter-spacing);
  line-height: var(--text-body0-leading);
  text-transform: var(--text-body0-text-transform);
  --text-body0-leading: var(--text-body0-line-height);
}
.text-body1 {
  font-family: var(--text-body1-family);
  font-size: var(--text-body1-size);
  font-weight: var(--text-body1-weight);
  letter-spacing: var(--text-body1-letter-spacing);
  line-height: var(--text-body1-leading);
  text-transform: var(--text-body1-text-transform);
  --text-body1-leading: var(--text-body1-line-height);
}
.text-body2 {
  font-family: var(--text-body2-family);
  font-size: var(--text-body2-size);
  font-weight: var(--text-body2-weight);
  letter-spacing: var(--text-body2-letter-spacing);
  line-height: var(--text-body2-leading);
  text-transform: var(--text-body2-text-transform);
  --text-body2-leading: var(--text-body2-line-height);
}
.text-callout1 {
  font-family: var(--text-callout1-family);
  font-size: var(--text-callout1-size);
  font-weight: var(--text-callout1-weight);
  letter-spacing: var(--text-callout1-letter-spacing);
  line-height: var(--text-callout1-leading);
  text-transform: var(--text-callout1-text-transform);
  --text-callout1-leading: var(--text-callout1-line-height);
}
.text-callout2 {
  font-family: var(--text-callout2-family);
  font-size: var(--text-callout2-size);
  font-weight: var(--text-callout2-weight);
  letter-spacing: var(--text-callout2-letter-spacing);
  line-height: var(--text-callout2-leading);
  text-transform: var(--text-callout2-text-transform);
  --text-callout2-leading: var(--text-callout2-line-height);
}
.text-body3 {
  font-family: var(--text-body3-family);
  font-size: var(--text-body3-size);
  font-weight: var(--text-body3-weight);
  letter-spacing: var(--text-body3-letter-spacing);
  line-height: var(--text-body3-leading);
  text-transform: var(--text-body3-text-transform);
  --text-body3-leading: var(--text-body3-line-height);
}
.text-body4 {
  font-family: var(--text-body4-family);
  font-size: var(--text-body4-size);
  font-weight: var(--text-body4-weight);
  letter-spacing: var(--text-body4-letter-spacing);
  line-height: var(--text-body4-leading);
  text-transform: var(--text-body4-text-transform);
  --text-body4-leading: var(--text-body4-line-height);
}
.text-button1 {
  font-family: var(--text-button1-family);
  font-size: var(--text-button1-size);
  font-weight: var(--text-button1-weight);
  letter-spacing: var(--text-button1-letter-spacing);
  line-height: var(--text-button1-leading);
  text-transform: var(--text-button1-text-transform);
  --text-button1-leading: var(--text-button1-line-height);
}
.text-button2 {
  font-family: var(--text-button2-family);
  font-size: var(--text-button2-size);
  font-weight: var(--text-button2-weight);
  letter-spacing: var(--text-button2-letter-spacing);
  line-height: var(--text-button2-leading);
  text-transform: var(--text-button2-text-transform);
  --text-button2-leading: var(--text-button2-line-height);
}
.text-caption {
  font-family: var(--text-caption-family);
  font-size: var(--text-caption-size);
  font-weight: var(--text-caption-weight);
  letter-spacing: var(--text-caption-letter-spacing);
  line-height: var(--text-caption-leading);
  text-transform: var(--text-caption-text-transform);
  --text-caption-leading: var(--text-caption-line-height);
}
.text-tag {
  font-family: var(--text-tag-family);
  font-size: var(--text-tag-size);
  font-weight: var(--text-tag-weight);
  letter-spacing: var(--text-tag-letter-spacing);
  line-height: var(--text-tag-leading);
  text-transform: var(--text-tag-text-transform);
  --text-tag-leading: var(--text-tag-line-height);
}
.expressive-text {
  background-image: var(--background-image-gradient-expressive, linear-gradient(90deg, #28156B, #7B30FF));
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.xmshp :is(.sr-only) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.xmshp :is(.visible) {
  visibility: visible;
}
.xmshp :is(.static) {
  position: static;
}
.xmshp :is(.fixed) {
  position: fixed;
}
.xmshp :is(.absolute) {
  position: absolute;
}
.xmshp :is(.relative) {
  position: relative;
}
.xmshp :is(.sticky) {
  position: sticky;
}
.xmshp :is(.inset-0) {
  inset: 0px;
}
.xmshp :is(.inset-x-0) {
  left: 0px;
  right: 0px;
}
.xmshp :is(.bottom-0) {
  bottom: 0px;
}
.xmshp :is(.bottom-28) {
  bottom: 7rem;
}
.xmshp :is(.left-0) {
  left: 0px;
}
.xmshp :is(.right-0) {
  right: 0px;
}
.xmshp :is(.right-1) {
  right: 0.25rem;
}
.xmshp :is(.right-4) {
  right: 1rem;
}
.xmshp :is(.right-9) {
  right: 2.25rem;
}
.xmshp :is(.top-0) {
  top: 0px;
}
.xmshp :is(.top-3) {
  top: 0.75rem;
}
.xmshp :is(.top-4) {
  top: 1rem;
}
.xmshp :is(.top-5) {
  top: 1.25rem;
}
.xmshp :is(.top-9) {
  top: 2.25rem;
}
.xmshp :is(.z-10) {
  z-index: 10;
}
.xmshp :is(.z-30) {
  z-index: 30;
}
.xmshp :is(.z-40) {
  z-index: 40;
}
.xmshp :is(.z-50) {
  z-index: 50;
}
.xmshp :is(.z-\[2\]) {
  z-index: 2;
}
.xmshp :is(.z-\[70\]) {
  z-index: 70;
}
.xmshp :is(.z-popover) {
  z-index: 560;
}
.xmshp :is(.order-1) {
  order: 1;
}
.xmshp :is(.order-2) {
  order: 2;
}
.xmshp :is(.order-3) {
  order: 3;
}
.xmshp :is(.order-4) {
  order: 4;
}
.xmshp :is(.order-5) {
  order: 5;
}
.xmshp :is(.col-span-1) {
  grid-column: span 1 / span 1;
}
.xmshp :is(.col-span-11) {
  grid-column: span 11 / span 11;
}
.xmshp :is(.col-span-full) {
  grid-column: 1 / -1;
}
.xmshp :is(.col-start-1) {
  grid-column-start: 1;
}
.xmshp :is(.row-span-10) {
  grid-row: span 10 / span 10;
}
.xmshp :is(.row-span-12) {
  grid-row: span 12 / span 12;
}
.xmshp :is(.row-span-2) {
  grid-row: span 2 / span 2;
}
.xmshp :is(.row-span-4) {
  grid-row: span 4 / span 4;
}
.xmshp :is(.row-span-6) {
  grid-row: span 6 / span 6;
}
.xmshp :is(.row-start-2) {
  grid-row-start: 2;
}
.xmshp :is(.m-0) {
  margin: 0px;
}
.xmshp :is(.m-2) {
  margin: 0.5rem;
}
.xmshp :is(.-my-4) {
  margin-top: -1rem;
  margin-bottom: -1rem;
}
.xmshp :is(.mx-0) {
  margin-left: 0px;
  margin-right: 0px;
}
.xmshp :is(.mx-2) {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.xmshp :is(.mx-4) {
  margin-left: 1rem;
  margin-right: 1rem;
}
.xmshp :is(.mx-6) {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.xmshp :is(.mx-7) {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}
.xmshp :is(.mx-auto) {
  margin-left: auto;
  margin-right: auto;
}
.xmshp :is(.my-10) {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.xmshp :is(.my-12) {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.xmshp :is(.my-3) {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.xmshp :is(.my-4) {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.xmshp :is(.my-5) {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.xmshp :is(.my-6) {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.xmshp :is(.-mt-1) {
  margin-top: -0.25rem;
}
.xmshp :is(.mb-0) {
  margin-bottom: 0px;
}
.xmshp :is(.mb-0\.5) {
  margin-bottom: 0.125rem;
}
.xmshp :is(.mb-1) {
  margin-bottom: 0.25rem;
}
.xmshp :is(.mb-10) {
  margin-bottom: 2.5rem;
}
.xmshp :is(.mb-11) {
  margin-bottom: 2.75rem;
}
.xmshp :is(.mb-2) {
  margin-bottom: 0.5rem;
}
.xmshp :is(.mb-20) {
  margin-bottom: 5rem;
}
.xmshp :is(.mb-28) {
  margin-bottom: 7rem;
}
.xmshp :is(.mb-3) {
  margin-bottom: 0.75rem;
}
.xmshp :is(.mb-4) {
  margin-bottom: 1rem;
}
.xmshp :is(.mb-5) {
  margin-bottom: 1.25rem;
}
.xmshp :is(.mb-6) {
  margin-bottom: 1.5rem;
}
.xmshp :is(.mb-8) {
  margin-bottom: 2rem;
}
.xmshp :is(.ml-0) {
  margin-left: 0px;
}
.xmshp :is(.ml-0\.5) {
  margin-left: 0.125rem;
}
.xmshp :is(.ml-2) {
  margin-left: 0.5rem;
}
.xmshp :is(.ml-4) {
  margin-left: 1rem;
}
.xmshp :is(.ml-6) {
  margin-left: 1.5rem;
}
.xmshp :is(.ml-auto) {
  margin-left: auto;
}
.xmshp :is(.mr-0) {
  margin-right: 0px;
}
.xmshp :is(.mr-1) {
  margin-right: 0.25rem;
}
.xmshp :is(.mr-2) {
  margin-right: 0.5rem;
}
.xmshp :is(.mr-4) {
  margin-right: 1rem;
}
.xmshp :is(.mt-0) {
  margin-top: 0px;
}
.xmshp :is(.mt-1) {
  margin-top: 0.25rem;
}
.xmshp :is(.mt-10) {
  margin-top: 2.5rem;
}
.xmshp :is(.mt-12) {
  margin-top: 3rem;
}
.xmshp :is(.mt-2) {
  margin-top: 0.5rem;
}
.xmshp :is(.mt-3) {
  margin-top: 0.75rem;
}
.xmshp :is(.mt-4) {
  margin-top: 1rem;
}
.xmshp :is(.mt-5) {
  margin-top: 1.25rem;
}
.xmshp :is(.mt-6) {
  margin-top: 1.5rem;
}
.xmshp :is(.mt-8) {
  margin-top: 2rem;
}
.xmshp :is(.mt-auto) {
  margin-top: auto;
}
.xmshp :is(.block) {
  display: block;
}
.xmshp :is(.inline-block) {
  display: inline-block;
}
.xmshp :is(.inline) {
  display: inline;
}
.xmshp :is(.flex) {
  display: flex;
}
.xmshp :is(.table) {
  display: table;
}
.xmshp :is(.grid) {
  display: grid;
}
.xmshp :is(.hidden) {
  display: none;
}
.xmshp :is(.size-6) {
  width: 1.5rem;
  height: 1.5rem;
}
.xmshp :is(.h-1\/3) {
  height: 33.333333%;
}
.xmshp :is(.h-10) {
  height: 2.5rem;
}
.xmshp :is(.h-12) {
  height: 3rem;
}
.xmshp :is(.h-14) {
  height: 3.5rem;
}
.xmshp :is(.h-16) {
  height: 4rem;
}
.xmshp :is(.h-18) {
  height: 4.5rem;
}
.xmshp :is(.h-2) {
  height: 0.5rem;
}
.xmshp :is(.h-2\/3) {
  height: 66.666667%;
}
.xmshp :is(.h-20) {
  height: 5rem;
}
.xmshp :is(.h-28) {
  height: 7rem;
}
.xmshp :is(.h-36) {
  height: 9rem;
}
.xmshp :is(.h-4) {
  height: 1rem;
}
.xmshp :is(.h-4\/5) {
  height: 80%;
}
.xmshp :is(.h-40) {
  height: 10rem;
}
.xmshp :is(.h-6) {
  height: 1.5rem;
}
.xmshp :is(.h-8) {
  height: 2rem;
}
.xmshp :is(.h-80) {
  height: 20rem;
}
.xmshp :is(.h-96) {
  height: 24rem;
}
.xmshp :is(.h-\[100px\]) {
  height: 100px;
}
.xmshp :is(.h-auto) {
  height: auto;
}
.xmshp :is(.h-full) {
  height: 100%;
}
.xmshp :is(.max-h-\[160px\]) {
  max-height: 160px;
}
.xmshp :is(.max-h-\[50vh\]) {
  max-height: 50vh;
}
.xmshp :is(.max-h-\[calc\(100dvh-var\(--host-nav-height\2c 0px\)-theme\(spacing\.5\)\)\]) {
  max-height: calc(100dvh - var(--host-nav-height,0px) - 1.25rem);
}
.xmshp :is(.max-h-full) {
  max-height: 100%;
}
.xmshp :is(.min-h-0) {
  min-height: 0px;
}
.xmshp :is(.min-h-18) {
  min-height: 4.5rem;
}
.xmshp :is(.min-h-6) {
  min-height: 1.5rem;
}
.xmshp :is(.min-h-72) {
  min-height: 18rem;
}
.xmshp :is(.min-h-\[calc\(100dvh-var\(--host-nav-height\2c 0px\)-theme\(spacing\.5\)\)\]) {
  min-height: calc(100dvh - var(--host-nav-height,0px) - 1.25rem);
}
.xmshp :is(.min-h-screen) {
  min-height: 100vh;
}
.xmshp :is(.w-1\/5) {
  width: 20%;
}
.xmshp :is(.w-1\/6) {
  width: 16.666667%;
}
.xmshp :is(.w-10) {
  width: 2.5rem;
}
.xmshp :is(.w-11\/12) {
  width: 91.666667%;
}
.xmshp :is(.w-12) {
  width: 3rem;
}
.xmshp :is(.w-16) {
  width: 4rem;
}
.xmshp :is(.w-2) {
  width: 0.5rem;
}
.xmshp :is(.w-20) {
  width: 5rem;
}
.xmshp :is(.w-32) {
  width: 8rem;
}
.xmshp :is(.w-36) {
  width: 9rem;
}
.xmshp :is(.w-4) {
  width: 1rem;
}
.xmshp :is(.w-4\/5) {
  width: 80%;
}
.xmshp :is(.w-56) {
  width: 14rem;
}
.xmshp :is(.w-6) {
  width: 1.5rem;
}
.xmshp :is(.w-72) {
  width: 18rem;
}
.xmshp :is(.w-8) {
  width: 2rem;
}
.xmshp :is(.w-80) {
  width: 20rem;
}
.xmshp :is(.w-9) {
  width: 2.25rem;
}
.xmshp :is(.w-96) {
  width: 24rem;
}
.xmshp :is(.w-\[100px\]) {
  width: 100px;
}
.xmshp :is(.w-auto) {
  width: auto;
}
.xmshp :is(.w-fit) {
  width: -moz-fit-content;
  width: fit-content;
}
.xmshp :is(.w-full) {
  width: 100%;
}
.xmshp :is(.w-max) {
  width: -moz-max-content;
  width: max-content;
}
.xmshp :is(.w-screen) {
  width: 100vw;
}
.xmshp :is(.w-screen-25) {
  width: 25vw;
}
.xmshp :is(.max-w-2xl) {
  max-width: 42rem;
}
.xmshp :is(.max-w-3xl) {
  max-width: 48rem;
}
.xmshp :is(.max-w-60) {
  max-width: 15rem;
}
.xmshp :is(.max-w-\[200px\]) {
  max-width: 200px;
}
.xmshp :is(.max-w-lg) {
  max-width: 32rem;
}
.xmshp :is(.max-w-screen-xl) {
  max-width: 1280px;
}
.xmshp :is(.max-w-sm) {
  max-width: 24rem;
}
.xmshp :is(.flex-1) {
  flex: 1 1 0%;
}
.xmshp :is(.shrink-0) {
  flex-shrink: 0;
}
.xmshp :is(.flex-grow) {
  flex-grow: 1;
}
.xmshp :is(.table-auto) {
  table-layout: auto;
}
.xmshp :is(.border-separate) {
  border-collapse: separate;
}
.xmshp :is(.border-spacing-y-2) {
  --tw-border-spacing-y: 0.5rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.xmshp :is(.transform) {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.xmshp :is(.cursor-default) {
  cursor: default;
}
.xmshp :is(.cursor-pointer) {
  cursor: pointer;
}
.xmshp :is(.resize) {
  resize: both;
}
.xmshp :is(.list-disc) {
  list-style-type: disc;
}
.xmshp :is(.grid-cols-1) {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.xmshp :is(.grid-cols-12) {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.xmshp :is(.grid-cols-2) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xmshp :is(.grid-cols-3) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xmshp :is(.grid-rows-1) {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.xmshp :is(.grid-rows-\[2fr\]) {
  grid-template-rows: 2fr;
}
.xmshp :is(.grid-rows-subgrid) {
  grid-template-rows: subgrid;
}
.xmshp :is(.flex-row) {
  flex-direction: row;
}
.xmshp :is(.flex-row-reverse) {
  flex-direction: row-reverse;
}
.xmshp :is(.flex-col) {
  flex-direction: column;
}
.xmshp :is(.flex-wrap) {
  flex-wrap: wrap;
}
.xmshp :is(.flex-nowrap) {
  flex-wrap: nowrap;
}
.xmshp :is(.items-start) {
  align-items: flex-start;
}
.xmshp :is(.items-center) {
  align-items: center;
}
.xmshp :is(.items-baseline) {
  align-items: baseline;
}
.xmshp :is(.items-stretch) {
  align-items: stretch;
}
.xmshp :is(.justify-start) {
  justify-content: flex-start;
}
.xmshp :is(.justify-end) {
  justify-content: flex-end;
}
.xmshp :is(.justify-center) {
  justify-content: center;
}
.xmshp :is(.justify-between) {
  justify-content: space-between;
}
.xmshp :is(.gap-0) {
  gap: 0px;
}
.xmshp :is(.gap-1) {
  gap: 0.25rem;
}
.xmshp :is(.gap-2) {
  gap: 0.5rem;
}
.xmshp :is(.gap-3) {
  gap: 0.75rem;
}
.xmshp :is(.gap-4) {
  gap: 1rem;
}
.xmshp :is(.gap-5) {
  gap: 1.25rem;
}
.xmshp :is(.gap-6) {
  gap: 1.5rem;
}
.xmshp :is(.gap-8) {
  gap: 2rem;
}
.xmshp :is(.gap-x-2) {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.xmshp :is(.gap-x-4) {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.xmshp :is(.space-x-2 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.xmshp :is(.space-x-3 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.xmshp :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.xmshp :is(.space-y-4 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.xmshp :is(.space-y-6 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.xmshp :is(.self-start) {
  align-self: flex-start;
}
.xmshp :is(.overflow-auto) {
  overflow: auto;
}
.xmshp :is(.overflow-hidden) {
  overflow: hidden;
}
.xmshp :is(.overflow-scroll) {
  overflow: scroll;
}
.xmshp :is(.overflow-x-auto) {
  overflow-x: auto;
}
.xmshp :is(.overflow-y-auto) {
  overflow-y: auto;
}
.xmshp :is(.overflow-y-hidden) {
  overflow-y: hidden;
}
.xmshp :is(.truncate) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xmshp :is(.whitespace-nowrap) {
  white-space: nowrap;
}
.xmshp :is(.text-wrap) {
  text-wrap: wrap;
}
.xmshp :is(.text-nowrap) {
  text-wrap: nowrap;
}
.xmshp :is(.text-balance) {
  text-wrap: balance;
}
.xmshp :is(.break-words) {
  overflow-wrap: break-word;
}
.xmshp :is(.break-all) {
  word-break: break-all;
}
.xmshp :is(.rounded-full) {
  border-radius: 50%;
}
.xmshp :is(.rounded-large) {
  border-radius: var(--border-radius-large, 16px);
}
.xmshp :is(.rounded-medium) {
  border-radius: var(--border-radius-medium, 8px);
}
.xmshp :is(.rounded-small) {
  border-radius: var(--border-radius-small, 4px);
}
.xmshp :is(.rounded-xlarge) {
  border-radius: var(--border-radius-xlarge, 32px);
}
.xmshp :is(.rounded-b-small) {
  border-bottom-right-radius: var(--border-radius-small, 4px);
  border-bottom-left-radius: var(--border-radius-small, 4px);
}
.xmshp :is(.rounded-bl-medium) {
  border-bottom-left-radius: var(--border-radius-medium, 8px);
}
.xmshp :is(.rounded-br-medium) {
  border-bottom-right-radius: var(--border-radius-medium, 8px);
}
.xmshp :is(.rounded-tl-medium) {
  border-top-left-radius: var(--border-radius-medium, 8px);
}
.xmshp :is(.rounded-tr-medium) {
  border-top-right-radius: var(--border-radius-medium, 8px);
}
.xmshp :is(.border) {
  border-width: 1px;
}
.xmshp :is(.border-2) {
  border-width: 2px;
}
.xmshp :is(.border-\[1px\]) {
  border-width: 1px;
}
.xmshp :is(.border-y) {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.xmshp :is(.border-b) {
  border-bottom-width: 1px;
}
.xmshp :is(.border-b-0) {
  border-bottom-width: 0px;
}
.xmshp :is(.border-b-2) {
  border-bottom-width: 2px;
}
.xmshp :is(.border-b-\[1px\]) {
  border-bottom-width: 1px;
}
.xmshp :is(.border-l) {
  border-left-width: 1px;
}
.xmshp :is(.border-l-2) {
  border-left-width: 2px;
}
.xmshp :is(.border-l-4) {
  border-left-width: 4px;
}
.xmshp :is(.border-r-2) {
  border-right-width: 2px;
}
.xmshp :is(.border-t) {
  border-top-width: 1px;
}
.xmshp :is(.border-solid) {
  border-style: solid;
}
.xmshp :is(.border-stroke-info-down) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--border-color-stroke-info-down) / var(--tw-border-opacity));
}
.xmshp :is(.border-stroke-inverse-down) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--border-color-stroke-inverse-down) / var(--tw-border-opacity));
}
.xmshp :is(.border-stroke-negative-base) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--border-color-stroke-negative-base) / var(--tw-border-opacity));
}
.xmshp :is(.border-stroke-neutral-base) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--border-color-stroke-neutral-base) / var(--tw-border-opacity));
}
.xmshp :is(.border-stroke-theme1-base) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--border-color-stroke-theme1-base) / var(--tw-border-opacity));
}
.xmshp :is(.border-transparent) {
  border-color: var(--border-color-transparent, transparent);
}
.xmshp :is(.border-t-stroke-theme1-base) {
  --tw-border-opacity: 1;
  border-top-color: rgb(var(--border-color-stroke-theme1-base) / var(--tw-border-opacity));
}
.xmshp :is(.border-opacity-10) {
  --tw-border-opacity: 0.1;
}
.xmshp :is(.border-opacity-20) {
  --tw-border-opacity: 0.2;
}
.xmshp :is(.border-opacity-30) {
  --tw-border-opacity: 0.3;
}
.xmshp :is(.border-opacity-secondary) {
  --tw-border-opacity: var(--border-opacity-secondary, 0.6);
}
.xmshp :is(.border-opacity-tertiary) {
  --tw-border-opacity: var(--border-opacity-tertiary, 0.15);
}
.xmshp :is(.bg-\[\#5F5E5E\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(95 94 94 / var(--tw-bg-opacity));
}
.xmshp :is(.bg-\[\#F1ECF833\]\/20) {
  background-color: rgb(241 236 248 / 0.2);
}
.xmshp :is(.bg-black) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.xmshp :is(.bg-fill-inverse-base) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background-color-fill-inverse-base) / var(--tw-bg-opacity));
}
.xmshp :is(.bg-fill-negative-base) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background-color-fill-negative-base) / var(--tw-bg-opacity));
}
.xmshp :is(.bg-fill-neutral2-base) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background-color-fill-neutral2-base) / var(--tw-bg-opacity));
}
.xmshp :is(.bg-fill-theme1-base) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background-color-fill-theme1-base) / var(--tw-bg-opacity));
}
.xmshp :is(.bg-fill-theme1-down) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background-color-fill-theme1-down) / var(--tw-bg-opacity));
}
.xmshp :is(.bg-material-caution) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background-color-material-caution) / var(--tw-bg-opacity));
}
.xmshp :is(.bg-material-info-base) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background-color-material-info-base) / var(--tw-bg-opacity));
}
.xmshp :is(.bg-material-positive) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background-color-material-positive) / var(--tw-bg-opacity));
}
.xmshp :is(.bg-material-theme1) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background-color-material-theme1) / var(--tw-bg-opacity));
}
.xmshp :is(.bg-white) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.xmshp :is(.bg-opacity-10) {
  --tw-bg-opacity: 0.1;
}
.xmshp :is(.bg-opacity-40) {
  --tw-bg-opacity: 0.4;
}
.xmshp :is(.bg-opacity-50) {
  --tw-bg-opacity: 0.5;
}
.xmshp :is(.bg-opacity-tertiary) {
  --tw-bg-opacity: var(--background-opacity-tertiary, 0.15);
}
.xmshp :is(.bg-gradient-expressive) {
  background-image: var(--background-image-gradient-expressive, linear-gradient(90deg, #28156B, #7B30FF));
}
.xmshp :is(.bg-clip-padding) {
  background-clip: padding-box;
}
.xmshp :is(.object-contain) {
  -o-object-fit: contain;
     object-fit: contain;
}
.xmshp :is(.p-0) {
  padding: 0px;
}
.xmshp :is(.p-1) {
  padding: 0.25rem;
}
.xmshp :is(.p-10) {
  padding: 2.5rem;
}
.xmshp :is(.p-2) {
  padding: 0.5rem;
}
.xmshp :is(.p-3) {
  padding: 0.75rem;
}
.xmshp :is(.p-4) {
  padding: 1rem;
}
.xmshp :is(.p-6) {
  padding: 1.5rem;
}
.xmshp :is(.p-8) {
  padding: 2rem;
}
.xmshp :is(.p-\[1px\]) {
  padding: 1px;
}
.xmshp :is(.px-1) {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.xmshp :is(.px-10) {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.xmshp :is(.px-2) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.xmshp :is(.px-3) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.xmshp :is(.px-3\.5) {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.xmshp :is(.px-4) {
  padding-left: 1rem;
  padding-right: 1rem;
}
.xmshp :is(.px-5) {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.xmshp :is(.px-6) {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.xmshp :is(.px-7) {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.xmshp :is(.px-8) {
  padding-left: 2rem;
  padding-right: 2rem;
}
.xmshp :is(.py-1) {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.xmshp :is(.py-10) {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.xmshp :is(.py-16) {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.xmshp :is(.py-2) {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.xmshp :is(.py-3) {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.xmshp :is(.py-4) {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.xmshp :is(.py-5) {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.xmshp :is(.py-6) {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.xmshp :is(.py-7) {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.xmshp :is(.py-8) {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.xmshp :is(.pb-1) {
  padding-bottom: 0.25rem;
}
.xmshp :is(.pb-10) {
  padding-bottom: 2.5rem;
}
.xmshp :is(.pb-16) {
  padding-bottom: 4rem;
}
.xmshp :is(.pb-2) {
  padding-bottom: 0.5rem;
}
.xmshp :is(.pb-24) {
  padding-bottom: 6rem;
}
.xmshp :is(.pb-3) {
  padding-bottom: 0.75rem;
}
.xmshp :is(.pb-4) {
  padding-bottom: 1rem;
}
.xmshp :is(.pb-5) {
  padding-bottom: 1.25rem;
}
.xmshp :is(.pb-6) {
  padding-bottom: 1.5rem;
}
.xmshp :is(.pb-8) {
  padding-bottom: 2rem;
}
.xmshp :is(.pl-1) {
  padding-left: 0.25rem;
}
.xmshp :is(.pl-10) {
  padding-left: 2.5rem;
}
.xmshp :is(.pl-12) {
  padding-left: 3rem;
}
.xmshp :is(.pl-2) {
  padding-left: 0.5rem;
}
.xmshp :is(.pl-2\.5) {
  padding-left: 0.625rem;
}
.xmshp :is(.pl-3) {
  padding-left: 0.75rem;
}
.xmshp :is(.pl-4) {
  padding-left: 1rem;
}
.xmshp :is(.pl-6) {
  padding-left: 1.5rem;
}
.xmshp :is(.pr-1) {
  padding-right: 0.25rem;
}
.xmshp :is(.pr-2) {
  padding-right: 0.5rem;
}
.xmshp :is(.pr-3) {
  padding-right: 0.75rem;
}
.xmshp :is(.pr-4) {
  padding-right: 1rem;
}
.xmshp :is(.pr-8) {
  padding-right: 2rem;
}
.xmshp :is(.pt-0) {
  padding-top: 0px;
}
.xmshp :is(.pt-1) {
  padding-top: 0.25rem;
}
.xmshp :is(.pt-12) {
  padding-top: 3rem;
}
.xmshp :is(.pt-16) {
  padding-top: 4rem;
}
.xmshp :is(.pt-18) {
  padding-top: 4.5rem;
}
.xmshp :is(.pt-2) {
  padding-top: 0.5rem;
}
.xmshp :is(.pt-3) {
  padding-top: 0.75rem;
}
.xmshp :is(.pt-4) {
  padding-top: 1rem;
}
.xmshp :is(.pt-6) {
  padding-top: 1.5rem;
}
.xmshp :is(.pt-8) {
  padding-top: 2rem;
}
.xmshp :is(.text-left) {
  text-align: left;
}
.xmshp :is(.text-center) {
  text-align: center;
}
.xmshp :is(.text-right) {
  text-align: right;
}
.xmshp :is(.text-end) {
  text-align: end;
}
.xmshp :is(.align-top) {
  vertical-align: top;
}
.xmshp :is(.align-middle) {
  vertical-align: middle;
}
.xmshp :is(.font-brand) {
  font-family: XSans, DMSans, Helvetica, sans-serif;
}
.xmshp :is(.font-default) {
  font-family: DMSans, Helvetica, sans-serif;
}
.xmshp :is(.text-2xl) {
  font-size: 1.5rem;
  line-height: 2rem;
}
.xmshp :is(.text-\[11px\]) {
  font-size: 11px;
}
.xmshp :is(.text-\[120\%\]) {
  font-size: 120%;
}
.xmshp :is(.text-base) {
  font-size: 1rem;
  line-height: 1.5rem;
}
.xmshp :is(.text-lg) {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.xmshp :is(.text-sm) {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.xmshp :is(.text-xs) {
  font-size: 0.75rem;
  line-height: 1rem;
}
.xmshp :is(.font-bold) {
  font-weight: 700;
}
.xmshp :is(.font-medium) {
  font-weight: 500;
}
.xmshp :is(.font-normal) {
  font-weight: 400;
}
.xmshp :is(.font-semibold) {
  font-weight: 600;
}
.xmshp :is(.uppercase) {
  text-transform: uppercase;
}
.xmshp :is(.lowercase) {
  text-transform: lowercase;
}
.xmshp :is(.italic) {
  font-style: italic;
}
.xmshp :is(.leading-\[16px\]) {
  line-height: 16px;
}
.xmshp :is(.text-caution-base) {
  --tw-text-opacity: 1;
  color: rgb(var(--text-color-caution-base) / var(--tw-text-opacity));
}
.xmshp :is(.text-inverse-base) {
  --tw-text-opacity: 1;
  color: rgb(var(--text-color-inverse-base) / var(--tw-text-opacity));
}
.xmshp :is(.text-inverse-down) {
  --tw-text-opacity: 1;
  color: rgb(var(--text-color-inverse-down) / var(--tw-text-opacity));
}
.xmshp :is(.text-negative-base) {
  --tw-text-opacity: 1;
  color: rgb(var(--text-color-negative-base) / var(--tw-text-opacity));
}
.xmshp :is(.text-neutral-base) {
  --tw-text-opacity: 1;
  color: rgb(var(--text-color-neutral-base) / var(--tw-text-opacity));
}
.xmshp :is(.text-neutral-down) {
  --tw-text-opacity: 1;
  color: rgb(var(--text-color-neutral-down) / var(--tw-text-opacity));
}
.xmshp :is(.text-neutral2-base) {
  --tw-text-opacity: 1;
  color: rgb(var(--text-color-neutral2-base) / var(--tw-text-opacity));
}
.xmshp :is(.text-positive-base) {
  --tw-text-opacity: 1;
  color: rgb(var(--text-color-positive-base) / var(--tw-text-opacity));
}
.xmshp :is(.text-theme1-base) {
  --tw-text-opacity: 1;
  color: rgb(var(--text-color-theme1-base) / var(--tw-text-opacity));
}
.xmshp :is(.text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.xmshp :is(.text-opacity-60) {
  --tw-text-opacity: 0.6;
}
.xmshp :is(.text-opacity-75) {
  --tw-text-opacity: 0.75;
}
.xmshp :is(.text-opacity-secondary) {
  --tw-text-opacity: var(--text-opacity-secondary, 0.6);
}
.xmshp :is(.underline) {
  text-decoration-line: underline;
}
.xmshp :is(.line-through) {
  text-decoration-line: line-through;
}
.xmshp :is(.no-underline) {
  text-decoration-line: none;
}
.xmshp :is(.opacity-50) {
  opacity: 0.5;
}
.xmshp :is(.opacity-60) {
  opacity: 0.6;
}
.xmshp :is(.shadow-theme1) {
  --tw-shadow: 0px 8px 20px 0px rgb(var(--background-color-fill-theme1-base)/0.08);
  --tw-shadow-colored: 0px 8px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.xmshp :is(.outline-none) {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.xmshp :is(.outline) {
  outline-style: solid;
}
.xmshp :is(.blur) {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.xmshp :is(.filter) {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.xmshp :is(.backdrop-blur-sm) {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.xmshp :is(.corner-radius-medium) {
  border-radius: 8px;
}
.xmshp :is(.corner-radius-large) {
  border-radius: 16px;
}
.xmshp :is(.corner-radius-xlarge) {
  border-radius: 32px;
}
.xmshp :is(.alpha-secondary) {
  opacity: 0.6;
}
.xmshp :is(.bg-fill-inverse-base) {
  --shadow-color: var(--fill-inverse-base-shadow);
}
.xmshp :is(.bg-fill-negative-base) {
  --shadow-color: var(--fill-negative-base-shadow);
}
.xmshp :is(.bg-fill-theme1-base) {
  --shadow-color: var(--fill-theme1-base-shadow);
}
.xmshp :is(.bg-fill-theme1-down) {
  --shadow-color: var(--fill-theme1-down-shadow);
}
.xmshp :is(.bg-material-caution) {
  --shadow-color: var(--material-caution-shadow);
}
.xmshp :is(.bg-material-positive) {
  --shadow-color: var(--material-positive-shadow);
}
.xmshp :is(.bg-material-theme1) {
  --shadow-color: var(--material-theme1-shadow);
}
.xmshp :is(.bg-material-info-base) {
  --shadow-color: var(--material-info-base-shadow);
}
.xmshp :is(:root),.xmshp :is(.light),.xmshp :is([light]) {
  --fill-caution-base-shadow: rgba(95,29,0,0.51);
  --fill-caution-down-shadow: rgba(74,22,0,0.51);
  --fill-caution-focus-shadow: rgba(85,26,0,0.51);
  --fill-caution-hover-shadow: rgba(85,26,0,0.51);
  --fill-info-base-shadow: rgba(0,39,112,0.51);
  --fill-info-down-shadow: rgba(0,24,68,0.51);
  --fill-info-focus-shadow: rgba(0,30,85,0.51);
  --fill-info-hover-shadow: rgba(0,30,85,0.51);
  --fill-inverse-base-shadow: rgba(135,135,136,0.51);
  --fill-inverse-down-shadow: rgba(111,111,118,0.51);
  --fill-inverse-focus-shadow: rgba(140,140,140,0.51);
  --fill-inverse-hover-shadow: rgba(140,140,140,0.51);
  --fill-negative-base-shadow: rgba(97,1,28,0.51);
  --fill-negative-down-shadow: rgba(51,0,14,0.51);
  --fill-negative-focus-shadow: rgba(74,0,21,0.51);
  --fill-negative-hover-shadow: rgba(74,0,21,0.51);
  --fill-neutral-base-shadow: rgba(8,8,10,0.51);
  --fill-neutral-down-shadow: rgba(34,34,39,0.51);
  --fill-neutral-focus-shadow: rgba(24,24,28,0.51);
  --fill-neutral-hover-shadow: rgba(24,24,28,0.51);
  --fill-positive-base-shadow: rgba(0,52,39,0.51);
  --fill-positive-down-shadow: rgba(0,23,18,0.51);
  --fill-positive-focus-shadow: rgba(0,40,30,0.51);
  --fill-positive-hover-shadow: rgba(0,40,30,0.51);
  --fill-theme1-base-shadow: rgba(44,15,98,0.51);
  --fill-theme1-down-shadow: rgba(18,7,41,0.51);
  --fill-theme1-focus-shadow: rgba(29,10,66,0.51);
  --fill-theme1-hover-shadow: rgba(29,10,66,0.51);
  --fill-theme2-base-shadow: rgba(44,15,98,0.51);
  --fill-theme2-down-shadow: rgba(18,7,41,0.51);
  --fill-theme2-focus-shadow: rgba(29,10,66,0.51);
  --fill-theme2-hover-shadow: rgba(29,10,66,0.51);
  --material-1-shadow: rgba(140,140,140,0.51);
  --material-2-shadow: rgba(135,135,136,0.51);
  --material-1-inverse-shadow: rgba(8,8,10,0.51);
  --material-2-inverse-shadow: rgba(15,15,18,0.51);
  --material-caution-shadow: rgba(132,122,117,0.51);
  --material-caution-inverse-shadow: rgba(27,14,8,0.51);
  --material-info-shadow: rgba(117,122,132,0.51);
  --material-info-inverse-shadow: rgba(8,13,24,0.51);
  --material-negative-shadow: rgba(132,117,122,0.51);
  --material-negative-inverse-shadow: rgba(22,7,12,0.51);
  --material-positive-shadow: rgba(117,132,127,0.51);
  --material-positive-inverse-shadow: rgba(6,19,14,0.51);
  --material-theme1-shadow: rgba(132,129,136,0.51);
  --material-theme1-inverse-shadow: rgba(17,6,34,0.51);
  --material-neutral-base-shadow: rgba(140,140,140,0.51);
  --material-neutral-down-shadow: rgba(121,121,121,0.51);
  --material-neutral-focus-shadow: rgba(134,134,134,0.51);
  --material-neutral-hover-shadow: rgba(134,134,134,0.51);
  --material-neutral2-base-shadow: rgba(135,135,136,0.51);
  --material-neutral2-down-shadow: rgba(117,117,118,0.51);
  --material-neutral2-focus-shadow: rgba(129,129,130,0.51);
  --material-neutral2-hover-shadow: rgba(129,129,130,0.51);
  --material-caution-base-shadow: rgba(132,122,117,0.51);
  --material-caution-down-shadow: rgba(115,106,102,0.51);
  --material-caution-focus-shadow: rgba(126,117,112,0.51);
  --material-caution-hover-shadow: rgba(126,117,112,0.51);
  --material-info-base-shadow: rgba(117,122,132,0.51);
  --material-info-down-shadow: rgba(102,106,115,0.51);
  --material-info-focus-shadow: rgba(112,117,126,0.51);
  --material-info-hover-shadow: rgba(112,117,126,0.51);
  --material-negative-base-shadow: rgba(132,117,122,0.51);
  --material-negative-down-shadow: rgba(115,102,106,0.51);
  --material-negative-focus-shadow: rgba(126,112,117,0.51);
  --material-negative-hover-shadow: rgba(126,112,117,0.51);
  --material-positive-base-shadow: rgba(117,132,127,0.51);
  --material-positive-down-shadow: rgba(102,115,111,0.51);
  --material-positive-focus-shadow: rgba(112,126,122,0.51);
  --material-positive-hover-shadow: rgba(112,126,122,0.51);
  --material-neutral-inverse-base-shadow: rgba(8,8,10,0.51);
  --material-neutral-inverse-down-shadow: rgba(22,22,23,0.51);
  --material-neutral-inverse-focus-shadow: rgba(13,13,14,0.51);
  --material-neutral-inverse-hover-shadow: rgba(13,13,14,0.51);
  --material-neutral2-inverse-base-shadow: rgba(15,15,18,0.51);
  --material-neutral2-inverse-down-shadow: rgba(29,29,31,0.51);
  --material-neutral2-inverse-focus-shadow: rgba(20,20,22,0.51);
  --material-neutral2-inverse-hover-shadow: rgba(20,20,22,0.51);
  --material-caution-inverse-base-shadow: rgba(27,14,8,0.51);
  --material-caution-inverse-down-shadow: rgba(39,28,22,0.51);
  --material-caution-inverse-focus-shadow: rgba(31,18,13,0.51);
  --material-caution-inverse-hover-shadow: rgba(31,18,13,0.51);
  --material-info-inverse-base-shadow: rgba(8,13,24,0.51);
  --material-info-inverse-down-shadow: rgba(21,27,37,0.51);
  --material-info-inverse-focus-shadow: rgba(12,17,28,0.51);
  --material-info-inverse-hover-shadow: rgba(12,17,28,0.51);
  --material-negative-inverse-base-shadow: rgba(22,7,12,0.51);
  --material-negative-inverse-down-shadow: rgba(35,21,25,0.51);
  --material-negative-inverse-focus-shadow: rgba(27,12,16,0.51);
  --material-negative-inverse-hover-shadow: rgba(27,12,16,0.51);
  --material-positive-inverse-base-shadow: rgba(6,19,14,0.51);
  --material-positive-inverse-down-shadow: rgba(19,32,28,0.51);
  --material-positive-inverse-focus-shadow: rgba(10,23,19,0.51);
  --material-positive-inverse-hover-shadow: rgba(10,23,19,0.51);
  --material-theme1-base-shadow: rgba(132,129,136,0.51);
  --material-theme1-down-shadow: rgba(114,112,118,0.51);
  --material-theme1-focus-shadow: rgba(126,123,130,0.51);
  --material-theme1-hover-shadow: rgba(126,123,130,0.51);
  --material-theme2-base-shadow: rgba(132,129,136,0.51);
  --material-theme2-down-shadow: rgba(114,112,118,0.51);
  --material-theme2-focus-shadow: rgba(126,123,130,0.51);
  --material-theme2-hover-shadow: rgba(126,123,130,0.51);
}
.xmshp :is(.dark),.xmshp :is([dark]) {
  --fill-caution-base-shadow: rgba(0,0,0,0.51);
  --fill-caution-down-shadow: rgba(0,0,0,0.51);
  --fill-caution-focus-shadow: rgba(0,0,0,0.51);
  --fill-caution-hover-shadow: rgba(0,0,0,0.51);
  --fill-info-base-shadow: rgba(0,0,0,0.51);
  --fill-info-down-shadow: rgba(0,0,0,0.51);
  --fill-info-focus-shadow: rgba(0,0,0,0.51);
  --fill-info-hover-shadow: rgba(0,0,0,0.51);
  --fill-inverse-base-shadow: rgba(0,0,0,0.51);
  --fill-inverse-down-shadow: rgba(0,0,0,0.51);
  --fill-inverse-focus-shadow: rgba(0,0,0,0.51);
  --fill-inverse-hover-shadow: rgba(0,0,0,0.51);
  --fill-negative-base-shadow: rgba(0,0,0,0.51);
  --fill-negative-down-shadow: rgba(0,0,0,0.51);
  --fill-negative-focus-shadow: rgba(0,0,0,0.51);
  --fill-negative-hover-shadow: rgba(0,0,0,0.51);
  --fill-neutral-base-shadow: rgba(0,0,0,0.51);
  --fill-neutral-down-shadow: rgba(0,0,0,0.51);
  --fill-neutral-focus-shadow: rgba(0,0,0,0.51);
  --fill-neutral-hover-shadow: rgba(0,0,0,0.51);
  --fill-positive-base-shadow: rgba(0,0,0,0.51);
  --fill-positive-down-shadow: rgba(0,0,0,0.51);
  --fill-positive-focus-shadow: rgba(0,0,0,0.51);
  --fill-positive-hover-shadow: rgba(0,0,0,0.51);
  --fill-theme1-base-shadow: rgba(0,0,0,0.51);
  --fill-theme1-down-shadow: rgba(0,0,0,0.51);
  --fill-theme1-focus-shadow: rgba(0,0,0,0.51);
  --fill-theme1-hover-shadow: rgba(0,0,0,0.51);
  --fill-theme2-base-shadow: rgba(0,0,0,0.51);
  --fill-theme2-down-shadow: rgba(0,0,0,0.51);
  --fill-theme2-focus-shadow: rgba(0,0,0,0.51);
  --fill-theme2-hover-shadow: rgba(0,0,0,0.51);
  --material-1-shadow: rgba(8,8,10,0.51);
  --material-2-shadow: rgba(15,15,18,0.51);
  --material-1-inverse-shadow: rgba(140,140,140,0.51);
  --material-2-inverse-shadow: rgba(135,135,136,0.51);
  --material-caution-shadow: rgba(27,14,8,0.51);
  --material-caution-inverse-shadow: rgba(132,122,117,0.51);
  --material-info-shadow: rgba(8,13,24,0.51);
  --material-info-inverse-shadow: rgba(117,122,132,0.51);
  --material-negative-shadow: rgba(22,7,12,0.51);
  --material-negative-inverse-shadow: rgba(132,117,122,0.51);
  --material-positive-shadow: rgba(6,19,14,0.51);
  --material-positive-inverse-shadow: rgba(117,132,127,0.51);
  --material-theme1-shadow: rgba(17,6,34,0.51);
  --material-theme1-inverse-shadow: rgba(132,129,136,0.51);
  --material-neutral-base-shadow: rgba(0,0,0,0.51);
  --material-neutral-down-shadow: rgba(0,0,0,0.51);
  --material-neutral-focus-shadow: rgba(0,0,0,0.51);
  --material-neutral-hover-shadow: rgba(0,0,0,0.51);
  --material-neutral2-base-shadow: rgba(0,0,0,0.51);
  --material-neutral2-down-shadow: rgba(0,0,0,0.51);
  --material-neutral2-focus-shadow: rgba(0,0,0,0.51);
  --material-neutral2-hover-shadow: rgba(0,0,0,0.51);
  --material-caution-base-shadow: rgba(0,0,0,0.51);
  --material-caution-down-shadow: rgba(0,0,0,0.51);
  --material-caution-focus-shadow: rgba(0,0,0,0.51);
  --material-caution-hover-shadow: rgba(0,0,0,0.51);
  --material-info-base-shadow: rgba(0,0,0,0.51);
  --material-info-down-shadow: rgba(0,0,0,0.51);
  --material-info-focus-shadow: rgba(0,0,0,0.51);
  --material-info-hover-shadow: rgba(0,0,0,0.51);
  --material-negative-base-shadow: rgba(0,0,0,0.51);
  --material-negative-down-shadow: rgba(0,0,0,0.51);
  --material-negative-focus-shadow: rgba(0,0,0,0.51);
  --material-negative-hover-shadow: rgba(0,0,0,0.51);
  --material-positive-base-shadow: rgba(0,0,0,0.51);
  --material-positive-down-shadow: rgba(0,0,0,0.51);
  --material-positive-focus-shadow: rgba(0,0,0,0.51);
  --material-positive-hover-shadow: rgba(0,0,0,0.51);
  --material-neutral-inverse-base-shadow: rgba(0,0,0,0.51);
  --material-neutral-inverse-down-shadow: rgba(0,0,0,0.51);
  --material-neutral-inverse-focus-shadow: rgba(0,0,0,0.51);
  --material-neutral-inverse-hover-shadow: rgba(0,0,0,0.51);
  --material-neutral2-inverse-base-shadow: rgba(0,0,0,0.51);
  --material-neutral2-inverse-down-shadow: rgba(0,0,0,0.51);
  --material-neutral2-inverse-focus-shadow: rgba(0,0,0,0.51);
  --material-neutral2-inverse-hover-shadow: rgba(0,0,0,0.51);
  --material-caution-inverse-base-shadow: rgba(0,0,0,0.51);
  --material-caution-inverse-down-shadow: rgba(0,0,0,0.51);
  --material-caution-inverse-focus-shadow: rgba(0,0,0,0.51);
  --material-caution-inverse-hover-shadow: rgba(0,0,0,0.51);
  --material-info-inverse-base-shadow: rgba(0,0,0,0.51);
  --material-info-inverse-down-shadow: rgba(0,0,0,0.51);
  --material-info-inverse-focus-shadow: rgba(0,0,0,0.51);
  --material-info-inverse-hover-shadow: rgba(0,0,0,0.51);
  --material-negative-inverse-base-shadow: rgba(0,0,0,0.51);
  --material-negative-inverse-down-shadow: rgba(0,0,0,0.51);
  --material-negative-inverse-focus-shadow: rgba(0,0,0,0.51);
  --material-negative-inverse-hover-shadow: rgba(0,0,0,0.51);
  --material-positive-inverse-base-shadow: rgba(0,0,0,0.51);
  --material-positive-inverse-down-shadow: rgba(0,0,0,0.51);
  --material-positive-inverse-focus-shadow: rgba(0,0,0,0.51);
  --material-positive-inverse-hover-shadow: rgba(0,0,0,0.51);
  --material-theme1-base-shadow: rgba(0,0,0,0.51);
  --material-theme1-down-shadow: rgba(0,0,0,0.51);
  --material-theme1-focus-shadow: rgba(0,0,0,0.51);
  --material-theme1-hover-shadow: rgba(0,0,0,0.51);
  --material-theme2-base-shadow: rgba(0,0,0,0.51);
  --material-theme2-down-shadow: rgba(0,0,0,0.51);
  --material-theme2-focus-shadow: rgba(0,0,0,0.51);
  --material-theme2-hover-shadow: rgba(0,0,0,0.51);
}
.xmshp :is(.\@container\/input-checkbox-group) {
  container-type: inline-size;
  container-name: input-checkbox-group;
}
.xmshp :is(.\@container\/input-radio-group) {
  container-type: inline-size;
  container-name: input-radio-group;
}
.xmshp :is(.\@container\/mobile) {
  container-type: inline-size;
  container-name: mobile;
}
.xmshp :is(.\@container\/xmshp-root) {
  container-type: inline-size;
  container-name: xmshp-root;
}
.xmshp :is(.\[--display\:block\]) {
  --display: block;
}
.xmshp :is(.\[--width\:100\%\]) {
  --width: 100%;
}
/* You can add global styles to this file, and also import other style files */
:root {
  --product-details-header-height: 4rem;
}
.polaris-and-product-header-sticky-position {
  top: calc(var(--product-details-header-height) + 5rem);
}
@media (min-width: 1024px) {
  [data-cart-drawer-type='fixed-sidebar'] .product-details-header {
    top: var(--polaris-nav-height);
  }
  [data-cart-drawer-type='fixed-sidebar'] .polaris-and-product-header-sticky-position {
    top: calc(var(--product-details-header-height) + var(--polaris-nav-height) + 2rem);
  }
  [data-cart-drawer-type='fixed-sidebar'][data-cart-drawer-display='open'] {
    .trade-in-banner {
      right: calc(var(--cart-drawer-width) + 1rem);
    }
  }
}
.xmshp .pdp-promos .swiper-wrapper {
  display: flex;
  align-items: center;
}
/* Added this css to fix the issue of Elite upgrade modal getting overlapped with promo carousel, can be removed once Helix fixes the issue */
.xmshp .hx-car .swiper {
  z-index: 0;
}
/* Fixed height of 58px ensures consistent vertical alignment with other input fields, especially for tel inputs in contained layouts. Adjusted based on design specs. */
prism-input-text input.input.tel.contained.body1 {
  height: 58px;
}
/* Sets shadow color to material/neutral/base */
.shadow-neutral-base {
  --shadow-color: var(--material-neutral-base-shadow);
  box-shadow: 0px 12px 12px -8px var(--shadow-color);
}
@media (min-width: 768px) {
  .md\:text-headline1 {
    font-family: var(--text-headline1-family);
    font-size: var(--text-headline1-size);
    font-weight: var(--text-headline1-weight);
    letter-spacing: var(--text-headline1-letter-spacing);
    line-height: var(--text-headline1-leading);
    text-transform: var(--text-headline1-text-transform);
    --text-headline1-leading: var(--text-headline1-line-height);
  }
  .md\:text-body2 {
    font-family: var(--text-body2-family);
    font-size: var(--text-body2-size);
    font-weight: var(--text-body2-weight);
    letter-spacing: var(--text-body2-letter-spacing);
    line-height: var(--text-body2-leading);
    text-transform: var(--text-body2-text-transform);
    --text-body2-leading: var(--text-body2-line-height);
  }
}
.xmshp :is(.first-of-type\:border-l-0:first-of-type) {
  border-left-width: 0px;
}
.xmshp :is(.first-of-type\:pl-0:first-of-type) {
  padding-left: 0px;
}
.xmshp :is(.visited\:text-black:visited) {
  color: rgb(0 0 0 );
}
.xmshp :is(.hover\:bg-fill-neutral-base:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background-color-fill-neutral-base) / var(--tw-bg-opacity));
}
.xmshp :is(.hover\:bg-fill-theme1-base:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background-color-fill-theme1-base) / var(--tw-bg-opacity));
}
.xmshp :is(.hover\:bg-opacity-10:hover) {
  --tw-bg-opacity: 0.1;
}
.xmshp :is(.hover\:bg-opacity-5:hover) {
  --tw-bg-opacity: 0.05;
}
.xmshp :is(.hover\:text-neutral-base:hover) {
  --tw-text-opacity: 1;
  color: rgb(var(--text-color-neutral-base) / var(--tw-text-opacity));
}
.xmshp :is(.hover\:bg-fill-neutral-base:hover) {
  --shadow-color: var(--fill-neutral-base-shadow);
}
.xmshp :is(.hover\:bg-fill-theme1-base:hover) {
  --shadow-color: var(--fill-theme1-base-shadow);
}
.xmshp :is(.focus\:rounded-xlarge:focus) {
  border-radius: var(--border-radius-xlarge, 32px);
}
.xmshp :is(.focus\:bg-fill-theme1-base:focus) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background-color-fill-theme1-base) / var(--tw-bg-opacity));
}
.xmshp :is(.focus\:bg-opacity-10:focus) {
  --tw-bg-opacity: 0.1;
}
.xmshp :is(.focus\:outline-none:focus) {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.xmshp :is(.focus\:outline-0:focus) {
  outline-width: 0px;
}
.xmshp :is(.focus\:bg-fill-theme1-base:focus) {
  --shadow-color: var(--fill-theme1-base-shadow);
}
@container mobile (min-width: 48rem) {
  .xmshp :is(.\@3xl\/mobile\:sticky) {
    position: sticky;
  }
  .xmshp :is(.\@3xl\/mobile\:ml-0) {
    margin-left: 0px;
  }
  .xmshp :is(.\@3xl\/mobile\:mt-10) {
    margin-top: 2.5rem;
  }
  .xmshp :is(.\@3xl\/mobile\:grid) {
    display: grid;
  }
  .xmshp :is(.\@3xl\/mobile\:grid-cols-3) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xmshp :is(.\@3xl\/mobile\:grid-cols-6) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xmshp :is(.\@3xl\/mobile\:gap-6) {
    gap: 1.5rem;
  }
  .xmshp :is(.\@3xl\/mobile\:gap-x-6) {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .xmshp :is(.\@3xl\/mobile\:px-0) {
    padding-left: 0px;
    padding-right: 0px;
  }
  .xmshp :is(.\@3xl\/mobile\:px-8) {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xmshp :is(.\@3xl\/mobile\:corner-radius-large) {
    border-radius: 16px;
  }
}
@container mobile (min-width: 64rem) {
  .xmshp :is(.\@5xl\/mobile\:col-span-10) {
    grid-column: span 10 / span 10;
  }
  .xmshp :is(.\@5xl\/mobile\:col-span-6) {
    grid-column: span 6 / span 6;
  }
  .xmshp :is(.\@5xl\/mobile\:col-start-2) {
    grid-column-start: 2;
  }
  .xmshp :is(.\@5xl\/mobile\:col-start-3) {
    grid-column-start: 3;
  }
  .xmshp :is(.\@5xl\/mobile\:col-start-8) {
    grid-column-start: 8;
  }
  .xmshp :is(.\@5xl\/mobile\:col-end-11) {
    grid-column-end: 11;
  }
  .xmshp :is(.\@5xl\/mobile\:col-end-\[-1\]) {
    grid-column-end: -1;
  }
  .xmshp :is(.\@5xl\/mobile\:mx-auto) {
    margin-left: auto;
    margin-right: auto;
  }
  .xmshp :is(.\@5xl\/mobile\:mt-0) {
    margin-top: 0px;
  }
  .xmshp :is(.\@5xl\/mobile\:grid) {
    display: grid;
  }
  .xmshp :is(.\@5xl\/mobile\:h-\[400px\]) {
    height: 400px;
  }
  .xmshp :is(.\@5xl\/mobile\:h-\[var\(--product-details-header-height\)\]) {
    height: var(--product-details-header-height);
  }
  .xmshp :is(.\@5xl\/mobile\:max-h-none) {
    max-height: none;
  }
  .xmshp :is(.\@5xl\/mobile\:max-w-screen-2xl) {
    max-width: 1536px;
  }
  .xmshp :is(.\@5xl\/mobile\:grid-cols-12) {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .xmshp :is(.\@5xl\/mobile\:flex-row) {
    flex-direction: row;
  }
  .xmshp :is(.\@5xl\/mobile\:items-center) {
    align-items: center;
  }
  .xmshp :is(.\@5xl\/mobile\:justify-end) {
    justify-content: flex-end;
  }
  .xmshp :is(.\@5xl\/mobile\:gap-x-6) {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .xmshp :is(.\@5xl\/mobile\:px-16) {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .xmshp :is(.\@5xl\/mobile\:py-0) {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .xmshp :is(.\@5xl\/mobile\:py-16) {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@container mobile (min-width: 80rem) {
  .xmshp :is(.\@7xl\/mobile\:col-start-2) {
    grid-column-start: 2;
  }
  .xmshp :is(.\@7xl\/mobile\:col-end-7) {
    grid-column-end: 7;
  }
  .xmshp :is(.\@7xl\/mobile\:col-end-\[-2\]) {
    grid-column-end: -2;
  }
}
@media (min-width: 640px) {
  .xmshp :is(.sm\:mb-11) {
    margin-bottom: 2.75rem;
  }
  .xmshp :is(.sm\:inline-block) {
    display: inline-block;
  }
  .xmshp :is(.sm\:flex) {
    display: flex;
  }
  .xmshp :is(.sm\:max-h-16) {
    max-height: 4rem;
  }
  .xmshp :is(.sm\:w-80) {
    width: 20rem;
  }
  .xmshp :is(.sm\:max-w-8) {
    max-width: 2rem;
  }
  .xmshp :is(.sm\:flex-row) {
    flex-direction: row;
  }
  .xmshp :is(.sm\:justify-center) {
    justify-content: center;
  }
  .xmshp :is(.sm\:px-10) {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 768px) {
  .xmshp :is(.md\:static) {
    position: static;
  }
  .xmshp :is(.md\:right-4) {
    right: 1rem;
  }
  .xmshp :is(.md\:order-4) {
    order: 4;
  }
  .xmshp :is(.md\:order-5) {
    order: 5;
  }
  .xmshp :is(.md\:mx-0) {
    margin-left: 0px;
    margin-right: 0px;
  }
  .xmshp :is(.md\:mb-0) {
    margin-bottom: 0px;
  }
  .xmshp :is(.md\:mb-12) {
    margin-bottom: 3rem;
  }
  .xmshp :is(.md\:mb-20) {
    margin-bottom: 5rem;
  }
  .xmshp :is(.md\:mb-3) {
    margin-bottom: 0.75rem;
  }
  .xmshp :is(.md\:mb-4) {
    margin-bottom: 1rem;
  }
  .xmshp :is(.md\:ml-28) {
    margin-left: 7rem;
  }
  .xmshp :is(.md\:ml-4) {
    margin-left: 1rem;
  }
  .xmshp :is(.md\:mr-10) {
    margin-right: 2.5rem;
  }
  .xmshp :is(.md\:mr-4) {
    margin-right: 1rem;
  }
  .xmshp :is(.md\:mt-0) {
    margin-top: 0px;
  }
  .xmshp :is(.md\:mt-10) {
    margin-top: 2.5rem;
  }
  .xmshp :is(.md\:mt-16) {
    margin-top: 4rem;
  }
  .xmshp :is(.md\:mt-2) {
    margin-top: 0.5rem;
  }
  .xmshp :is(.md\:mt-4) {
    margin-top: 1rem;
  }
  .xmshp :is(.md\:block) {
    display: block;
  }
  .xmshp :is(.md\:inline-block) {
    display: inline-block;
  }
  .xmshp :is(.md\:grid) {
    display: grid;
  }
  .xmshp :is(.md\:hidden) {
    display: none;
  }
  .xmshp :is(.md\:h-16) {
    height: 4rem;
  }
  .xmshp :is(.md\:h-2\/4) {
    height: 50%;
  }
  .xmshp :is(.md\:h-20) {
    height: 5rem;
  }
  .xmshp :is(.md\:h-auto) {
    height: auto;
  }
  .xmshp :is(.md\:max-h-\[75vh\]) {
    max-height: 75vh;
  }
  .xmshp :is(.md\:max-h-\[90vh\]) {
    max-height: 90vh;
  }
  .xmshp :is(.md\:min-h-0) {
    min-height: 0px;
  }
  .xmshp :is(.md\:min-h-\[400px\]) {
    min-height: 400px;
  }
  .xmshp :is(.md\:w-1\/2) {
    width: 50%;
  }
  .xmshp :is(.md\:w-1\/6) {
    width: 16.666667%;
  }
  .xmshp :is(.md\:w-20) {
    width: 5rem;
  }
  .xmshp :is(.md\:w-40) {
    width: 10rem;
  }
  .xmshp :is(.md\:w-\[611px\]) {
    width: 611px;
  }
  .xmshp :is(.md\:w-auto) {
    width: auto;
  }
  .xmshp :is(.md\:min-w-\[200px\]) {
    min-width: 200px;
  }
  .xmshp :is(.md\:max-w-\[200px\]) {
    max-width: 200px;
  }
  .xmshp :is(.md\:flex-1) {
    flex: 1 1 0%;
  }
  .xmshp :is(.md\:flex-shrink-0) {
    flex-shrink: 0;
  }
  .xmshp :is(.md\:grid-cols-3) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xmshp :is(.md\:flex-row) {
    flex-direction: row;
  }
  .xmshp :is(.md\:flex-nowrap) {
    flex-wrap: nowrap;
  }
  .xmshp :is(.md\:items-start) {
    align-items: flex-start;
  }
  .xmshp :is(.md\:items-end) {
    align-items: flex-end;
  }
  .xmshp :is(.md\:items-center) {
    align-items: center;
  }
  .xmshp :is(.md\:justify-start) {
    justify-content: flex-start;
  }
  .xmshp :is(.md\:justify-end) {
    justify-content: flex-end;
  }
  .xmshp :is(.md\:justify-center) {
    justify-content: center;
  }
  .xmshp :is(.md\:justify-evenly) {
    justify-content: space-evenly;
  }
  .xmshp :is(.md\:gap-10) {
    gap: 2.5rem;
  }
  .xmshp :is(.md\:rounded-large) {
    border-radius: var(--border-radius-large, 16px);
  }
  .xmshp :is(.md\:rounded-medium) {
    border-radius: var(--border-radius-medium, 8px);
  }
  .xmshp :is(.md\:border) {
    border-width: 1px;
  }
  .xmshp :is(.md\:bg-transparent) {
    background-color: var(--background-color-transparent, transparent);
  }
  .xmshp :is(.md\:p-2) {
    padding: 0.5rem;
  }
  .xmshp :is(.md\:p-6) {
    padding: 1.5rem;
  }
  .xmshp :is(.md\:p-8) {
    padding: 2rem;
  }
  .xmshp :is(.md\:px-0) {
    padding-left: 0px;
    padding-right: 0px;
  }
  .xmshp :is(.md\:px-14) {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .xmshp :is(.md\:px-5) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .xmshp :is(.md\:px-6) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xmshp :is(.md\:py-0) {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .xmshp :is(.md\:py-16) {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .xmshp :is(.md\:py-2) {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xmshp :is(.md\:py-2\.5) {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .xmshp :is(.md\:py-4) {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xmshp :is(.md\:pb-0) {
    padding-bottom: 0px;
  }
  .xmshp :is(.md\:pl-14) {
    padding-left: 3.5rem;
  }
  .xmshp :is(.md\:pl-4) {
    padding-left: 1rem;
  }
  .xmshp :is(.md\:pl-6) {
    padding-left: 1.5rem;
  }
  .xmshp :is(.md\:pt-0) {
    padding-top: 0px;
  }
  .xmshp :is(.md\:pt-5) {
    padding-top: 1.25rem;
  }
  .xmshp :is(.md\:text-left) {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .xmshp :is(.lg\:bottom-24) {
    bottom: 6rem;
  }
  .xmshp :is(.lg\:z-100) {
    z-index: 100;
  }
  .xmshp :is(.lg\:col-span-10) {
    grid-column: span 10 / span 10;
  }
  .xmshp :is(.lg\:col-start-2) {
    grid-column-start: 2;
  }
  .xmshp :is(.lg\:row-start-1) {
    grid-row-start: 1;
  }
  .xmshp :is(.lg\:mx-auto) {
    margin-left: auto;
    margin-right: auto;
  }
  .xmshp :is(.lg\:mb-0) {
    margin-bottom: 0px;
  }
  .xmshp :is(.lg\:max-w-4xl) {
    max-width: 56rem;
  }
  .xmshp :is(.lg\:max-w-md) {
    max-width: 28rem;
  }
  .xmshp :is(.lg\:px-0) {
    padding-left: 0px;
    padding-right: 0px;
  }
  .xmshp :is(.lg\:py-1) {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .xmshp :is(.lg\:pt-0) {
    padding-top: 0px;
  }
  .xmshp :is(.lg\:pt-16) {
    padding-top: 4rem;
  }
  .xmshp :is(.lg\:pt-6) {
    padding-top: 1.5rem;
  }
}

.shop-catalog--info-text-color {
  color: #0051d0;
}

.layout.sc-prism-button-group {
  width: 100%;
}