@frak-labs/components 0.0.26-beta.b38eef2e → 0.0.26-beta.bbbb3d22

package/dist/GiftIcon-BrNVWoWm.js

@@ -0,0 +1,1246 @@
+import { jsx, jsxs } from "preact/jsx-runtime";
+//#region \0ve-inline:../../packages/design-system/src/reset.css.ts.vanilla.js
+const cssSource$2 = `.reset_base__1831jhd0 {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  box-sizing: border-box;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+  -webkit-tap-highlight-color: transparent;
+}
+.reset_focusRing__1831jhd1 {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.reset_focusRing__1831jhd1:focus-visible {
+  outline-color: currentColor;
+}
+.reset_fieldAppearance__1831jhd2 {
+  appearance: none;
+  background-color: transparent;
+}
+.reset_visuallyHidden__1831jhd3 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+.reset_element_ul__1831jhd4 {
+  list-style: none;
+}
+.reset_element_ol__1831jhd5 {
+  list-style: none;
+}
+.reset_element_button__1831jhd6 {
+  cursor: pointer;
+}
+.reset_element_a__1831jhd7 {
+  text-decoration: none;
+  color: inherit;
+}
+.reset_element_table__1831jhdb {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+.reset_element_img__1831jhdc {
+  display: block;
+  max-width: 100%;
+}`;
+//#endregion
+//#region \0ve-inline:../../packages/design-system/src/theme.css.ts.vanilla.js
+const cssSource$1 = `:root {
+  --text-primary__pbq4ak0: #000000;
+  --text-secondary__pbq4ak1: #525252;
+  --text-tertiary__pbq4ak2: #a3a3a3;
+  --text-disabled__pbq4ak3: #a3a3a3;
+  --text-action__pbq4ak4: #0043ef;
+  --text-actionHover__pbq4ak5: #0036bf;
+  --text-onAction__pbq4ak6: #ffffff;
+  --text-error__pbq4ak7: #e31c31;
+  --text-success__pbq4ak8: #09be67;
+  --text-warning__pbq4ak9: #ec7e00;
+  --surface-primary__pbq4aka: #0043ef;
+  --surface-secondary__pbq4akb: #f2f6fe;
+  --surface-background__pbq4akc: #ffffff;
+  --surface-background2__pbq4akd: #f9fafb;
+  --surface-elevated__pbq4ake: #ffffff;
+  --surface-muted__pbq4akf: #f7f7f7;
+  --surface-tertiary__pbq4akg: #f7f7f7;
+  --surface-overlay__pbq4akh: #000000b2;
+  --surface-disabled__pbq4aki: #e2e2e2;
+  --surface-primaryHover__pbq4akj: #0036bf;
+  --surface-primaryPressed__pbq4akk: #00288f;
+  --surface-secondaryHover__pbq4akl: #e5ecfd;
+  --surface-secondaryPressed__pbq4akm: #ccd9fc;
+  --surface-error__pbq4akn: #fce8ea;
+  --surface-success__pbq4ako: #f3fcf7;
+  --surface-warning__pbq4akp: #fef9f2;
+  --border-subtle__pbq4akq: #f5f5f5;
+  --border-focus__pbq4akr: #a3a3a3;
+  --border-error__pbq4aks: #e31c31;
+  --border-success__pbq4akt: #09be67;
+  --border-warning__pbq4aku: #ec7e00;
+  --border-default__pbq4akv: #e2e2e2;
+  --icon-primary__pbq4akw: #000000;
+  --icon-secondary__pbq4akx: #525252;
+  --icon-tertiary__pbq4aky: #a3a3a3;
+  --icon-disabled__pbq4akz: #a3a3a3;
+  --icon-action__pbq4ak10: #0043ef;
+  --icon-actionHover__pbq4ak11: #0036bf;
+  --icon-onAction__pbq4ak12: #ffffff;
+  --icon-error__pbq4ak13: #e31c31;
+  --icon-success__pbq4ak14: #09be67;
+  --icon-warning__pbq4ak15: #ec7e00;
+}
+[data-theme='dark'] {
+  --text-primary__pbq4ak0: #ffffff;
+  --text-secondary__pbq4ak1: #f7f7f7;
+  --text-tertiary__pbq4ak2: #f5f5f5;
+  --text-disabled__pbq4ak3: #a3a3a3;
+  --text-action__pbq4ak4: #668ef5;
+  --text-actionHover__pbq4ak5: #0036bf;
+  --text-onAction__pbq4ak6: #ffffff;
+  --text-error__pbq4ak7: #e9495a;
+  --text-success__pbq4ak8: #09be67;
+  --text-warning__pbq4ak9: #ec7e00;
+  --surface-primary__pbq4aka: #0043ef;
+  --surface-secondary__pbq4akb: #00288f;
+  --surface-background__pbq4akc: #000000;
+  --surface-background2__pbq4akd: #000000;
+  --surface-elevated__pbq4ake: #262626;
+  --surface-muted__pbq4akf: #525252;
+  --surface-tertiary__pbq4akg: #737373;
+  --surface-overlay__pbq4akh: #000000b2;
+  --surface-disabled__pbq4aki: #e2e2e2;
+  --surface-primaryHover__pbq4akj: #0036bf;
+  --surface-primaryPressed__pbq4akk: #00288f;
+  --surface-secondaryHover__pbq4akl: #e5ecfd;
+  --surface-secondaryPressed__pbq4akm: #ccd9fc;
+  --surface-error__pbq4akn: #b61627;
+  --surface-success__pbq4ako: #05723e;
+  --surface-warning__pbq4akp: #8e4c00;
+  --border-subtle__pbq4akq: #737373;
+  --border-focus__pbq4akr: #a3a3a3;
+  --border-error__pbq4aks: #e31c31;
+  --border-success__pbq4akt: #09be67;
+  --border-warning__pbq4aku: #ec7e00;
+  --border-default__pbq4akv: #525252;
+  --icon-primary__pbq4akw: #ffffff;
+  --icon-secondary__pbq4akx: #f7f7f7;
+  --icon-tertiary__pbq4aky: #f7f7f7;
+  --icon-disabled__pbq4akz: #a3a3a3;
+  --icon-action__pbq4ak10: #0043ef;
+  --icon-actionHover__pbq4ak11: #0036bf;
+  --icon-onAction__pbq4ak12: #ffffff;
+  --icon-error__pbq4ak13: #e31c31;
+  --icon-success__pbq4ak14: #09be67;
+  --icon-warning__pbq4ak15: #ec7e00;
+}`;
+//#endregion
+//#region \0ve-inline:../../packages/design-system/src/sprinkles.css.ts.vanilla.js
+const cssSource = `.sprinkles_display_none_mobile__1iaw8zx0 {
+  display: none;
+}
+.sprinkles_display_flex_mobile__1iaw8zx3 {
+  display: flex;
+}
+.sprinkles_display_block_mobile__1iaw8zx6 {
+  display: block;
+}
+.sprinkles_display_grid_mobile__1iaw8zx9 {
+  display: grid;
+}
+.sprinkles_display_inline-flex_mobile__1iaw8zxc {
+  display: inline-flex;
+}
+.sprinkles_flexDirection_row_mobile__1iaw8zxf {
+  flex-direction: row;
+}
+.sprinkles_flexDirection_column_mobile__1iaw8zxi {
+  flex-direction: column;
+}
+.sprinkles_alignItems_stretch_mobile__1iaw8zxl {
+  align-items: stretch;
+}
+.sprinkles_alignItems_flex-start_mobile__1iaw8zxo {
+  align-items: flex-start;
+}
+.sprinkles_alignItems_center_mobile__1iaw8zxr {
+  align-items: center;
+}
+.sprinkles_alignItems_flex-end_mobile__1iaw8zxu {
+  align-items: flex-end;
+}
+.sprinkles_alignItems_baseline_mobile__1iaw8zxx {
+  align-items: baseline;
+}
+.sprinkles_justifyContent_stretch_mobile__1iaw8zx10 {
+  justify-content: stretch;
+}
+.sprinkles_justifyContent_flex-start_mobile__1iaw8zx13 {
+  justify-content: flex-start;
+}
+.sprinkles_justifyContent_center_mobile__1iaw8zx16 {
+  justify-content: center;
+}
+.sprinkles_justifyContent_flex-end_mobile__1iaw8zx19 {
+  justify-content: flex-end;
+}
+.sprinkles_justifyContent_space-between_mobile__1iaw8zx1c {
+  justify-content: space-between;
+}
+.sprinkles_justifyContent_space-around_mobile__1iaw8zx1f {
+  justify-content: space-around;
+}
+.sprinkles_flexWrap_nowrap_mobile__1iaw8zx1i {
+  flex-wrap: nowrap;
+}
+.sprinkles_flexWrap_wrap_mobile__1iaw8zx1l {
+  flex-wrap: wrap;
+}
+.sprinkles_flexWrap_wrap-reverse_mobile__1iaw8zx1o {
+  flex-wrap: wrap-reverse;
+}
+.sprinkles_gap_none_mobile__1iaw8zx1r {
+  gap: 0;
+}
+.sprinkles_gap_xxs_mobile__1iaw8zx1u {
+  gap: 4px;
+}
+.sprinkles_gap_xs_mobile__1iaw8zx1x {
+  gap: 8px;
+}
+.sprinkles_gap_s_mobile__1iaw8zx20 {
+  gap: 12px;
+}
+.sprinkles_gap_m_mobile__1iaw8zx23 {
+  gap: 16px;
+}
+.sprinkles_gap_l_mobile__1iaw8zx26 {
+  gap: 24px;
+}
+.sprinkles_gap_xl_mobile__1iaw8zx29 {
+  gap: 32px;
+}
+.sprinkles_paddingTop_none_mobile__1iaw8zx2c {
+  padding-top: 0;
+}
+.sprinkles_paddingTop_xxs_mobile__1iaw8zx2f {
+  padding-top: 4px;
+}
+.sprinkles_paddingTop_xs_mobile__1iaw8zx2i {
+  padding-top: 8px;
+}
+.sprinkles_paddingTop_s_mobile__1iaw8zx2l {
+  padding-top: 12px;
+}
+.sprinkles_paddingTop_m_mobile__1iaw8zx2o {
+  padding-top: 16px;
+}
+.sprinkles_paddingTop_l_mobile__1iaw8zx2r {
+  padding-top: 24px;
+}
+.sprinkles_paddingTop_xl_mobile__1iaw8zx2u {
+  padding-top: 32px;
+}
+.sprinkles_paddingBottom_none_mobile__1iaw8zx2x {
+  padding-bottom: 0;
+}
+.sprinkles_paddingBottom_xxs_mobile__1iaw8zx30 {
+  padding-bottom: 4px;
+}
+.sprinkles_paddingBottom_xs_mobile__1iaw8zx33 {
+  padding-bottom: 8px;
+}
+.sprinkles_paddingBottom_s_mobile__1iaw8zx36 {
+  padding-bottom: 12px;
+}
+.sprinkles_paddingBottom_m_mobile__1iaw8zx39 {
+  padding-bottom: 16px;
+}
+.sprinkles_paddingBottom_l_mobile__1iaw8zx3c {
+  padding-bottom: 24px;
+}
+.sprinkles_paddingBottom_xl_mobile__1iaw8zx3f {
+  padding-bottom: 32px;
+}
+.sprinkles_paddingLeft_none_mobile__1iaw8zx3i {
+  padding-left: 0;
+}
+.sprinkles_paddingLeft_xxs_mobile__1iaw8zx3l {
+  padding-left: 4px;
+}
+.sprinkles_paddingLeft_xs_mobile__1iaw8zx3o {
+  padding-left: 8px;
+}
+.sprinkles_paddingLeft_s_mobile__1iaw8zx3r {
+  padding-left: 12px;
+}
+.sprinkles_paddingLeft_m_mobile__1iaw8zx3u {
+  padding-left: 16px;
+}
+.sprinkles_paddingLeft_l_mobile__1iaw8zx3x {
+  padding-left: 24px;
+}
+.sprinkles_paddingLeft_xl_mobile__1iaw8zx40 {
+  padding-left: 32px;
+}
+.sprinkles_paddingRight_none_mobile__1iaw8zx43 {
+  padding-right: 0;
+}
+.sprinkles_paddingRight_xxs_mobile__1iaw8zx46 {
+  padding-right: 4px;
+}
+.sprinkles_paddingRight_xs_mobile__1iaw8zx49 {
+  padding-right: 8px;
+}
+.sprinkles_paddingRight_s_mobile__1iaw8zx4c {
+  padding-right: 12px;
+}
+.sprinkles_paddingRight_m_mobile__1iaw8zx4f {
+  padding-right: 16px;
+}
+.sprinkles_paddingRight_l_mobile__1iaw8zx4i {
+  padding-right: 24px;
+}
+.sprinkles_paddingRight_xl_mobile__1iaw8zx4l {
+  padding-right: 32px;
+}
+.sprinkles_marginTop_none_mobile__1iaw8zx4o {
+  margin-top: 0;
+}
+.sprinkles_marginTop_xxs_mobile__1iaw8zx4r {
+  margin-top: 4px;
+}
+.sprinkles_marginTop_xs_mobile__1iaw8zx4u {
+  margin-top: 8px;
+}
+.sprinkles_marginTop_s_mobile__1iaw8zx4x {
+  margin-top: 12px;
+}
+.sprinkles_marginTop_m_mobile__1iaw8zx50 {
+  margin-top: 16px;
+}
+.sprinkles_marginTop_l_mobile__1iaw8zx53 {
+  margin-top: 24px;
+}
+.sprinkles_marginTop_xl_mobile__1iaw8zx56 {
+  margin-top: 32px;
+}
+.sprinkles_marginBottom_none_mobile__1iaw8zx59 {
+  margin-bottom: 0;
+}
+.sprinkles_marginBottom_xxs_mobile__1iaw8zx5c {
+  margin-bottom: 4px;
+}
+.sprinkles_marginBottom_xs_mobile__1iaw8zx5f {
+  margin-bottom: 8px;
+}
+.sprinkles_marginBottom_s_mobile__1iaw8zx5i {
+  margin-bottom: 12px;
+}
+.sprinkles_marginBottom_m_mobile__1iaw8zx5l {
+  margin-bottom: 16px;
+}
+.sprinkles_marginBottom_l_mobile__1iaw8zx5o {
+  margin-bottom: 24px;
+}
+.sprinkles_marginBottom_xl_mobile__1iaw8zx5r {
+  margin-bottom: 32px;
+}
+.sprinkles_marginLeft_none_mobile__1iaw8zx5u {
+  margin-left: 0;
+}
+.sprinkles_marginLeft_xxs_mobile__1iaw8zx5x {
+  margin-left: 4px;
+}
+.sprinkles_marginLeft_xs_mobile__1iaw8zx60 {
+  margin-left: 8px;
+}
+.sprinkles_marginLeft_s_mobile__1iaw8zx63 {
+  margin-left: 12px;
+}
+.sprinkles_marginLeft_m_mobile__1iaw8zx66 {
+  margin-left: 16px;
+}
+.sprinkles_marginLeft_l_mobile__1iaw8zx69 {
+  margin-left: 24px;
+}
+.sprinkles_marginLeft_xl_mobile__1iaw8zx6c {
+  margin-left: 32px;
+}
+.sprinkles_marginRight_none_mobile__1iaw8zx6f {
+  margin-right: 0;
+}
+.sprinkles_marginRight_xxs_mobile__1iaw8zx6i {
+  margin-right: 4px;
+}
+.sprinkles_marginRight_xs_mobile__1iaw8zx6l {
+  margin-right: 8px;
+}
+.sprinkles_marginRight_s_mobile__1iaw8zx6o {
+  margin-right: 12px;
+}
+.sprinkles_marginRight_m_mobile__1iaw8zx6r {
+  margin-right: 16px;
+}
+.sprinkles_marginRight_l_mobile__1iaw8zx6u {
+  margin-right: 24px;
+}
+.sprinkles_marginRight_xl_mobile__1iaw8zx6x {
+  margin-right: 32px;
+}
+.sprinkles_borderRadius_none_mobile__1iaw8zx70 {
+  border-radius: 0;
+}
+.sprinkles_borderRadius_xs_mobile__1iaw8zx73 {
+  border-radius: 4px;
+}
+.sprinkles_borderRadius_s_mobile__1iaw8zx76 {
+  border-radius: 8px;
+}
+.sprinkles_borderRadius_m_mobile__1iaw8zx79 {
+  border-radius: 12px;
+}
+.sprinkles_borderRadius_l_mobile__1iaw8zx7c {
+  border-radius: 16px;
+}
+.sprinkles_borderRadius_xl_mobile__1iaw8zx7f {
+  border-radius: 24px;
+}
+.sprinkles_borderRadius_xxl_mobile__1iaw8zx7i {
+  border-radius: 32px;
+}
+.sprinkles_borderRadius_full_mobile__1iaw8zx7l {
+  border-radius: 9999px;
+}
+.sprinkles_position_relative__1iaw8zx7o {
+  position: relative;
+}
+.sprinkles_position_absolute__1iaw8zx7p {
+  position: absolute;
+}
+.sprinkles_position_fixed__1iaw8zx7q {
+  position: fixed;
+}
+.sprinkles_position_sticky__1iaw8zx7r {
+  position: sticky;
+}
+.sprinkles_overflow_hidden__1iaw8zx7s {
+  overflow: hidden;
+}
+.sprinkles_overflow_scroll__1iaw8zx7t {
+  overflow: scroll;
+}
+.sprinkles_overflow_visible__1iaw8zx7u {
+  overflow: visible;
+}
+.sprinkles_overflow_auto__1iaw8zx7v {
+  overflow: auto;
+}
+.sprinkles_cursor_default__1iaw8zx7w {
+  cursor: default;
+}
+.sprinkles_cursor_pointer__1iaw8zx7x {
+  cursor: pointer;
+}
+.sprinkles_flexShrink_0__1iaw8zx7y {
+  flex-shrink: 0;
+}
+.sprinkles_flexGrow_0__1iaw8zx7z {
+  flex-grow: 0;
+}
+.sprinkles_flexGrow_1__1iaw8zx80 {
+  flex-grow: 1;
+}
+.sprinkles_textAlign_left__1iaw8zx81 {
+  text-align: left;
+}
+.sprinkles_textAlign_center__1iaw8zx82 {
+  text-align: center;
+}
+.sprinkles_textAlign_right__1iaw8zx83 {
+  text-align: right;
+}
+.sprinkles_fontSize_xs__1iaw8zx84 {
+  font-size: 12px;
+}
+.sprinkles_fontSize_s__1iaw8zx85 {
+  font-size: 14px;
+}
+.sprinkles_fontSize_m__1iaw8zx86 {
+  font-size: 16px;
+}
+.sprinkles_fontSize_l__1iaw8zx87 {
+  font-size: 18px;
+}
+.sprinkles_fontSize_xl__1iaw8zx88 {
+  font-size: 20px;
+}
+.sprinkles_fontSize_2xl__1iaw8zx89 {
+  font-size: 24px;
+}
+.sprinkles_fontSize_3xl__1iaw8zx8a {
+  font-size: 28px;
+}
+.sprinkles_fontSize_4xl__1iaw8zx8b {
+  font-size: 32px;
+}
+.sprinkles_fontSize_5xl__1iaw8zx8c {
+  font-size: 40px;
+}
+.sprinkles_fontSize_6xl__1iaw8zx8d {
+  font-size: 48px;
+}
+.sprinkles_fontWeight_regular__1iaw8zx8e {
+  font-weight: 400;
+}
+.sprinkles_fontWeight_medium__1iaw8zx8f {
+  font-weight: 500;
+}
+.sprinkles_fontWeight_semiBold__1iaw8zx8g {
+  font-weight: 600;
+}
+.sprinkles_fontWeight_bold__1iaw8zx8h {
+  font-weight: 700;
+}
+.sprinkles_color_primary_lightMode__1iaw8zx8i {
+  color: var(--text-primary__pbq4ak0);
+}
+[data-theme='dark'] .sprinkles_color_primary_darkMode__1iaw8zx8j {
+  color: var(--text-primary__pbq4ak0);
+}
+.sprinkles_color_secondary_lightMode__1iaw8zx8k {
+  color: var(--text-secondary__pbq4ak1);
+}
+[data-theme='dark'] .sprinkles_color_secondary_darkMode__1iaw8zx8l {
+  color: var(--text-secondary__pbq4ak1);
+}
+.sprinkles_color_tertiary_lightMode__1iaw8zx8m {
+  color: var(--text-tertiary__pbq4ak2);
+}
+[data-theme='dark'] .sprinkles_color_tertiary_darkMode__1iaw8zx8n {
+  color: var(--text-tertiary__pbq4ak2);
+}
+.sprinkles_color_disabled_lightMode__1iaw8zx8o {
+  color: var(--text-disabled__pbq4ak3);
+}
+[data-theme='dark'] .sprinkles_color_disabled_darkMode__1iaw8zx8p {
+  color: var(--text-disabled__pbq4ak3);
+}
+.sprinkles_color_action_lightMode__1iaw8zx8q {
+  color: var(--text-action__pbq4ak4);
+}
+[data-theme='dark'] .sprinkles_color_action_darkMode__1iaw8zx8r {
+  color: var(--text-action__pbq4ak4);
+}
+.sprinkles_color_onAction_lightMode__1iaw8zx8s {
+  color: var(--text-onAction__pbq4ak6);
+}
+[data-theme='dark'] .sprinkles_color_onAction_darkMode__1iaw8zx8t {
+  color: var(--text-onAction__pbq4ak6);
+}
+.sprinkles_color_error_lightMode__1iaw8zx8u {
+  color: var(--text-error__pbq4ak7);
+}
+[data-theme='dark'] .sprinkles_color_error_darkMode__1iaw8zx8v {
+  color: var(--text-error__pbq4ak7);
+}
+.sprinkles_color_success_lightMode__1iaw8zx8w {
+  color: var(--text-success__pbq4ak8);
+}
+[data-theme='dark'] .sprinkles_color_success_darkMode__1iaw8zx8x {
+  color: var(--text-success__pbq4ak8);
+}
+.sprinkles_color_warning_lightMode__1iaw8zx8y {
+  color: var(--text-warning__pbq4ak9);
+}
+[data-theme='dark'] .sprinkles_color_warning_darkMode__1iaw8zx8z {
+  color: var(--text-warning__pbq4ak9);
+}
+.sprinkles_backgroundColor_primary_lightMode__1iaw8zx90 {
+  background-color: var(--surface-primary__pbq4aka);
+}
+[data-theme='dark'] .sprinkles_backgroundColor_primary_darkMode__1iaw8zx91 {
+  background-color: var(--surface-primary__pbq4aka);
+}
+.sprinkles_backgroundColor_secondary_lightMode__1iaw8zx92 {
+  background-color: var(--surface-secondary__pbq4akb);
+}
+[data-theme='dark'] .sprinkles_backgroundColor_secondary_darkMode__1iaw8zx93 {
+  background-color: var(--surface-secondary__pbq4akb);
+}
+.sprinkles_backgroundColor_background_lightMode__1iaw8zx94 {
+  background-color: var(--surface-background__pbq4akc);
+}
+[data-theme='dark'] .sprinkles_backgroundColor_background_darkMode__1iaw8zx95 {
+  background-color: var(--surface-background__pbq4akc);
+}
+.sprinkles_backgroundColor_elevated_lightMode__1iaw8zx96 {
+  background-color: var(--surface-elevated__pbq4ake);
+}
+[data-theme='dark'] .sprinkles_backgroundColor_elevated_darkMode__1iaw8zx97 {
+  background-color: var(--surface-elevated__pbq4ake);
+}
+.sprinkles_backgroundColor_muted_lightMode__1iaw8zx98 {
+  background-color: var(--surface-muted__pbq4akf);
+}
+[data-theme='dark'] .sprinkles_backgroundColor_muted_darkMode__1iaw8zx99 {
+  background-color: var(--surface-muted__pbq4akf);
+}
+.sprinkles_backgroundColor_tertiary_lightMode__1iaw8zx9a {
+  background-color: var(--surface-tertiary__pbq4akg);
+}
+[data-theme='dark'] .sprinkles_backgroundColor_tertiary_darkMode__1iaw8zx9b {
+  background-color: var(--surface-tertiary__pbq4akg);
+}
+.sprinkles_backgroundColor_disabled_lightMode__1iaw8zx9c {
+  background-color: var(--surface-disabled__pbq4aki);
+}
+[data-theme='dark'] .sprinkles_backgroundColor_disabled_darkMode__1iaw8zx9d {
+  background-color: var(--surface-disabled__pbq4aki);
+}
+.sprinkles_backgroundColor_error_lightMode__1iaw8zx9e {
+  background-color: var(--surface-error__pbq4akn);
+}
+[data-theme='dark'] .sprinkles_backgroundColor_error_darkMode__1iaw8zx9f {
+  background-color: var(--surface-error__pbq4akn);
+}
+.sprinkles_backgroundColor_success_lightMode__1iaw8zx9g {
+  background-color: var(--surface-success__pbq4ako);
+}
+[data-theme='dark'] .sprinkles_backgroundColor_success_darkMode__1iaw8zx9h {
+  background-color: var(--surface-success__pbq4ako);
+}
+.sprinkles_backgroundColor_warning_lightMode__1iaw8zx9i {
+  background-color: var(--surface-warning__pbq4akp);
+}
+[data-theme='dark'] .sprinkles_backgroundColor_warning_darkMode__1iaw8zx9j {
+  background-color: var(--surface-warning__pbq4akp);
+}
+@media screen and (min-width: 768px) {
+  .sprinkles_display_none_tablet__1iaw8zx1 {
+    display: none;
+  }
+  .sprinkles_display_flex_tablet__1iaw8zx4 {
+    display: flex;
+  }
+  .sprinkles_display_block_tablet__1iaw8zx7 {
+    display: block;
+  }
+  .sprinkles_display_grid_tablet__1iaw8zxa {
+    display: grid;
+  }
+  .sprinkles_display_inline-flex_tablet__1iaw8zxd {
+    display: inline-flex;
+  }
+  .sprinkles_flexDirection_row_tablet__1iaw8zxg {
+    flex-direction: row;
+  }
+  .sprinkles_flexDirection_column_tablet__1iaw8zxj {
+    flex-direction: column;
+  }
+  .sprinkles_alignItems_stretch_tablet__1iaw8zxm {
+    align-items: stretch;
+  }
+  .sprinkles_alignItems_flex-start_tablet__1iaw8zxp {
+    align-items: flex-start;
+  }
+  .sprinkles_alignItems_center_tablet__1iaw8zxs {
+    align-items: center;
+  }
+  .sprinkles_alignItems_flex-end_tablet__1iaw8zxv {
+    align-items: flex-end;
+  }
+  .sprinkles_alignItems_baseline_tablet__1iaw8zxy {
+    align-items: baseline;
+  }
+  .sprinkles_justifyContent_stretch_tablet__1iaw8zx11 {
+    justify-content: stretch;
+  }
+  .sprinkles_justifyContent_flex-start_tablet__1iaw8zx14 {
+    justify-content: flex-start;
+  }
+  .sprinkles_justifyContent_center_tablet__1iaw8zx17 {
+    justify-content: center;
+  }
+  .sprinkles_justifyContent_flex-end_tablet__1iaw8zx1a {
+    justify-content: flex-end;
+  }
+  .sprinkles_justifyContent_space-between_tablet__1iaw8zx1d {
+    justify-content: space-between;
+  }
+  .sprinkles_justifyContent_space-around_tablet__1iaw8zx1g {
+    justify-content: space-around;
+  }
+  .sprinkles_flexWrap_nowrap_tablet__1iaw8zx1j {
+    flex-wrap: nowrap;
+  }
+  .sprinkles_flexWrap_wrap_tablet__1iaw8zx1m {
+    flex-wrap: wrap;
+  }
+  .sprinkles_flexWrap_wrap-reverse_tablet__1iaw8zx1p {
+    flex-wrap: wrap-reverse;
+  }
+  .sprinkles_gap_none_tablet__1iaw8zx1s {
+    gap: 0;
+  }
+  .sprinkles_gap_xxs_tablet__1iaw8zx1v {
+    gap: 4px;
+  }
+  .sprinkles_gap_xs_tablet__1iaw8zx1y {
+    gap: 8px;
+  }
+  .sprinkles_gap_s_tablet__1iaw8zx21 {
+    gap: 12px;
+  }
+  .sprinkles_gap_m_tablet__1iaw8zx24 {
+    gap: 16px;
+  }
+  .sprinkles_gap_l_tablet__1iaw8zx27 {
+    gap: 24px;
+  }
+  .sprinkles_gap_xl_tablet__1iaw8zx2a {
+    gap: 32px;
+  }
+  .sprinkles_paddingTop_none_tablet__1iaw8zx2d {
+    padding-top: 0;
+  }
+  .sprinkles_paddingTop_xxs_tablet__1iaw8zx2g {
+    padding-top: 4px;
+  }
+  .sprinkles_paddingTop_xs_tablet__1iaw8zx2j {
+    padding-top: 8px;
+  }
+  .sprinkles_paddingTop_s_tablet__1iaw8zx2m {
+    padding-top: 12px;
+  }
+  .sprinkles_paddingTop_m_tablet__1iaw8zx2p {
+    padding-top: 16px;
+  }
+  .sprinkles_paddingTop_l_tablet__1iaw8zx2s {
+    padding-top: 24px;
+  }
+  .sprinkles_paddingTop_xl_tablet__1iaw8zx2v {
+    padding-top: 32px;
+  }
+  .sprinkles_paddingBottom_none_tablet__1iaw8zx2y {
+    padding-bottom: 0;
+  }
+  .sprinkles_paddingBottom_xxs_tablet__1iaw8zx31 {
+    padding-bottom: 4px;
+  }
+  .sprinkles_paddingBottom_xs_tablet__1iaw8zx34 {
+    padding-bottom: 8px;
+  }
+  .sprinkles_paddingBottom_s_tablet__1iaw8zx37 {
+    padding-bottom: 12px;
+  }
+  .sprinkles_paddingBottom_m_tablet__1iaw8zx3a {
+    padding-bottom: 16px;
+  }
+  .sprinkles_paddingBottom_l_tablet__1iaw8zx3d {
+    padding-bottom: 24px;
+  }
+  .sprinkles_paddingBottom_xl_tablet__1iaw8zx3g {
+    padding-bottom: 32px;
+  }
+  .sprinkles_paddingLeft_none_tablet__1iaw8zx3j {
+    padding-left: 0;
+  }
+  .sprinkles_paddingLeft_xxs_tablet__1iaw8zx3m {
+    padding-left: 4px;
+  }
+  .sprinkles_paddingLeft_xs_tablet__1iaw8zx3p {
+    padding-left: 8px;
+  }
+  .sprinkles_paddingLeft_s_tablet__1iaw8zx3s {
+    padding-left: 12px;
+  }
+  .sprinkles_paddingLeft_m_tablet__1iaw8zx3v {
+    padding-left: 16px;
+  }
+  .sprinkles_paddingLeft_l_tablet__1iaw8zx3y {
+    padding-left: 24px;
+  }
+  .sprinkles_paddingLeft_xl_tablet__1iaw8zx41 {
+    padding-left: 32px;
+  }
+  .sprinkles_paddingRight_none_tablet__1iaw8zx44 {
+    padding-right: 0;
+  }
+  .sprinkles_paddingRight_xxs_tablet__1iaw8zx47 {
+    padding-right: 4px;
+  }
+  .sprinkles_paddingRight_xs_tablet__1iaw8zx4a {
+    padding-right: 8px;
+  }
+  .sprinkles_paddingRight_s_tablet__1iaw8zx4d {
+    padding-right: 12px;
+  }
+  .sprinkles_paddingRight_m_tablet__1iaw8zx4g {
+    padding-right: 16px;
+  }
+  .sprinkles_paddingRight_l_tablet__1iaw8zx4j {
+    padding-right: 24px;
+  }
+  .sprinkles_paddingRight_xl_tablet__1iaw8zx4m {
+    padding-right: 32px;
+  }
+  .sprinkles_marginTop_none_tablet__1iaw8zx4p {
+    margin-top: 0;
+  }
+  .sprinkles_marginTop_xxs_tablet__1iaw8zx4s {
+    margin-top: 4px;
+  }
+  .sprinkles_marginTop_xs_tablet__1iaw8zx4v {
+    margin-top: 8px;
+  }
+  .sprinkles_marginTop_s_tablet__1iaw8zx4y {
+    margin-top: 12px;
+  }
+  .sprinkles_marginTop_m_tablet__1iaw8zx51 {
+    margin-top: 16px;
+  }
+  .sprinkles_marginTop_l_tablet__1iaw8zx54 {
+    margin-top: 24px;
+  }
+  .sprinkles_marginTop_xl_tablet__1iaw8zx57 {
+    margin-top: 32px;
+  }
+  .sprinkles_marginBottom_none_tablet__1iaw8zx5a {
+    margin-bottom: 0;
+  }
+  .sprinkles_marginBottom_xxs_tablet__1iaw8zx5d {
+    margin-bottom: 4px;
+  }
+  .sprinkles_marginBottom_xs_tablet__1iaw8zx5g {
+    margin-bottom: 8px;
+  }
+  .sprinkles_marginBottom_s_tablet__1iaw8zx5j {
+    margin-bottom: 12px;
+  }
+  .sprinkles_marginBottom_m_tablet__1iaw8zx5m {
+    margin-bottom: 16px;
+  }
+  .sprinkles_marginBottom_l_tablet__1iaw8zx5p {
+    margin-bottom: 24px;
+  }
+  .sprinkles_marginBottom_xl_tablet__1iaw8zx5s {
+    margin-bottom: 32px;
+  }
+  .sprinkles_marginLeft_none_tablet__1iaw8zx5v {
+    margin-left: 0;
+  }
+  .sprinkles_marginLeft_xxs_tablet__1iaw8zx5y {
+    margin-left: 4px;
+  }
+  .sprinkles_marginLeft_xs_tablet__1iaw8zx61 {
+    margin-left: 8px;
+  }
+  .sprinkles_marginLeft_s_tablet__1iaw8zx64 {
+    margin-left: 12px;
+  }
+  .sprinkles_marginLeft_m_tablet__1iaw8zx67 {
+    margin-left: 16px;
+  }
+  .sprinkles_marginLeft_l_tablet__1iaw8zx6a {
+    margin-left: 24px;
+  }
+  .sprinkles_marginLeft_xl_tablet__1iaw8zx6d {
+    margin-left: 32px;
+  }
+  .sprinkles_marginRight_none_tablet__1iaw8zx6g {
+    margin-right: 0;
+  }
+  .sprinkles_marginRight_xxs_tablet__1iaw8zx6j {
+    margin-right: 4px;
+  }
+  .sprinkles_marginRight_xs_tablet__1iaw8zx6m {
+    margin-right: 8px;
+  }
+  .sprinkles_marginRight_s_tablet__1iaw8zx6p {
+    margin-right: 12px;
+  }
+  .sprinkles_marginRight_m_tablet__1iaw8zx6s {
+    margin-right: 16px;
+  }
+  .sprinkles_marginRight_l_tablet__1iaw8zx6v {
+    margin-right: 24px;
+  }
+  .sprinkles_marginRight_xl_tablet__1iaw8zx6y {
+    margin-right: 32px;
+  }
+  .sprinkles_borderRadius_none_tablet__1iaw8zx71 {
+    border-radius: 0;
+  }
+  .sprinkles_borderRadius_xs_tablet__1iaw8zx74 {
+    border-radius: 4px;
+  }
+  .sprinkles_borderRadius_s_tablet__1iaw8zx77 {
+    border-radius: 8px;
+  }
+  .sprinkles_borderRadius_m_tablet__1iaw8zx7a {
+    border-radius: 12px;
+  }
+  .sprinkles_borderRadius_l_tablet__1iaw8zx7d {
+    border-radius: 16px;
+  }
+  .sprinkles_borderRadius_xl_tablet__1iaw8zx7g {
+    border-radius: 24px;
+  }
+  .sprinkles_borderRadius_xxl_tablet__1iaw8zx7j {
+    border-radius: 32px;
+  }
+  .sprinkles_borderRadius_full_tablet__1iaw8zx7m {
+    border-radius: 9999px;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .sprinkles_display_none_desktop__1iaw8zx2 {
+    display: none;
+  }
+  .sprinkles_display_flex_desktop__1iaw8zx5 {
+    display: flex;
+  }
+  .sprinkles_display_block_desktop__1iaw8zx8 {
+    display: block;
+  }
+  .sprinkles_display_grid_desktop__1iaw8zxb {
+    display: grid;
+  }
+  .sprinkles_display_inline-flex_desktop__1iaw8zxe {
+    display: inline-flex;
+  }
+  .sprinkles_flexDirection_row_desktop__1iaw8zxh {
+    flex-direction: row;
+  }
+  .sprinkles_flexDirection_column_desktop__1iaw8zxk {
+    flex-direction: column;
+  }
+  .sprinkles_alignItems_stretch_desktop__1iaw8zxn {
+    align-items: stretch;
+  }
+  .sprinkles_alignItems_flex-start_desktop__1iaw8zxq {
+    align-items: flex-start;
+  }
+  .sprinkles_alignItems_center_desktop__1iaw8zxt {
+    align-items: center;
+  }
+  .sprinkles_alignItems_flex-end_desktop__1iaw8zxw {
+    align-items: flex-end;
+  }
+  .sprinkles_alignItems_baseline_desktop__1iaw8zxz {
+    align-items: baseline;
+  }
+  .sprinkles_justifyContent_stretch_desktop__1iaw8zx12 {
+    justify-content: stretch;
+  }
+  .sprinkles_justifyContent_flex-start_desktop__1iaw8zx15 {
+    justify-content: flex-start;
+  }
+  .sprinkles_justifyContent_center_desktop__1iaw8zx18 {
+    justify-content: center;
+  }
+  .sprinkles_justifyContent_flex-end_desktop__1iaw8zx1b {
+    justify-content: flex-end;
+  }
+  .sprinkles_justifyContent_space-between_desktop__1iaw8zx1e {
+    justify-content: space-between;
+  }
+  .sprinkles_justifyContent_space-around_desktop__1iaw8zx1h {
+    justify-content: space-around;
+  }
+  .sprinkles_flexWrap_nowrap_desktop__1iaw8zx1k {
+    flex-wrap: nowrap;
+  }
+  .sprinkles_flexWrap_wrap_desktop__1iaw8zx1n {
+    flex-wrap: wrap;
+  }
+  .sprinkles_flexWrap_wrap-reverse_desktop__1iaw8zx1q {
+    flex-wrap: wrap-reverse;
+  }
+  .sprinkles_gap_none_desktop__1iaw8zx1t {
+    gap: 0;
+  }
+  .sprinkles_gap_xxs_desktop__1iaw8zx1w {
+    gap: 4px;
+  }
+  .sprinkles_gap_xs_desktop__1iaw8zx1z {
+    gap: 8px;
+  }
+  .sprinkles_gap_s_desktop__1iaw8zx22 {
+    gap: 12px;
+  }
+  .sprinkles_gap_m_desktop__1iaw8zx25 {
+    gap: 16px;
+  }
+  .sprinkles_gap_l_desktop__1iaw8zx28 {
+    gap: 24px;
+  }
+  .sprinkles_gap_xl_desktop__1iaw8zx2b {
+    gap: 32px;
+  }
+  .sprinkles_paddingTop_none_desktop__1iaw8zx2e {
+    padding-top: 0;
+  }
+  .sprinkles_paddingTop_xxs_desktop__1iaw8zx2h {
+    padding-top: 4px;
+  }
+  .sprinkles_paddingTop_xs_desktop__1iaw8zx2k {
+    padding-top: 8px;
+  }
+  .sprinkles_paddingTop_s_desktop__1iaw8zx2n {
+    padding-top: 12px;
+  }
+  .sprinkles_paddingTop_m_desktop__1iaw8zx2q {
+    padding-top: 16px;
+  }
+  .sprinkles_paddingTop_l_desktop__1iaw8zx2t {
+    padding-top: 24px;
+  }
+  .sprinkles_paddingTop_xl_desktop__1iaw8zx2w {
+    padding-top: 32px;
+  }
+  .sprinkles_paddingBottom_none_desktop__1iaw8zx2z {
+    padding-bottom: 0;
+  }
+  .sprinkles_paddingBottom_xxs_desktop__1iaw8zx32 {
+    padding-bottom: 4px;
+  }
+  .sprinkles_paddingBottom_xs_desktop__1iaw8zx35 {
+    padding-bottom: 8px;
+  }
+  .sprinkles_paddingBottom_s_desktop__1iaw8zx38 {
+    padding-bottom: 12px;
+  }
+  .sprinkles_paddingBottom_m_desktop__1iaw8zx3b {
+    padding-bottom: 16px;
+  }
+  .sprinkles_paddingBottom_l_desktop__1iaw8zx3e {
+    padding-bottom: 24px;
+  }
+  .sprinkles_paddingBottom_xl_desktop__1iaw8zx3h {
+    padding-bottom: 32px;
+  }
+  .sprinkles_paddingLeft_none_desktop__1iaw8zx3k {
+    padding-left: 0;
+  }
+  .sprinkles_paddingLeft_xxs_desktop__1iaw8zx3n {
+    padding-left: 4px;
+  }
+  .sprinkles_paddingLeft_xs_desktop__1iaw8zx3q {
+    padding-left: 8px;
+  }
+  .sprinkles_paddingLeft_s_desktop__1iaw8zx3t {
+    padding-left: 12px;
+  }
+  .sprinkles_paddingLeft_m_desktop__1iaw8zx3w {
+    padding-left: 16px;
+  }
+  .sprinkles_paddingLeft_l_desktop__1iaw8zx3z {
+    padding-left: 24px;
+  }
+  .sprinkles_paddingLeft_xl_desktop__1iaw8zx42 {
+    padding-left: 32px;
+  }
+  .sprinkles_paddingRight_none_desktop__1iaw8zx45 {
+    padding-right: 0;
+  }
+  .sprinkles_paddingRight_xxs_desktop__1iaw8zx48 {
+    padding-right: 4px;
+  }
+  .sprinkles_paddingRight_xs_desktop__1iaw8zx4b {
+    padding-right: 8px;
+  }
+  .sprinkles_paddingRight_s_desktop__1iaw8zx4e {
+    padding-right: 12px;
+  }
+  .sprinkles_paddingRight_m_desktop__1iaw8zx4h {
+    padding-right: 16px;
+  }
+  .sprinkles_paddingRight_l_desktop__1iaw8zx4k {
+    padding-right: 24px;
+  }
+  .sprinkles_paddingRight_xl_desktop__1iaw8zx4n {
+    padding-right: 32px;
+  }
+  .sprinkles_marginTop_none_desktop__1iaw8zx4q {
+    margin-top: 0;
+  }
+  .sprinkles_marginTop_xxs_desktop__1iaw8zx4t {
+    margin-top: 4px;
+  }
+  .sprinkles_marginTop_xs_desktop__1iaw8zx4w {
+    margin-top: 8px;
+  }
+  .sprinkles_marginTop_s_desktop__1iaw8zx4z {
+    margin-top: 12px;
+  }
+  .sprinkles_marginTop_m_desktop__1iaw8zx52 {
+    margin-top: 16px;
+  }
+  .sprinkles_marginTop_l_desktop__1iaw8zx55 {
+    margin-top: 24px;
+  }
+  .sprinkles_marginTop_xl_desktop__1iaw8zx58 {
+    margin-top: 32px;
+  }
+  .sprinkles_marginBottom_none_desktop__1iaw8zx5b {
+    margin-bottom: 0;
+  }
+  .sprinkles_marginBottom_xxs_desktop__1iaw8zx5e {
+    margin-bottom: 4px;
+  }
+  .sprinkles_marginBottom_xs_desktop__1iaw8zx5h {
+    margin-bottom: 8px;
+  }
+  .sprinkles_marginBottom_s_desktop__1iaw8zx5k {
+    margin-bottom: 12px;
+  }
+  .sprinkles_marginBottom_m_desktop__1iaw8zx5n {
+    margin-bottom: 16px;
+  }
+  .sprinkles_marginBottom_l_desktop__1iaw8zx5q {
+    margin-bottom: 24px;
+  }
+  .sprinkles_marginBottom_xl_desktop__1iaw8zx5t {
+    margin-bottom: 32px;
+  }
+  .sprinkles_marginLeft_none_desktop__1iaw8zx5w {
+    margin-left: 0;
+  }
+  .sprinkles_marginLeft_xxs_desktop__1iaw8zx5z {
+    margin-left: 4px;
+  }
+  .sprinkles_marginLeft_xs_desktop__1iaw8zx62 {
+    margin-left: 8px;
+  }
+  .sprinkles_marginLeft_s_desktop__1iaw8zx65 {
+    margin-left: 12px;
+  }
+  .sprinkles_marginLeft_m_desktop__1iaw8zx68 {
+    margin-left: 16px;
+  }
+  .sprinkles_marginLeft_l_desktop__1iaw8zx6b {
+    margin-left: 24px;
+  }
+  .sprinkles_marginLeft_xl_desktop__1iaw8zx6e {
+    margin-left: 32px;
+  }
+  .sprinkles_marginRight_none_desktop__1iaw8zx6h {
+    margin-right: 0;
+  }
+  .sprinkles_marginRight_xxs_desktop__1iaw8zx6k {
+    margin-right: 4px;
+  }
+  .sprinkles_marginRight_xs_desktop__1iaw8zx6n {
+    margin-right: 8px;
+  }
+  .sprinkles_marginRight_s_desktop__1iaw8zx6q {
+    margin-right: 12px;
+  }
+  .sprinkles_marginRight_m_desktop__1iaw8zx6t {
+    margin-right: 16px;
+  }
+  .sprinkles_marginRight_l_desktop__1iaw8zx6w {
+    margin-right: 24px;
+  }
+  .sprinkles_marginRight_xl_desktop__1iaw8zx6z {
+    margin-right: 32px;
+  }
+  .sprinkles_borderRadius_none_desktop__1iaw8zx72 {
+    border-radius: 0;
+  }
+  .sprinkles_borderRadius_xs_desktop__1iaw8zx75 {
+    border-radius: 4px;
+  }
+  .sprinkles_borderRadius_s_desktop__1iaw8zx78 {
+    border-radius: 8px;
+  }
+  .sprinkles_borderRadius_m_desktop__1iaw8zx7b {
+    border-radius: 12px;
+  }
+  .sprinkles_borderRadius_l_desktop__1iaw8zx7e {
+    border-radius: 16px;
+  }
+  .sprinkles_borderRadius_xl_desktop__1iaw8zx7h {
+    border-radius: 24px;
+  }
+  .sprinkles_borderRadius_xxl_desktop__1iaw8zx7k {
+    border-radius: 32px;
+  }
+  .sprinkles_borderRadius_full_desktop__1iaw8zx7n {
+    border-radius: 9999px;
+  }
+}`;
+//#endregion
+//#region src/components/icons/GiftIcon.tsx
+/**
+* Gift icon with yellow accent circle and present box.
+* Used by the referral banner and the post-purchase card.
+*/
+function GiftIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 100 100",
+		fill: "none",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("circle", {
+				cx: "38",
+				cy: "28",
+				r: "23",
+				fill: "#FFF533"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M50 38C30 10 12 30 50 38Z",
+				stroke: "#222222",
+				"stroke-width": "4",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M50 38C70 10 88 30 50 38Z",
+				stroke: "#222222",
+				"stroke-width": "4",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}),
+			/* @__PURE__ */ jsx("rect", {
+				x: "10",
+				y: "38",
+				width: "80",
+				height: "16",
+				rx: "2",
+				stroke: "#222222",
+				"stroke-width": "4"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M15 54V89C15 90.6 16.4 92 18 92H82C83.6 92 85 90.6 85 89V54",
+				stroke: "#222222",
+				"stroke-width": "4",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}),
+			/* @__PURE__ */ jsx("line", {
+				x1: "50",
+				y1: "54",
+				x2: "50",
+				y2: "92",
+				stroke: "#222222",
+				"stroke-width": "4",
+				"stroke-linecap": "round"
+			})
+		]
+	});
+}
+//#endregion
+export { cssSource$2 as i, cssSource as n, cssSource$1 as r, GiftIcon as t };