@telia/teddy 0.0.15 → 0.0.17

package/dist/style.css

@@ -0,0 +1,3406 @@
+._teddy-text_2zpdm_1 {
+  color: inherit;
+  display: block;
+  margin: 0;
+  hyphens: none;
+}
+._teddy-text--disabled_2zpdm_7 {
+  color: var(--teddy-color-text-weak);
+}
+._teddy-text--hyphens_2zpdm_10 {
+  hyphens: auto;
+}
+._teddy-text--paragraph-100_2zpdm_13 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-normal);
+  font-size: var(--teddy-typography-scale-100);
+  line-height: var(--teddy-typography-line-height-loose);
+}
+._teddy-text--paragraph-100-medium_2zpdm_19 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-normal);
+  font-size: var(--teddy-typography-scale-100);
+  line-height: var(--teddy-typography-line-height-loose);
+  font-weight: var(--teddy-typography-weight-medium);
+}
+._teddy-text--paragraph-100-bold_2zpdm_26 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-normal);
+  font-size: var(--teddy-typography-scale-100);
+  line-height: var(--teddy-typography-line-height-loose);
+  font-weight: var(--teddy-typography-weight-bold);
+}
+._teddy-text--paragraph-200_2zpdm_33 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-normal);
+  font-size: var(--teddy-typography-scale-100);
+  line-height: var(--teddy-typography-line-height-looser);
+}
+._teddy-text--preamble-100_2zpdm_39 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-normal);
+  font-size: var(--teddy-typography-scale-200);
+  line-height: var(--teddy-typography-line-height-loose);
+}
+._teddy-text--preamble-200_2zpdm_45 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-normal);
+  font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
+  line-height: var(--teddy-typography-line-height-loose);
+}
+._teddy-text--additional-100_2zpdm_51 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-normal);
+  font-size: var(--teddy-typography-scale-75);
+  line-height: var(--teddy-typography-line-height-loose);
+}
+._teddy-text--additional-100-medium_2zpdm_57 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-normal);
+  font-size: var(--teddy-typography-scale-75);
+  line-height: var(--teddy-typography-line-height-loose);
+  font-weight: var(--teddy-typography-weight-medium);
+}
+._teddy-text--overline-100_2zpdm_64 {
+  font-family: var(--teddy-typography-family-default);
+  font-size: var(--teddy-typography-scale-75);
+  letter-spacing: var(--teddy-spacing-10);
+  line-height: var(--teddy-typography-line-height-tight);
+  text-transform: uppercase;
+}
+._teddy-text--overline-200_2zpdm_71 {
+  font-family: var(--teddy-typography-family-default);
+  font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
+  letter-spacing: var(--teddy-spacing-10);
+  line-height: var(--teddy-typography-line-height-tight);
+  text-transform: uppercase;
+}._teddy-spinner--xxs_ywden_1 {
+  height: var(--teddy-spacing-250);
+  width: var(--teddy-spacing-250);
+}
+._teddy-spinner--xs_ywden_5 {
+  height: var(--teddy-spacing-300);
+  width: var(--teddy-spacing-300);
+}
+._teddy-spinner--sm_ywden_9 {
+  height: var(--teddy-spacing-400);
+  width: var(--teddy-spacing-400);
+}
+._teddy-spinner--md_ywden_13 {
+  height: var(--teddy-spacing-600);
+  width: var(--teddy-spacing-600);
+  stroke-width: 3.5;
+}
+._teddy-spinner--lg_ywden_18 {
+  height: var(--teddy-spacing-800);
+  width: var(--teddy-spacing-800);
+  stroke-width: 3;
+}
+._teddy-spinner__circle_ywden_23 {
+  --stroke-color: var(--teddy-color-border-interactive-primary);
+  stroke-dasharray: 150;
+  animation: _dash_ywden_1 2s ease-in-out infinite, _rotate_ywden_1 1s linear infinite;
+  transform-origin: center;
+  stroke-width: 4;
+  stroke-linecap: round;
+  fill: transparent;
+  stroke: var(--stroke-color);
+}
+._teddy-spinner__circle--disabled_ywden_33 {
+  --stroke-color: var(--teddy-color-border-weak);
+}
+._teddy-spinner__circle--negative_ywden_36 {
+  --stroke-color: var(--teddy-color-border-interactive-primary-negative);
+}
+._teddy-spinner__circle--negative-disabled_ywden_39 {
+  --stroke-color: var(--teddy-color-border-weak-negative);
+}
+
+@keyframes _rotate_ywden_1 {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes _dash_ywden_1 {
+  0% {
+    stroke-dashoffset: 125;
+  }
+  50% {
+    stroke-dashoffset: 62.5;
+  }
+  100% {
+    stroke-dashoffset: 125;
+  }
+}@keyframes _fadeInAnimation_1biph_1 {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes _scaleInAnimation_1biph_1 {
+  0% {
+    scale: 0;
+  }
+  100% {
+    scale: 100%;
+  }
+}
+@layer button {
+  ._teddy-button_1biph_18 {
+    align-items: center;
+    border-radius: var(--teddy-border-radius-full);
+    border-width: 0;
+    cursor: pointer;
+    display: inline-flex;
+    font-size: var(--teddy-typography-scale-100);
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-medium);
+    gap: var(--teddy-spacing-100);
+    justify-content: center;
+    line-height: var(--teddy-spacing-300);
+    outline: 0;
+    position: relative;
+    text-decoration: none;
+    transition-duration: var(--teddy-motion-duration-100);
+    transition-timing-function: var(--teddy-motion-easing-ease-in-out);
+    transition-property: background-color, color;
+    width: auto;
+  }
+  ._teddy-button_1biph_18:focus::before {
+    border-radius: var(--teddy-border-radius-full);
+    box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
+    content: "";
+    opacity: 1;
+    display: block;
+    inset: calc(var(--teddy-spacing-25) * -1);
+    position: absolute;
+  }
+  ._teddy-button_1biph_18:focus:not(:focus-visible)::before {
+    opacity: 0;
+  }
+  ._teddy-button_1biph_18 svg {
+    display: block;
+  }
+  ._teddy-button--sm_1biph_53 {
+    padding: var(--teddy-spacing-100) var(--teddy-spacing-250);
+  }
+  ._teddy-button--sm_1biph_53._teddy-button--icon-only_1biph_56 {
+    padding: var(--teddy-spacing-100);
+  }
+  ._teddy-button--md_1biph_59 {
+    padding: var(--teddy-spacing-150) var(--teddy-spacing-300);
+  }
+  ._teddy-button--md_1biph_59._teddy-button--icon-only_1biph_56 {
+    padding: var(--teddy-spacing-150);
+  }
+  ._teddy-button--lg_1biph_65 {
+    padding: var(--teddy-spacing-200) var(--teddy-spacing-400);
+  }
+  ._teddy-button--lg_1biph_65._teddy-button--icon-only_1biph_56 {
+    padding: var(--teddy-spacing-200);
+  }
+  ._teddy-button--full-width_1biph_71 {
+    width: 100%;
+  }
+  ._teddy-button--primary_1biph_74 {
+    background-color: var(--teddy-color-background-interactive-primary);
+    color: var(--teddy-color-text-interactive-on-primary);
+  }
+  ._teddy-button--primary_1biph_74:hover:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-primary-hover);
+  }
+  ._teddy-button--primary_1biph_74:active:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-primary-active);
+  }
+  ._teddy-button--primary-negative_1biph_84 {
+    background-color: var(--teddy-color-background-interactive-primary-negative);
+    color: var(--teddy-color-text-interactive-on-primary-negative);
+  }
+  ._teddy-button--primary-negative_1biph_84:hover:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-primary-negative-hover);
+    border-color: var(--teddy-color-background-interactive-primary-negative-hover);
+  }
+  ._teddy-button--primary-negative_1biph_84:active:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-primary-negative-active);
+    border-color: var(--teddy-color-background-interactive-primary-negative-active);
+  }
+  ._teddy-button--secondary_1biph_96 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
+    color: var(--teddy-color-text-interactive-primary);
+  }
+  ._teddy-button--secondary_1biph_96:hover:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  }
+  ._teddy-button--secondary_1biph_96:active:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-button--secondary-negative_1biph_107 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
+    color: var(--teddy-color-text-interactive-primary-negative);
+  }
+  ._teddy-button--secondary-negative_1biph_107:hover:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
+  }
+  ._teddy-button--secondary-negative_1biph_107:active:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+  }
+  ._teddy-button--expressive_1biph_118 {
+    background-color: var(--teddy-color-background-interactive-expressive);
+    color: var(--teddy-color-text-interactive-on-expressive);
+  }
+  ._teddy-button--expressive_1biph_118:hover:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-expressive-hover);
+  }
+  ._teddy-button--expressive_1biph_118:active:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-expressive-active);
+  }
+  ._teddy-button--expressive-negative_1biph_128 {
+    background-color: var(--teddy-color-background-interactive-expressive-negative);
+    color: var(--teddy-color-text-interactive-on-expressive-negative);
+  }
+  ._teddy-button--expressive-negative_1biph_128:hover:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
+    color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
+  }
+  ._teddy-button--expressive-negative_1biph_128:active:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-expressive-negative-active);
+    color: var(--teddy-color-text-interactive-on-expressive-negative-active);
+  }
+  ._teddy-button--negative_1biph_140._teddy-button--disabled_1biph_78 {
+    background-color: var(--teddy-color-background-interactive-disabled-negative);
+    color: var(--teddy-color-text-weak-negative);
+  }
+  ._teddy-button--secondary_1biph_96._teddy-button--disabled_1biph_78, ._teddy-button--secondary-negative_1biph_107._teddy-button--disabled_1biph_78 {
+    box-shadow: none;
+  }
+  ._teddy-button--destructive_1biph_147 {
+    background-color: var(--teddy-color-background-interactive-destructive);
+    color: var(--teddy-color-text-interactive-on-destructive);
+  }
+  ._teddy-button--destructive_1biph_147:hover:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-hover);
+  }
+  ._teddy-button--destructive_1biph_147:active:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-active);
+  }
+  ._teddy-button--destructive-negative_1biph_157 {
+    background-color: var(--teddy-color-background-interactive-destructive);
+    color: var(--teddy-color-text-interactive-on-destructive);
+  }
+  ._teddy-button--destructive-negative_1biph_157:hover:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-hover);
+  }
+  ._teddy-button--destructive-negative_1biph_157:active:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-destructive-active);
+  }
+  ._teddy-button--tertiary-purple_1biph_167 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-interactive-primary);
+  }
+  ._teddy-button--tertiary-purple_1biph_167._teddy-button--disabled_1biph_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+  }
+  ._teddy-button--tertiary-purple_1biph_167:hover:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  }
+  ._teddy-button--tertiary-purple_1biph_167:active:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-button--tertiary-purple-negative_1biph_180 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-interactive-primary-negative);
+  }
+  ._teddy-button--tertiary-purple-negative_1biph_180._teddy-button--disabled_1biph_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+  }
+  ._teddy-button--tertiary-purple-negative_1biph_180:hover:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
+    color: var(--teddy-color-text-interactive-primary-negative-hover);
+  }
+  ._teddy-button--tertiary-purple-negative_1biph_180:active:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+    color: var(--teddy-color-text-interactive-primary-negative-active);
+  }
+  ._teddy-button--text-negative_1biph_195 {
+    border-radius: 0;
+    padding-left: 0;
+    padding-right: 0;
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-interactive-primary-negative);
+  }
+  ._teddy-button--text-negative_1biph_195:focus-visible::before {
+    border-radius: 0;
+  }
+  ._teddy-button--text-negative_1biph_195._teddy-button--disabled_1biph_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+  }
+  ._teddy-button--text-negative_1biph_195:hover:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
+    color: var(--teddy-color-text-interactive-primary-negative-hover);
+  }
+  ._teddy-button--text-negative_1biph_195:active:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+    color: var(--teddy-color-text-interactive-primary-negative-active);
+  }
+  ._teddy-button--text_1biph_195 {
+    border-radius: 0;
+    padding-left: 0;
+    padding-right: 0;
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-interactive-primary);
+  }
+  ._teddy-button--text_1biph_195:focus-visible::before {
+    border-radius: 0;
+  }
+  ._teddy-button--text_1biph_195._teddy-button--disabled_1biph_78 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    color: var(--teddy-color-text-weak);
+  }
+  ._teddy-button--text_1biph_195:hover:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  }
+  ._teddy-button--text_1biph_195:active:not(._teddy-button--disabled_1biph_78) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-button--disabled_1biph_78 {
+    background-color: var(--teddy-color-background-interactive-disabled);
+    color: var(--teddy-color-text-weak);
+    cursor: not-allowed;
+    transition-duration: var(--teddy-motion-duration-400);
+  }
+  ._teddy-button__loading_1biph_242 {
+    position: absolute;
+    inset: 0;
+    display: grid;
+    place-items: center;
+    border-radius: inherit;
+    background-color: var(--teddy-color-transparent-white-500);
+    animation: _fadeInAnimation_1biph_1 ease var(--teddy-motion-duration-500);
+    animation-iteration-count: 1;
+    animation-fill-mode: forwards;
+  }
+  ._teddy-button__loading_1biph_242 ._teddy-button__spinner_1biph_253 circle {
+    stroke: var(--teddy-color-transparent-black-700);
+  }
+  ._teddy-button--icon-only_1biph_56 ._teddy-button__loading_1biph_242 {
+    background-color: var(--teddy-color-gray-100);
+  }
+}@layer icon {
+  ._teddy-icon_1rwgf_2 {
+    display: inline;
+    align-self: center;
+    fill: currentColor;
+  }
+  ._teddy-icon--font_1rwgf_7 {
+    width: 1em;
+    height: 1em;
+  }
+  ._teddy-icon--xxs_1rwgf_11 {
+    width: var(--teddy-spacing-150);
+    height: var(--teddy-spacing-150);
+  }
+  ._teddy-icon--xs_1rwgf_15 {
+    width: var(--teddy-spacing-200);
+    height: var(--teddy-spacing-200);
+  }
+  ._teddy-icon--sm_1rwgf_19 {
+    width: var(--teddy-spacing-250);
+    height: var(--teddy-spacing-250);
+  }
+  ._teddy-icon--md_1rwgf_23 {
+    width: var(--teddy-spacing-300);
+    height: var(--teddy-spacing-300);
+  }
+  ._teddy-icon--lg_1rwgf_27 {
+    width: var(--teddy-spacing-400);
+    height: var(--teddy-spacing-400);
+  }
+  ._teddy-icon--xl_1rwgf_31 {
+    width: var(--teddy-spacing-600);
+    height: var(--teddy-spacing-600);
+  }
+  ._teddy-icon-with-children_1rwgf_35 {
+    display: inline-flex;
+    align-items: center;
+    font-family: var(--teddy-typography-family-default);
+    gap: var(--teddy-spacing-100);
+  }
+}@layer heading {
+  ._teddy-heading_r8os0_2 {
+    color: var(--teddy-color-text-default);
+    display: block;
+    hyphens: none;
+    margin: 0;
+    max-width: 60ch;
+  }
+  ._teddy-heading--hyphens_r8os0_9 {
+    hyphens: auto;
+  }
+  ._teddy-heading--subsection-100_r8os0_12 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-medium);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-default);
+  }
+  ._teddy-heading--title-100_r8os0_18 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
+    line-height: var(--teddy-typography-line-height-default);
+  }
+  ._teddy-heading--title-200_r8os0_24 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
+    line-height: var(--teddy-typography-line-height-default);
+  }
+  ._teddy-heading--title-300_r8os0_30 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-400), 3cqw, var(--teddy-typography-scale-600));
+    line-height: var(--teddy-typography-line-height-default);
+  }
+  ._teddy-heading--title-400_r8os0_36 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-700));
+    line-height: var(--teddy-typography-line-height-default);
+  }
+  ._teddy-heading--title-500_r8os0_42 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-800));
+    line-height: var(--teddy-typography-line-height-tight);
+  }
+  ._teddy-heading--title-600_r8os0_48 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
+    line-height: var(--teddy-typography-line-height-tight);
+  }
+  ._teddy-heading--title-700_r8os0_54 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
+    line-height: var(--teddy-typography-line-height-tight);
+  }
+  ._teddy-heading--display-25_r8os0_60 {
+    font-family: var(--teddy-typography-family-display);
+    font-weight: var(--teddy-typography-weight-medium);
+    font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
+    line-height: var(--teddy-typography-line-height-tight);
+  }
+  ._teddy-heading--display-50_r8os0_66 {
+    font-family: var(--teddy-typography-family-display);
+    font-weight: var(--teddy-typography-weight-medium);
+    font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
+    line-height: var(--teddy-typography-line-height-tight);
+  }
+  ._teddy-heading--display-100_r8os0_72 {
+    font-family: var(--teddy-typography-family-display);
+    font-weight: var(--teddy-typography-weight-medium);
+    font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
+    line-height: var(--teddy-typography-line-height-tight);
+  }
+  ._teddy-heading--display-200_r8os0_78 {
+    font-family: var(--teddy-typography-family-display);
+    font-weight: var(--teddy-typography-weight-medium);
+    font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
+    line-height: var(--teddy-typography-line-height-tight);
+  }
+}@layer flex {
+  ._teddy-flex_19teo_2 {
+    box-sizing: border-box;
+    display: flex;
+    justify-content: flex-start;
+  }
+}._teddy-link_1jza5_1 {
+  align-items: center;
+  cursor: pointer;
+  display: inline-flex;
+  gap: var(--teddy-spacing-50);
+  text-decoration: underline;
+}
+._teddy-link_1jza5_1:focus, ._teddy-link_1jza5_1:active {
+  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
+  outline-offset: var(--teddy-spacing-25);
+}
+._teddy-link_1jza5_1:focus:not(:focus-visible) {
+  outline: 0;
+}
+._teddy-link--text_1jza5_15, ._teddy-link--standalone_1jza5_15, ._teddy-link--navigation_1jza5_15 {
+  color: var(--teddy-color-text-interactive-primary);
+}
+._teddy-link--text_1jza5_15:hover, ._teddy-link--standalone_1jza5_15:hover, ._teddy-link--navigation_1jza5_15:hover {
+  color: var(--teddy-color-text-interactive-primary-active);
+  background-color: var(--teddy-color-background-interactive-transparent-hover);
+}
+._teddy-link--text_1jza5_15:active, ._teddy-link--standalone_1jza5_15:active, ._teddy-link--navigation_1jza5_15:active {
+  background-color: var(--teddy-color-background-interactive-transparent-active);
+}
+._teddy-link--text_1jza5_15:visited:not(._teddy-link--disable-visited_1jza5_25), ._teddy-link--standalone_1jza5_15:visited:not(._teddy-link--disable-visited_1jza5_25), ._teddy-link--navigation_1jza5_15:visited:not(._teddy-link--disable-visited_1jza5_25) {
+  color: var(--teddy-color-text-interactive-primary-active);
+}
+._teddy-link--text-negative_1jza5_28, ._teddy-link--standalone-negative_1jza5_28, ._teddy-link--navigation-negative_1jza5_28 {
+  color: var(--teddy-color-text-interactive-primary-negative);
+}
+._teddy-link--text-negative_1jza5_28:hover, ._teddy-link--standalone-negative_1jza5_28:hover, ._teddy-link--navigation-negative_1jza5_28:hover {
+  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
+  color: var(--teddy-color-text-interactive-primary-negative);
+}
+._teddy-link--text-negative_1jza5_28:active, ._teddy-link--standalone-negative_1jza5_28:active, ._teddy-link--navigation-negative_1jza5_28:active {
+  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+  color: var(--teddy-color-text-interactive-primary-negative-active);
+}
+._teddy-link--text-negative_1jza5_28:visited:not(._teddy-link--disable-visited_1jza5_25), ._teddy-link--standalone-negative_1jza5_28:visited:not(._teddy-link--disable-visited_1jza5_25), ._teddy-link--navigation-negative_1jza5_28:visited:not(._teddy-link--disable-visited_1jza5_25) {
+  color: var(--teddy-color-text-interactive-primary-negative-active);
+}
+._teddy-link--standalone_1jza5_15, ._teddy-link--standalone-negative_1jza5_28 {
+  padding: var(--teddy-spacing-100) 0;
+}
+._teddy-link--navigation_1jza5_15, ._teddy-link--navigation-negative_1jza5_28 {
+  align-items: center;
+  background-color: var(--teddy-color-functional-transparent);
+  display: flex;
+  font-weight: var(--teddy-typography-weight-medium);
+  text-decoration: none;
+}
+._teddy-link--navigation_1jza5_15:active, ._teddy-link--navigation_1jza5_15:hover, ._teddy-link--navigation-negative_1jza5_28:active, ._teddy-link--navigation-negative_1jza5_28:hover {
+  background-color: var(--teddy-color-functional-transparent);
+  text-decoration: underline;
+}
+._teddy-link--ensure-target-area_1jza5_56 {
+  display: flex;
+  align-items: center;
+  min-height: var(--teddy-spacing-600);
+  min-width: var(--teddy-spacing-600);
+}
+._teddy-link--silent_1jza5_62 {
+  background-color: inherit;
+  color: inherit;
+  height: 100%;
+  text-decoration: none;
+}
+._teddy-link--silent_1jza5_62:hover, ._teddy-link--silent_1jza5_62:focus, ._teddy-link--silent_1jza5_62:active {
+  background-color: inherit;
+  color: inherit;
+}
+._teddy-link--silent_1jza5_62 a:focus {
+  outline: 0;
+}
+._teddy-link--silent_1jza5_62:is(._teddy-link--disable-visited_1jza5_25):visited {
+  color: inherit;
+}._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--subsection_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--subsection-100_] {
+  margin-bottom: var(--teddy-spacing-50);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--additional-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-200_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-300_] {
+  margin-bottom: var(--teddy-spacing-100);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--overline-200_] {
+  margin-bottom: var(--teddy-spacing-150);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] {
+  margin-bottom: var(--teddy-spacing-200);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-100_] {
+  margin-top: var(--teddy-spacing-300);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-200_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-200_] {
+  margin-top: var(--teddy-spacing-400);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-300_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-400_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-500_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-600_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-100_] + [class*=_teddy-heading--title-700_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-300_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-400_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-500_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-600_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--paragraph-200_] + [class*=_teddy-heading--title-700_] {
+  margin-top: var(--teddy-spacing-600);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-400_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-500_] {
+  margin-bottom: var(--teddy-spacing-250);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-600_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--title-700_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-25_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-50_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-100_],
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-heading--display-200_] {
+  margin-bottom: var(--teddy-spacing-300);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-100_] {
+  margin-bottom: var(--teddy-spacing-400);
+}
+._teddy-text-spacing_dwbo8_1 [class*=_teddy-text--preamble-200_] {
+  margin-bottom: var(--teddy-spacing-600);
+}
+._teddy-text-spacing_dwbo8_1 * > :last-child,
+._teddy-text-spacing_dwbo8_1 > :last-child {
+  margin-bottom: 0;
+}@layer heading, button, card;
+@layer card {
+  ._teddy-card_1h4hf_3 {
+    border-radius: var(--teddy-border-radius-md);
+    padding: var(--teddy-spacing-250);
+    position: relative;
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-card_1h4hf_3 {
+      transition: background-color var(--teddy-motion-duration-300) ease;
+    }
+  }
+  ._teddy-card__slot_1h4hf_13 {
+    transform: translateY(-50%);
+  }
+  ._teddy-card__slot--bottom_1h4hf_16 {
+    transform: translateY(50%);
+  }
+  ._teddy-card__slot--center_1h4hf_19 {
+    transform: translate(-50%, -50%);
+  }
+  ._teddy-card__slot--bottom_1h4hf_16._teddy-card__slot--center_1h4hf_19 {
+    transform: translate(-50%, 50%);
+  }
+  ._teddy-card_1h4hf_3::before {
+    content: "";
+    display: block;
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    border-radius: inherit;
+    opacity: 0;
+    box-shadow: var(--teddy-shadow-md);
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-card_1h4hf_3::before {
+      transition: opacity var(--teddy-motion-duration-300) ease;
+    }
+  }
+  ._teddy-card_1h4hf_3:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+    cursor: pointer;
+  }
+  ._teddy-card_1h4hf_3:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)):hover:not(:has(button:hover), :has(a:hover))::before, ._teddy-card_1h4hf_3:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)):has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40))::before {
+    opacity: 1;
+  }
+  ._teddy-card--border_1h4hf_46 {
+    border: var(--teddy-border-width-xs) solid transparent;
+  }
+  ._teddy-card__line_1h4hf_49 {
+    border: 0;
+    border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+  }
+  ._teddy-card--purple-light_1h4hf_53 {
+    background-color: var(--teddy-color-background-interactive-primary-negative);
+    color: var(--teddy-color-text-default);
+    border-color: var(--teddy-color-background-interactive-primary-negative);
+  }
+  ._teddy-card--purple-light_1h4hf_53:hover:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+    background-color: var(--teddy-color-background-interactive-primary-negative-hover);
+  }
+  ._teddy-card--purple-light_1h4hf_53:active:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+    background-color: var(--teddy-color-background-interactive-primary-negative-active);
+  }
+  ._teddy-card--purple-light_1h4hf_53:has(._teddy-card__action--disabled_1h4hf_40) {
+    background-color: var(--teddy-color-background-interactive-disabled);
+  }
+  ._teddy-card--purple-dark_1h4hf_67 {
+    background-color: var(--teddy-color-brand-deep-purple);
+    color: var(--teddy-color-text-default-negative);
+    border-color: var(--teddy-color-brand-deep-purple);
+  }
+  ._teddy-card--purple-dark_1h4hf_67:hover:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
+  }
+  ._teddy-card--purple-dark_1h4hf_67:active:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+  }
+  ._teddy-card--purple-dark_1h4hf_67:has(._teddy-card__action--disabled_1h4hf_40) {
+    color: var(--teddy-color-text-default);
+    background-color: var(--teddy-color-background-interactive-disabled);
+  }
+  ._teddy-card--purple-dark_1h4hf_67:has(._teddy-card__action--disabled_1h4hf_40) ._teddy-card__action_1h4hf_40 {
+    color: var(--teddy-color-text-weak);
+    background-color: var(--teddy-color-background-interactive-disabled);
+  }
+  ._teddy-card--white_1h4hf_86 {
+    background-color: var(--teddy-color-brand-white);
+    color: var(--teddy-color-text-default);
+    border-color: var(--teddy-color-border-interactive-subtle);
+  }
+  ._teddy-card--white_1h4hf_86:hover:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  }
+  ._teddy-card--white_1h4hf_86:active:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-card--white_1h4hf_86:has(._teddy-card__action--disabled_1h4hf_40) {
+    background-color: var(--teddy-color-background-interactive-disabled);
+  }
+  ._teddy-card--gray_1h4hf_100 {
+    background-color: var(--teddy-color-background-secondary);
+    color: var(--teddy-color-text-default);
+    border-color: var(--teddy-color-border-interactive-subtle);
+  }
+  ._teddy-card--gray_1h4hf_100:hover:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+    background-color: var(--teddy-color-gray-100);
+  }
+  ._teddy-card--gray_1h4hf_100:active:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+    background-color: var(--teddy-color-gray-200);
+  }
+  ._teddy-card--gray_1h4hf_100:has(._teddy-card__action--disabled_1h4hf_40) {
+    background-color: var(--teddy-color-background-interactive-disabled);
+  }
+  ._teddy-card--beige_1h4hf_114 {
+    background-color: var(--teddy-color-beige-100);
+    color: var(--teddy-color-text-default);
+    border-color: var(--teddy-color-beige-300);
+  }
+  ._teddy-card--beige_1h4hf_114:hover:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+    background-color: var(--teddy-color-beige-200);
+  }
+  ._teddy-card--beige_1h4hf_114:active:has(._teddy-card__action_1h4hf_40:not(._teddy-card__action--disabled_1h4hf_40)) {
+    background-color: var(--teddy-color-beige-300);
+  }
+  ._teddy-card--beige_1h4hf_114:has(._teddy-card__action--disabled_1h4hf_40) {
+    background-color: var(--teddy-color-background-interactive-disabled);
+  }
+  ._teddy-card_1h4hf_3:has(._teddy-card__image--as-background_1h4hf_128) {
+    background-color: transparent;
+  }
+  ._teddy-card__heading_1h4hf_131 {
+    color: inherit;
+  }
+  ._teddy-card--background-image_1h4hf_134 {
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+  }
+  ._teddy-card__image_1h4hf_128 {
+    height: auto;
+    vertical-align: middle;
+    font-style: italic;
+    background-repeat: no-repeat;
+    background-size: cover;
+    shape-margin: 0.75rem;
+    border-radius: inherit;
+    padding-bottom: var(--teddy-spacing-200);
+  }
+  ._teddy-card__image--inset-top_1h4hf_149 {
+    margin-top: calc(var(--teddy-spacing-250) * -1);
+  }
+  ._teddy-card__image--inset-bottom_1h4hf_152 {
+    margin-bottom: calc(var(--teddy-spacing-250) * -1);
+  }
+  ._teddy-card__image--inset-left_1h4hf_155 {
+    margin-left: calc(var(--teddy-spacing-250) * -1);
+  }
+  ._teddy-card__image--inset-right_1h4hf_158 {
+    margin-right: calc(var(--teddy-spacing-250) * -1);
+  }
+  ._teddy-card__image--inset-left_1h4hf_155 ._teddy-card__image--inset-right_1h4hf_158 {
+    width: calc(100% + var(--teddy-spacing-250) * 2);
+  }
+}@layer heading, button, card, notification;
+@layer notification {
+  ._teddy-notification_q80ka_3 {
+    --status-border: var(--teddy-color-border-status-success);
+    --status-color: var(--teddy-color-text-status-success-strong);
+    --status-icon-color: var(--teddy-color-text-status-success-medium);
+    padding: var(--teddy-spacing-200) var(--teddy-spacing-200) var(--teddy-spacing-200) var(--teddy-spacing-250);
+    gap: var(--teddy-spacing-100);
+  }
+  ._teddy-notification_q80ka_3::after {
+    border-width: var(--teddy-border-width-sm) var(--teddy-border-width-sm) var(--teddy-border-width-sm) var(--teddy-border-width-lg);
+    border-color: var(--status-border);
+  }
+  ._teddy-notification__dismiss_q80ka_14 {
+    position: absolute;
+    inset: var(--teddy-spacing-100) var(--teddy-spacing-100) auto auto;
+  }
+  ._teddy-notification--success_q80ka_18 {
+    --status-border: var(--teddy-color-border-status-success);
+    --status-color: var(--teddy-color-text-status-success-strong);
+    --status-icon-color: var(--teddy-color-text-status-success-medium);
+  }
+  ._teddy-notification--warning_q80ka_23 {
+    --status-border: var(--teddy-color-border-status-warning);
+    --status-color: var(--teddy-color-text-status-warning-strong);
+    --status-icon-color: var(--teddy-color-text-status-warning-medium);
+  }
+  ._teddy-notification--error_q80ka_28 {
+    --status-border: var(--teddy-color-border-status-error);
+    --status-color: var(--teddy-color-text-status-error-strong);
+    --status-icon-color: var(--teddy-color-text-status-error-medium);
+  }
+  ._teddy-notification--information_q80ka_33 {
+    --status-border: var(--teddy-color-border-status-info);
+    --status-color: var(--teddy-color-text-status-info-strong);
+    --status-icon-color: var(--teddy-color-text-status-info-medium);
+  }
+  ._teddy-notification__heading_q80ka_38 {
+    color: var(--status-color);
+    display: flex;
+    align-items: center;
+  }
+  ._teddy-notification__icon_q80ka_43 {
+    color: var(--status-icon-color);
+  }
+}._teddy-label_1hc8e_1 {
+  color: var(--teddy-color-text-default);
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-medium);
+  font-size: var(--teddy-typography-scale-100);
+  line-height: var(--teddy-typography-line-height-default);
+}
+._teddy-label--disabled_1hc8e_8 {
+  color: var(--teddy-color-text-weak);
+  cursor: default;
+}
+._teddy-label--required_1hc8e_12::before {
+  content: "* ";
+}._teddy-radio-group_1flae_1 {
+  display: flex;
+  flex-direction: column;
+}
+._teddy-radio-group_1flae_1[data-orientation=horizontal] {
+  flex-direction: row;
+  column-gap: var(--teddy-spacing-150);
+  flex-wrap: wrap;
+}
+._teddy-radio-group_1flae_1[data-orientation=horizontal] ._teddy-radio-group__group-label_1flae_10 {
+  width: 100%;
+}
+._teddy-radio-group_1flae_1[dir=rtl] ._teddy-radio-group__label_1flae_13 {
+  padding-left: 0;
+  padding-right: var(--teddy-spacing-150);
+}
+._teddy-radio-group__group-label_1flae_10 {
+  margin: 0 0 var(--teddy-spacing-150);
+  font-weight: var(--teddy-typography-weight-medium);
+  font-size: var(--teddy-typography-scale-100);
+  position: relative;
+}
+._teddy-radio-group__group-label--required_1flae_23::before {
+  content: "* ";
+}
+._teddy-radio-group__item_1flae_26 {
+  display: flex;
+  align-items: stretch;
+  justify-content: stretch;
+  width: fit-content;
+  position: relative;
+}
+._teddy-radio-group__item_1flae_26:has(:focus-visible)::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: var(--teddy-border-radius-sm);
+  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
+  outline-offset: var(--teddy-spacing-25);
+  pointer-events: none;
+}
+._teddy-radio-group_1flae_1[data-disabled] ._teddy-radio-group__label_1flae_13 {
+  color: var(--teddy-color-text-weak);
+  cursor: default;
+}
+._teddy-radio-group__label_1flae_13 {
+  cursor: pointer;
+  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
+  padding-left: var(--teddy-spacing-150);
+  display: flex;
+  align-items: center;
+  font-weight: var(--teddy-typography-weight-normal);
+}
+._teddy-radio-group__trigger_1flae_54 {
+  all: unset;
+  flex-shrink: 0;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  width: var(--teddy-spacing-300);
+  min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
+  position: relative;
+}
+._teddy-radio-group__trigger_1flae_54::before, ._teddy-radio-group__trigger_1flae_54::after {
+  content: "";
+  position: absolute;
+  display: block;
+  width: var(--teddy-spacing-300);
+  height: var(--teddy-spacing-300);
+  inset: 50% auto auto 50%;
+  transform: translate(-50%, -50%);
+  border-radius: var(--teddy-border-radius-full);
+  background-color: var(--teddy-color-background-primary);
+  border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-subtle);
+}
+@media (prefers-reduced-motion: no-preference) {
+  ._teddy-radio-group__trigger_1flae_54::before, ._teddy-radio-group__trigger_1flae_54::after {
+    transition: border-color var(--teddy-motion-duration-150) ease;
+  }
+}
+._teddy-radio-group__trigger_1flae_54::after {
+  opacity: 0;
+  background-color: transparent;
+  border-color: var(--teddy-color-border-interactive-subtle-hover);
+  border-width: var(--teddy-border-width-sm);
+}
+@media (prefers-reduced-motion: no-preference) {
+  ._teddy-radio-group__trigger_1flae_54::after {
+    transition: opacity var(--teddy-motion-duration-150) ease;
+  }
+}
+._teddy-radio-group__trigger_1flae_54[data-state=checked]::before {
+  border-color: var(--teddy-color-border-interactive-primary);
+}
+._teddy-radio-group__trigger_1flae_54:hover:not(:active):not(._teddy-radio-group__trigger_1flae_54[data-state=checked]):not(._teddy-radio-group__trigger_1flae_54[data-disabled])::after {
+  opacity: 1;
+}
+._teddy-radio-group__trigger_1flae_54:active::before {
+  border-color: var(--teddy-color-border-interactive-subtle-hover);
+}
+._teddy-radio-group__trigger_1flae_54[data-disabled] {
+  cursor: default;
+}
+._teddy-radio-group__trigger_1flae_54[data-disabled]::before {
+  background-color: var(--teddy-color-background-interactive-disabled);
+  border-color: var(--teddy-color-border-medium);
+}
+._teddy-radio-group__trigger_1flae_54[data-disabled][data-state=checked]::before {
+  background-color: var(--teddy-color-background-primary);
+}
+._teddy-radio-group__indicator_1flae_111 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+._teddy-radio-group__indicator_1flae_111::after {
+  content: "";
+  display: block;
+  inset: 0;
+  width: var(--teddy-spacing-200);
+  height: var(--teddy-spacing-200);
+  border-radius: var(--teddy-border-radius-full);
+  background-color: var(--teddy-color-background-interactive-primary);
+}
+._teddy-radio-group__indicator_1flae_111[data-disabled]::after {
+  background-color: var(--teddy-color-text-weak);
+}@layer grid {
+  ._teddy-grid_1dv1t_2 {
+    box-sizing: border-box;
+    display: grid;
+    align-items: stretch;
+    justify-content: start;
+    grid-template-rows: none;
+  }
+}._teddy-visually-hidden_15nus_1 {
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+._teddy-visually-hidden_15nus_1:not(caption) {
+  position: absolute;
+}
+._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within) {
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
+  position: absolute;
+}._teddy-navigation-menu_139wf_1 {
+  --item-gap: var(--teddy-spacing-200);
+  --width-for-centering-element: calc((100% - var(--teddy-breakpoint-xl) + var(--teddy-spacing-600) * 2) / 2);
+  --inline-padding: calc(var(--teddy-spacing-200) - var(--item-gap));
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: auto;
+}
+@media (min-width: 600px) {
+  ._teddy-navigation-menu_139wf_1 {
+    --inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
+  }
+}
+@media (min-width: 1440px) {
+  ._teddy-navigation-menu_139wf_1 {
+    --inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
+  }
+}
+._teddy-navigation-menu_139wf_1::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  box-shadow: var(--teddy-shadow-md);
+  opacity: 0;
+}
+@media (prefers-reduced-motion: no-preference) {
+  ._teddy-navigation-menu_139wf_1::after {
+    transition: opacity var(--teddy-motion-duration-300) ease;
+  }
+}
+._teddy-navigation-menu_139wf_1:has(._teddy-navigation-menu__viewport_139wf_33[data-state=open])::after {
+  opacity: 1;
+}
+._teddy-navigation-menu__list_139wf_36 {
+  all: unset;
+  list-style-type: none;
+  display: flex;
+  align-items: center;
+  gap: var(--item-gap);
+  padding-inline: var(--inline-padding);
+  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
+}
+._teddy-navigation-menu__list_139wf_36::before {
+  content: "";
+  display: block;
+  width: var(--width-for-centering-element);
+}
+._teddy-navigation-menu__list_139wf_36::after {
+  content: "";
+  display: block;
+  width: var(--width-for-centering-element);
+}
+._teddy-navigation-menu__top-menu-list_139wf_55 {
+  all: unset;
+  position: relative;
+  list-style-type: none;
+  gap: var(--item-gap);
+  background-color: var(--teddy-color-background-secondary);
+  display: flex;
+  align-items: center;
+  padding-inline: var(--inline-padding);
+}
+._teddy-navigation-menu__top-menu-list_139wf_55::before {
+  content: "";
+  display: block;
+  width: var(--width-for-centering-element);
+}
+._teddy-navigation-menu__top-menu-list_139wf_55::after {
+  content: "";
+  display: block;
+  width: var(--width-for-centering-element);
+}
+._teddy-navigation-menu__top-menu-trigger_139wf_75 {
+  all: unset;
+  all: unset;
+  position: relative;
+  cursor: pointer;
+  text-decoration: none;
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--teddy-spacing-50);
+  color: var(--teddy-color-text-interactive-primary);
+  font-weight: var(--teddy-typography-weight-medium);
+  min-width: var(--teddy-spacing-400);
+  font-size: var(--teddy-typography-scale-100);
+  line-height: var(--teddy-typography-line-height-loose);
+  padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
+}
+._teddy-navigation-menu__top-menu-trigger--small_139wf_93 {
+  padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
+  font-size: var(--teddy-typography-scale-75);
+  line-height: var(--teddy-typography-line-height-loose);
+}
+._teddy-navigation-menu__top-menu-trigger--button_139wf_98 {
+  padding: var(--teddy-spacing-100);
+  min-height: var(--teddy-spacing-600);
+  border-radius: var(--teddy-border-radius-md);
+  display: flex;
+  place-items: center;
+  flex-wrap: wrap;
+  flex-direction: row;
+  gap: var(--teddy-spacing-100);
+  row-gap: var(--teddy-spacing-50);
+}
+._teddy-navigation-menu__top-menu-trigger_139wf_75::after {
+  content: "";
+  display: block;
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+  border-radius: inherit;
+  background-color: transparent;
+  pointer-events: none;
+  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
+}
+._teddy-navigation-menu__top-menu-trigger--button_139wf_98::after {
+  border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
+}
+._teddy-navigation-menu__top-menu-trigger_139wf_75:not(._teddy-navigation-menu__top-menu-trigger--button_139wf_98)::before {
+  content: attr(data-text);
+  content: attr(data-text)/"";
+  height: 0;
+  visibility: hidden;
+  overflow: hidden;
+  user-select: none;
+  pointer-events: none;
+  font-weight: var(--teddy-typography-weight-bold);
+}
+@media speech {
+  ._teddy-navigation-menu__top-menu-trigger_139wf_75:not(._teddy-navigation-menu__top-menu-trigger--button_139wf_98)::before {
+    display: none;
+  }
+}
+._teddy-navigation-menu__top-menu-trigger_139wf_75:hover {
+  background-color: var(--teddy-color-background-interactive-transparent-hover);
+}
+._teddy-navigation-menu__top-menu-trigger_139wf_75:hover::after {
+  opacity: 1;
+}
+._teddy-navigation-menu__top-menu-trigger_139wf_75:active {
+  background-color: var(--teddy-color-background-interactive-transparent-active);
+}
+._teddy-navigation-menu__top-menu-trigger_139wf_75:active::after {
+  opacity: 1;
+}
+._teddy-navigation-menu__top-menu-trigger_139wf_75[data-state=open] {
+  font-weight: var(--teddy-typography-weight-bold);
+}
+._teddy-navigation-menu__top-menu-trigger_139wf_75:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_139wf_75[data-active] {
+  font-weight: var(--teddy-typography-weight-bold);
+}
+._teddy-navigation-menu__top-menu-trigger_139wf_75:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_139wf_75[data-active]::after {
+  border-color: var(--teddy-color-text-interactive-primary);
+  opacity: 1;
+}
+._teddy-navigation-menu__top-menu-trigger_139wf_75:focus-visible {
+  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
+}
+._teddy-navigation-menu__content_139wf_163 {
+  all: unset;
+  list-style-type: none;
+  display: flex;
+  gap: var(--teddy-spacing-100);
+  padding: var(--teddy-border-width-sm) 0;
+  position: absolute;
+  left: 0;
+  right: 0;
+  display: flex;
+  max-width: calc(var(--teddy-breakpoint-xl) - (var(--teddy-spacing-600) + var(--item-gap)) * 2);
+  margin-inline: auto;
+  padding-inline: calc(var(--inline-padding) + var(--teddy-spacing-200));
+  overflow: clip;
+}
+._teddy-navigation-menu__content_139wf_163 > ul {
+  list-style: none;
+  display: flex;
+  margin: 0;
+  padding: 0;
+}
+@media (prefers-reduced-motion: no-preference) {
+  ._teddy-navigation-menu__content_139wf_163 {
+    animation-duration: var(--teddy-motion-duration-300);
+    animation-timing-function: ease;
+  }
+  ._teddy-navigation-menu__content_139wf_163[data-motion=from-start] {
+    animation-name: _enterFromLeft_139wf_1;
+  }
+  ._teddy-navigation-menu__content_139wf_163[data-motion=from-end] {
+    animation-name: _enterFromRight_139wf_1;
+  }
+  ._teddy-navigation-menu__content_139wf_163[data-motion=to-start] {
+    animation-name: _exitToLeft_139wf_1;
+  }
+  ._teddy-navigation-menu__content_139wf_163[data-motion=to-end] {
+    animation-name: _exitToRight_139wf_1;
+  }
+}
+._teddy-navigation-menu__content_139wf_163::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  box-shadow: 0 var(--teddy-border-width-lg) var(--teddy-border-width-lg) calc(var(--teddy-border-width-md) * -1) var(--teddy-color-border-weak);
+}
+._teddy-navigation-menu__trigger_139wf_208 {
+  position: relative;
+  all: unset;
+  position: relative;
+  cursor: pointer;
+  text-decoration: none;
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--teddy-spacing-50);
+  color: var(--teddy-color-text-interactive-primary);
+  font-weight: var(--teddy-typography-weight-medium);
+  min-width: var(--teddy-spacing-400);
+  font-size: var(--teddy-typography-scale-100);
+  line-height: var(--teddy-typography-line-height-loose);
+  padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
+}
+._teddy-navigation-menu__trigger--small_139wf_226 {
+  padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
+  font-size: var(--teddy-typography-scale-75);
+  line-height: var(--teddy-typography-line-height-loose);
+}
+._teddy-navigation-menu__trigger--button_139wf_231 {
+  padding: var(--teddy-spacing-100);
+  min-height: var(--teddy-spacing-600);
+  border-radius: var(--teddy-border-radius-md);
+  display: flex;
+  place-items: center;
+  flex-wrap: wrap;
+  flex-direction: row;
+  gap: var(--teddy-spacing-100);
+  row-gap: var(--teddy-spacing-50);
+}
+._teddy-navigation-menu__trigger_139wf_208::after {
+  content: "";
+  display: block;
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+  border-radius: inherit;
+  background-color: transparent;
+  pointer-events: none;
+  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
+}
+._teddy-navigation-menu__trigger--button_139wf_231::after {
+  border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
+}
+._teddy-navigation-menu__trigger_139wf_208:not(._teddy-navigation-menu__trigger--button_139wf_231)::before {
+  content: attr(data-text);
+  content: attr(data-text)/"";
+  height: 0;
+  visibility: hidden;
+  overflow: hidden;
+  user-select: none;
+  pointer-events: none;
+  font-weight: var(--teddy-typography-weight-bold);
+}
+@media speech {
+  ._teddy-navigation-menu__trigger_139wf_208:not(._teddy-navigation-menu__trigger--button_139wf_231)::before {
+    display: none;
+  }
+}
+._teddy-navigation-menu__trigger_139wf_208:hover {
+  background-color: var(--teddy-color-background-interactive-transparent-hover);
+}
+._teddy-navigation-menu__trigger_139wf_208:hover::after {
+  opacity: 1;
+}
+._teddy-navigation-menu__trigger_139wf_208:active {
+  background-color: var(--teddy-color-background-interactive-transparent-active);
+}
+._teddy-navigation-menu__trigger_139wf_208:active::after {
+  opacity: 1;
+}
+._teddy-navigation-menu__trigger_139wf_208[data-state=open] {
+  font-weight: var(--teddy-typography-weight-bold);
+}
+._teddy-navigation-menu__trigger_139wf_208:has([data-active]), ._teddy-navigation-menu__trigger_139wf_208[data-active] {
+  font-weight: var(--teddy-typography-weight-bold);
+}
+._teddy-navigation-menu__trigger_139wf_208:has([data-active])::after, ._teddy-navigation-menu__trigger_139wf_208[data-active]::after {
+  border-color: var(--teddy-color-text-interactive-primary);
+  opacity: 1;
+}
+._teddy-navigation-menu__trigger_139wf_208:focus-visible {
+  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
+}
+._teddy-navigation-menu__link_139wf_296 {
+  all: unset;
+  position: relative;
+  cursor: pointer;
+  text-decoration: none;
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--teddy-spacing-50);
+  color: var(--teddy-color-text-interactive-primary);
+  font-weight: var(--teddy-typography-weight-medium);
+  min-width: var(--teddy-spacing-400);
+  font-size: var(--teddy-typography-scale-100);
+  line-height: var(--teddy-typography-line-height-loose);
+  padding: var(--teddy-spacing-250) var(--teddy-spacing-100);
+  text-decoration: none;
+}
+._teddy-navigation-menu__link--small_139wf_314 {
+  padding: var(--teddy-spacing-150) var(--teddy-spacing-100);
+  font-size: var(--teddy-typography-scale-75);
+  line-height: var(--teddy-typography-line-height-loose);
+}
+._teddy-navigation-menu__link--button_139wf_319 {
+  padding: var(--teddy-spacing-100);
+  min-height: var(--teddy-spacing-600);
+  border-radius: var(--teddy-border-radius-md);
+  display: flex;
+  place-items: center;
+  flex-wrap: wrap;
+  flex-direction: row;
+  gap: var(--teddy-spacing-100);
+  row-gap: var(--teddy-spacing-50);
+}
+._teddy-navigation-menu__link_139wf_296::after {
+  content: "";
+  display: block;
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+  border-radius: inherit;
+  background-color: transparent;
+  pointer-events: none;
+  border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
+}
+._teddy-navigation-menu__link--button_139wf_319::after {
+  border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
+}
+._teddy-navigation-menu__link_139wf_296:not(._teddy-navigation-menu__link--button_139wf_319)::before {
+  content: attr(data-text);
+  content: attr(data-text)/"";
+  height: 0;
+  visibility: hidden;
+  overflow: hidden;
+  user-select: none;
+  pointer-events: none;
+  font-weight: var(--teddy-typography-weight-bold);
+}
+@media speech {
+  ._teddy-navigation-menu__link_139wf_296:not(._teddy-navigation-menu__link--button_139wf_319)::before {
+    display: none;
+  }
+}
+._teddy-navigation-menu__link_139wf_296:hover {
+  background-color: var(--teddy-color-background-interactive-transparent-hover);
+}
+._teddy-navigation-menu__link_139wf_296:hover::after {
+  opacity: 1;
+}
+._teddy-navigation-menu__link_139wf_296:active {
+  background-color: var(--teddy-color-background-interactive-transparent-active);
+}
+._teddy-navigation-menu__link_139wf_296:active::after {
+  opacity: 1;
+}
+._teddy-navigation-menu__link_139wf_296[data-state=open] {
+  font-weight: var(--teddy-typography-weight-bold);
+}
+._teddy-navigation-menu__link_139wf_296:has([data-active]), ._teddy-navigation-menu__link_139wf_296[data-active] {
+  font-weight: var(--teddy-typography-weight-bold);
+}
+._teddy-navigation-menu__link_139wf_296:has([data-active])::after, ._teddy-navigation-menu__link_139wf_296[data-active]::after {
+  border-color: var(--teddy-color-text-interactive-primary);
+  opacity: 1;
+}
+._teddy-navigation-menu__link_139wf_296:focus-visible {
+  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
+}
+._teddy-navigation-menu__viewport_139wf_33 {
+  position: relative;
+  background-color: var(--teddy-color-background-primary);
+  height: var(--radix-navigation-menu-viewport-height);
+  transform-origin: top left;
+  overflow: clip;
+}
+@media (prefers-reduced-motion: no-preference) {
+  ._teddy-navigation-menu__viewport_139wf_33 {
+    transition: width, height, var(--teddy-motion-duration-300) ease;
+  }
+  ._teddy-navigation-menu__viewport_139wf_33[data-state=open] {
+    animation: _scaleIn_139wf_1 var(--teddy-motion-duration-300) ease;
+  }
+  ._teddy-navigation-menu__viewport_139wf_33[data-state=closed] {
+    animation: _scaleOut_139wf_1 var(--teddy-motion-duration-300) ease;
+  }
+}
+@keyframes _scaleIn_139wf_1 {
+  from {
+    opacity: 0;
+    transform: scale(0.9);
+    height: 1px;
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+    height: var(--radix-navigation-menu-viewport-height);
+  }
+}
+@keyframes _scaleOut_139wf_1 {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.9);
+    height: 0;
+  }
+}
+@keyframes _enterFromRight_139wf_1 {
+  from {
+    opacity: 0;
+    transform: translateX(200px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes _enterFromLeft_139wf_1 {
+  from {
+    opacity: 0;
+    transform: translateX(-200px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes _exitToRight_139wf_1 {
+  from {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateX(200px);
+  }
+}
+@keyframes _exitToLeft_139wf_1 {
+  from {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateX(-200px);
+  }
+}@layer icon, toggle;
+@layer toggle {
+  ._teddy-toggle_1rp8d_3 {
+    width: fit-content;
+    display: flex;
+    align-items: center;
+    position: relative;
+    gap: var(--teddy-spacing-150);
+  }
+  ._teddy-toggle__input_1rp8d_10 {
+    all: unset;
+    cursor: pointer;
+    display: block;
+    width: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
+    height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-150));
+    position: relative;
+    color: var(--teddy-color-text-interactive-on-primary);
+  }
+  ._teddy-toggle__input_1rp8d_10::before {
+    content: "";
+    display: block;
+    position: absolute;
+    inset: 0;
+    height: var(--teddy-spacing-300);
+    margin: auto 0;
+    box-sizing: border-box;
+    background-color: var(--teddy-color-text-interactive-on-primary);
+    border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
+    border-radius: var(--teddy-border-radius-full);
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-toggle__input_1rp8d_10::before {
+      transition: background-color var(--teddy-motion-duration-150) ease, border-color var(--teddy-motion-duration-150) ease;
+    }
+  }
+  ._teddy-toggle__input_1rp8d_10[data-state=checked]::before {
+    background-color: var(--teddy-color-background-interactive-primary);
+    border-color: var(--teddy-color-functional-transparent);
+  }
+  ._teddy-toggle__input_1rp8d_10[data-state=checked]:disabled::before {
+    background-color: var(--teddy-color-background-interactive-disabled);
+    border-color: var(--teddy-color-functional-transparent);
+  }
+  ._teddy-toggle__input_1rp8d_10[data-state=checked]:hover:not(:disabled)::before {
+    background-color: var(--teddy-color-background-interactive-primary-hover);
+    border-color: var(--teddy-color-functional-transparent);
+  }
+  ._teddy-toggle__input_1rp8d_10[data-state=checked]:active:not(:disabled)::before {
+    background-color: var(--teddy-color-background-interactive-primary-active);
+    border-color: var(--teddy-color-functional-transparent);
+  }
+  ._teddy-toggle__input_1rp8d_10:disabled {
+    cursor: default;
+  }
+  ._teddy-toggle__input_1rp8d_10:disabled::before {
+    border-color: var(--teddy-color-border-weak);
+  }
+  ._teddy-toggle__input_1rp8d_10:hover:not(:disabled)::before {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+    border-color: var(--teddy-color-border-interactive-primary);
+  }
+  ._teddy-toggle__input_1rp8d_10:active:not(:disabled)::before {
+    background-color: var(--teddy-color-background-interactive-transparent-active);
+  }
+  ._teddy-toggle_1rp8d_3:focus-within::before {
+    border-radius: var(--teddy-border-radius-xs);
+    box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
+    content: "";
+    opacity: 1;
+    display: block;
+    inset: calc(var(--teddy-spacing-25) * -1);
+    position: absolute;
+    pointer-events: none;
+  }
+  ._teddy-toggle_1rp8d_3:focus-within:has(._teddy-toggle__input_1rp8d_10:not(:focus-visible))::before {
+    opacity: 0;
+  }
+  ._teddy-toggle__thumb_1rp8d_78 {
+    position: absolute;
+    display: block;
+    height: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
+    width: calc(var(--teddy-spacing-200) + var(--teddy-spacing-25));
+    border-radius: var(--teddy-border-radius-full);
+    background-color: var(--teddy-color-background-interactive-primary);
+    inset: 50% auto auto var(--teddy-spacing-10);
+    transform: translate(var(--teddy-spacing-25), -50%);
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-toggle__thumb_1rp8d_78 {
+      transition: transform var(--teddy-motion-duration-150) ease, background-color var(--teddy-motion-duration-150) ease;
+      will-change: transform;
+    }
+  }
+  ._teddy-toggle__thumb_1rp8d_78[data-disabled] {
+    background-color: var(--teddy-color-background-interactive-disabled);
+  }
+  ._teddy-toggle__thumb_1rp8d_78[data-state=checked] {
+    background-color: var(--teddy-color-text-interactive-on-primary);
+    transform: translate(calc(100% + var(--teddy-spacing-50)), -50%);
+  }
+  ._teddy-toggle__thumb_1rp8d_78[data-state=checked][data-disabled] {
+    background-color: var(--teddy-color-text-interactive-on-primary);
+  }
+  ._teddy-toggle__indicator_1rp8d_104 {
+    position: absolute;
+    inset: 50% auto auto calc(var(--teddy-spacing-150) + var(--teddy-spacing-10));
+    opacity: 0;
+    scale: 0;
+    transform: translate(-50%, -50%);
+    transform-origin: 0 50%;
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-toggle__indicator_1rp8d_104 {
+      transition: opacity var(--teddy-motion-duration-150) ease, scale var(--teddy-motion-duration-150) ease;
+    }
+  }
+  ._teddy-toggle__input_1rp8d_10[data-state=checked] ._teddy-toggle__indicator_1rp8d_104 {
+    opacity: 1;
+    scale: 1;
+  }
+}@layer heading, accordion;
+@layer accordion {
+  ._teddy-accordion--indented_fs2mc_3 ._teddy-accordion__trigger_fs2mc_3,
+  ._teddy-accordion--indented_fs2mc_3 ._teddy-accordion__content_fs2mc_4 {
+    padding-inline: var(--teddy-spacing-200);
+  }
+  @media (min-width: 600px) {
+    ._teddy-accordion--indented_fs2mc_3 ._teddy-accordion__trigger_fs2mc_3,
+    ._teddy-accordion--indented_fs2mc_3 ._teddy-accordion__content_fs2mc_4 {
+      padding-inline: var(--teddy-spacing-300);
+    }
+  }
+  ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__header_fs2mc_13 {
+    color: var(--teddy-color-text-interactive-primary-negative);
+  }
+  ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__content_fs2mc_4,
+  ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__title_fs2mc_17 {
+    color: var(--teddy-color-text-default-negative);
+  }
+  ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__trigger_fs2mc_3:hover {
+    background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__trigger_fs2mc_3:active {
+      background-color: var(--teddy-color-background-interactive-transparent-negative-active);
+    }
+  }
+  ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__item_fs2mc_28 {
+    border-color: var(--teddy-color-border-medium-negative);
+  }
+  ._teddy-accordion--negative_fs2mc_13 ._teddy-accordion__item_fs2mc_28:last-child {
+    border-color: var(--teddy-color-border-medium-negative);
+  }
+  ._teddy-accordion_fs2mc_3:disabled {
+    background-color: var(--teddy-color-background-interactive-transparent);
+  }
+  ._teddy-accordion__title_fs2mc_17 {
+    margin-bottom: var(--teddy-spacing-300);
+  }
+  @media (min-width: 600px) {
+    ._teddy-accordion__title_fs2mc_17 {
+      margin-bottom: var(--teddy-spacing-400);
+    }
+  }
+  ._teddy-accordion__item_fs2mc_28 {
+    border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+  }
+  ._teddy-accordion__item_fs2mc_28:first-child {
+    margin-top: 0;
+  }
+  ._teddy-accordion__item_fs2mc_28:last-child {
+    border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+  }
+  ._teddy-accordion__header_fs2mc_13 {
+    background-color: var(--teddy-color-background-interactive-transparent);
+    display: flex;
+    max-width: initial;
+    gap: var(--teddy-spacing-100);
+    color: var(--teddy-color-text-interactive-primary);
+    font-weight: var(--teddy-typography-weight-bold);
+  }
+  ._teddy-accordion__trigger_fs2mc_3 {
+    all: unset;
+    font-family: inherit;
+    background-color: transparent;
+    padding: var(--teddy-spacing-200) var(--teddy-spacing-300) var(--teddy-spacing-200) 0;
+    flex: 1;
+    display: flex;
+    gap: var(--teddy-spacing-100);
+    align-items: center;
+    justify-content: space-between;
+    cursor: pointer;
+    transition-duration: var(--teddy-motion-duration-100);
+    transition-timing-function: var(--teddy-motion-easing-ease-in-out);
+    transition-property: background-color, color;
+  }
+  ._teddy-accordion__trigger_fs2mc_3:hover {
+    background-color: var(--teddy-color-background-interactive-transparent-hover);
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-accordion__trigger_fs2mc_3:active {
+      background-color: var(--teddy-color-background-interactive-transparent-active);
+    }
+  }
+  ._teddy-accordion__trigger_fs2mc_3:focus-within {
+    outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
+    outline-offset: var(--teddy-spacing-25);
+    z-index: 1;
+  }
+  ._teddy-accordion__trigger_fs2mc_3:focus-within:not(:focus-visible) {
+    outline: 0;
+  }
+  ._teddy-accordion__trigger_fs2mc_3:disabled {
+    cursor: not-allowed;
+    background-color: var(--teddy-color-background-interactive-disabled);
+  }
+  @media (min-width: 600px) {
+    ._teddy-accordion__trigger_fs2mc_3 {
+      padding-block: var(--teddy-spacing-300);
+    }
+  }
+  @media (min-width: 1024px) {
+    ._teddy-accordion__trigger_fs2mc_3 {
+      padding-block: var(--teddy-spacing-400);
+    }
+  }
+  ._teddy-accordion__trigger_fs2mc_3 ._teddy-accordion__indicator_fs2mc_107 {
+    flex-shrink: 0;
+    transform: rotate(0);
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-accordion__trigger_fs2mc_3 ._teddy-accordion__indicator_fs2mc_107 {
+      transition: transform var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+    }
+  }
+  ._teddy-accordion__trigger_fs2mc_3[data-state=open] ._teddy-accordion__indicator_fs2mc_107 {
+    transform: rotate(180deg);
+  }
+  ._teddy-accordion__content_fs2mc_4 {
+    overflow: hidden;
+    color: var(--teddy-color-text-default);
+    padding: 0 var(--teddy-spacing-300) 0 0;
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    ._teddy-accordion__content_fs2mc_4[data-state=open] {
+      animation: _slideDown_fs2mc_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+    }
+    ._teddy-accordion__content_fs2mc_4[data-state=closed] {
+      animation: _slideUp_fs2mc_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+    }
+  }
+  ._teddy-accordion__content_fs2mc_4::after {
+    content: "";
+    display: block;
+    height: var(--teddy-spacing-400);
+    width: 100%;
+  }
+  @keyframes _slideDown_fs2mc_1 {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--radix-accordion-content-height);
+    }
+  }
+  @keyframes _slideUp_fs2mc_1 {
+    from {
+      height: var(--radix-accordion-content-height);
+    }
+    to {
+      height: 0;
+    }
+  }
+}._teddy-badge_sg6ab_1 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-medium);
+  font-size: var(--teddy-typography-scale-75);
+  min-height: var(--teddy-spacing-200);
+  border-radius: var(--teddy-border-radius-xs);
+  line-height: 1;
+  padding: var(--teddy-spacing-50) var(--teddy-spacing-100);
+  display: inline-flex;
+  align-items: center;
+  gap: var(--teddy-spacing-50);
+}
+._teddy-badge--attention_sg6ab_13 {
+  background-color: var(--teddy-color-background-status-attention);
+  color: var(--teddy-color-text-status-attention);
+}
+._teddy-badge--special_sg6ab_17 {
+  background-color: var(--teddy-color-background-status-special);
+  color: var(--teddy-color-text-status-special);
+}
+._teddy-badge--neutral_sg6ab_21 {
+  background-color: var(--teddy-color-background-status-neutral);
+  color: var(--teddy-color-text-status-neutral);
+}
+._teddy-badge--information_sg6ab_25 {
+  background-color: var(--teddy-color-background-status-info-strong);
+  color: var(--teddy-color-text-status-info-strong);
+}
+._teddy-badge--success_sg6ab_29 {
+  background-color: var(--teddy-color-background-status-success-strong);
+  color: var(--teddy-color-text-status-success-strong);
+}
+._teddy-badge--warning_sg6ab_33 {
+  background-color: var(--teddy-color-background-status-warning-strong);
+  color: var(--teddy-color-text-status-warning-strong);
+}
+._teddy-badge--error_sg6ab_37 {
+  background-color: var(--teddy-color-background-status-error-strong);
+  color: var(--teddy-color-text-status-error-strong);
+}._teddy-field-error-text_1735t_1 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-normal);
+  font-size: var(--teddy-typography-scale-100);
+  line-height: var(--teddy-typography-line-height-loose);
+  color: var(--teddy-color-text-status-error-strong);
+  display: flex;
+  flex-direction: row;
+  gap: var(--teddy-spacing-50);
+  align-items: center;
+}
+._teddy-field-error-text__indicator_1735t_12 {
+  color: var(--teddy-color-text-status-error-medium);
+  line-height: var(--teddy-typography-line-height-tight);
+}._teddy-helper-text_6xdzb_1 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-normal);
+  font-size: var(--teddy-typography-scale-75);
+  line-height: var(--teddy-typography-line-height-loose);
+  color: var(--teddy-color-text-medium);
+  display: block;
+}
+._teddy-helper-text--disabled_6xdzb_9 {
+  color: var(--teddy-color-text-weak);
+}@keyframes _fadeInAnimation_1o9uu_1 {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes _scaleInAnimation_1o9uu_1 {
+  0% {
+    scale: 0;
+  }
+  100% {
+    scale: 100%;
+  }
+}
+._teddy-input_1o9uu_17 {
+  position: relative;
+  cursor: text;
+  display: flex;
+  padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25)) var(--teddy-spacing-150);
+  gap: var(--teddy-spacing-50);
+}
+._teddy-input__frame_1o9uu_24 {
+  position: absolute;
+  inset: 0;
+  border-radius: var(--teddy-border-radius-sm);
+  border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-subtle);
+  pointer-events: none;
+}
+._teddy-input__input_1o9uu_31 {
+  border-radius: var(--teddy-border-radius-sm);
+  border: none;
+  box-sizing: border-box;
+  font-family: var(--teddy-typography-family-default);
+  font-size: var(--teddy-typography-scale-100);
+  line-height: 150%;
+  outline: none;
+  background: transparent;
+  width: 100%;
+  flex: 1 1 100%;
+}
+._teddy-input__input_1o9uu_31:hover ~ ._teddy-input__frame_1o9uu_24 {
+  border-width: var(--teddy-border-width-sm);
+  border-color: var(--teddy-color-border-interactive-subtle-hover);
+}
+._teddy-input__input_1o9uu_31:active:not(:disabled):not(:read-only) ~ ._teddy-input__frame_1o9uu_24, ._teddy-input__input_1o9uu_31:focus:not(:disabled):not(:read-only) ~ ._teddy-input__frame_1o9uu_24 {
+  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
+  outline-offset: calc(var(--teddy-spacing-10) * 2);
+  border-width: var(--teddy-border-width-xs);
+  border-color: var(--teddy-color-border-interactive-subtle-hover);
+}
+._teddy-input__input_1o9uu_31:disabled {
+  color: var(--teddy-color-text-weak);
+}
+._teddy-input__input_1o9uu_31:disabled ~ ._teddy-input__frame_1o9uu_24 {
+  border-width: var(--teddy-border-width-xs);
+  border-color: var(--teddy-color-border-medium);
+}
+._teddy-input__input_1o9uu_31:read-only:not(:disabled) {
+  color: var(--teddy-color-text-default);
+}
+._teddy-input__input_1o9uu_31:read-only:not(:disabled) ~ ._teddy-input__frame_1o9uu_24 {
+  border-width: var(--teddy-border-width-xs);
+}
+._teddy-input__input_1o9uu_31:read-only:not(:disabled):not(._teddy-input__input--valid_1o9uu_66):not(._teddy-input__input--invalid_1o9uu_66) ~ ._teddy-input__frame_1o9uu_24 {
+  border-color: var(--teddy-color-border-medium);
+}
+._teddy-input__input--valid_1o9uu_66 ~ ._teddy-input__frame_1o9uu_24 {
+  border-color: var(--teddy-color-border-status-success);
+}
+._teddy-input__input--valid_1o9uu_66 ~ ._teddy-input__indicator_1o9uu_72 {
+  color: var(--teddy-color-border-status-success);
+}
+._teddy-input__input--error_1o9uu_75:not(:hover) ~ ._teddy-input__frame_1o9uu_24 {
+  border-color: var(--teddy-color-border-status-error);
+}
+._teddy-input_1o9uu_17 > *:not(._teddy-input__input_1o9uu_31) {
+  flex: 0 0 auto;
+}
+._teddy-input__indicator_1o9uu_72 {
+  animation: _fadeInAnimation_1o9uu_1 ease var(--teddy-motion-duration-300), _scaleInAnimation_1o9uu_1 ease var(--teddy-motion-duration-300);
+}
+._teddy-input_1o9uu_17:has(input:disabled) {
+  background-color: var(--teddy-color-background-interactive-disabled);
+}
+._teddy-input_1o9uu_17:has(input:read-only) {
+  background-color: var(--teddy-color-background-interactive-read-only);
+}@keyframes _fadeInAnimation_1i091_1 {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes _scaleInAnimation_1i091_1 {
+  0% {
+    scale: 0;
+  }
+  100% {
+    scale: 100%;
+  }
+}
+._teddy-text-field_1i091_17 {
+  box-sizing: border-box;
+}
+._teddy-text-field_1i091_17 > * + * {
+  margin-top: var(--teddy-spacing-50);
+}
+._teddy-text-field__error-list_1i091_23 {
+  list-style: none;
+  padding: 0;
+}
+._teddy-text-field__error-list_1i091_23 > * + * {
+  margin-top: var(--teddy-spacing-50);
+}@keyframes _teddy-fade-in_vfo5b_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _teddy-fade-out_vfo5b_1 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+._teddy-modal__overlay_vfo5b_17 {
+  position: fixed;
+  inset: 0;
+  display: grid;
+  place-items: center;
+}
+._teddy-modal__overlay_vfo5b_17::before {
+  position: fixed;
+  content: "";
+  inset: 0;
+  background-color: var(--teddy-color-overlay-default);
+}
+._teddy-modal__content_vfo5b_29 {
+  background-color: var(--teddy-color-background-primary);
+  box-shadow: var(--teddy-shadow-lg);
+  position: relative;
+  overflow: hidden;
+  height: 100%;
+  width: 100%;
+}
+@media (min-width: 600px) {
+  ._teddy-modal__content_vfo5b_29 {
+    max-width: 720px;
+    max-height: 80%;
+    min-height: 360px;
+    height: auto;
+    width: auto;
+    border-radius: var(--teddy-border-radius-lg);
+  }
+}
+._teddy-modal__scroll_vfo5b_47 {
+  overflow: auto;
+  padding-inline: var(--teddy-spacing-300);
+}
+._teddy-modal__image_vfo5b_51 {
+  max-width: calc(100% + var(--teddy-spacing-300) * 2);
+  height: auto;
+  vertical-align: middle;
+  font-style: italic;
+  background-repeat: no-repeat;
+  background-size: cover;
+  shape-margin: 0.75rem;
+  margin-inline: calc(var(--teddy-spacing-300) * -1);
+}
+._teddy-modal__close--floating_vfo5b_61 {
+  position: absolute;
+  top: var(--teddy-spacing-100);
+  right: var(--teddy-spacing-100);
+}
+._teddy-modal__group_vfo5b_66 {
+  width: 100%;
+  margin-bottom: var(--teddy-spacing-200);
+}
+._teddy-modal__group--title_vfo5b_70 {
+  position: sticky;
+  inset: 0 0 auto 0;
+  background-color: var(--teddy-color-background-primary);
+  padding-top: var(--teddy-spacing-200);
+}
+._teddy-modal__group--title_vfo5b_70._teddy-modal__group--scroll_vfo5b_76 {
+  padding-block: var(--teddy-spacing-200);
+}
+._teddy-modal__group--title_vfo5b_70._teddy-modal__group--scroll_vfo5b_76::before {
+  content: "";
+  position: absolute;
+  inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
+  border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+}
+._teddy-modal__group--action_vfo5b_85 {
+  height: 100%;
+  position: sticky;
+  inset: auto 0 0 0;
+  margin: var(--teddy-spacing-200) 0 0;
+  padding-block: var(--teddy-spacing-200) var(--teddy-spacing-300);
+  background-color: var(--teddy-color-background-primary);
+}
+._teddy-modal__group--action_vfo5b_85._teddy-modal__group--scroll_vfo5b_76::before {
+  content: "";
+  position: absolute;
+  inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
+  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
+  box-shadow: 0 0 20px 15px var(--teddy-color-background-primary);
+}
+@media (prefers-reduced-motion: no-preference) {
+  @keyframes _modal-overlay-no-op_vfo5b_1 {
+    from {
+      opacity: 1;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+  @keyframes _modal-content-show_vfo5b_1 {
+    from {
+      opacity: 0;
+      transform: translateY(5px) scale(0.97);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0px) scale(1);
+    }
+  }
+  @keyframes _modal-content-hide_vfo5b_1 {
+    from {
+      opacity: 1;
+      transform: translateY(0px) scale(1);
+    }
+    to {
+      opacity: 0;
+      transform: translateY(5px) scale(0.99);
+    }
+  }
+  ._teddy-modal__overlay_vfo5b_17 {
+    /* Keep the overlay mounted until the children have animated */
+  }
+  ._teddy-modal__overlay_vfo5b_17:where([data-state=closed]) {
+    animation: _modal-overlay-no-op_vfo5b_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  ._teddy-modal__overlay_vfo5b_17:where([data-state=open])::before {
+    animation: _teddy-fade-in_vfo5b_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  ._teddy-modal__overlay_vfo5b_17:where([data-state=closed])::before {
+    animation: _teddy-fade-out_vfo5b_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  ._teddy-modal__content_vfo5b_29:where([data-state=open]) {
+    animation: _modal-content-show_vfo5b_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  ._teddy-modal__content_vfo5b_29:where([data-state=closed]) {
+    animation: _modal-content-hide_vfo5b_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+}:root {
+  --teddy-border-radius-xs: 2px;
+  --teddy-border-radius-sm: 4px;
+  --teddy-border-radius-md: 8px;
+  --teddy-border-radius-lg: 16px;
+  --teddy-border-radius-full: 999px;
+  --teddy-border-width-xs: 1px;
+  --teddy-border-width-sm: 2px;
+  --teddy-border-width-md: 3px;
+  --teddy-border-width-lg: 6px;
+}
+:root {
+  --teddy-breakpoint-sm: 0px;
+  --teddy-breakpoint-md: 600px;
+  --teddy-breakpoint-lg: 1024px;
+  --teddy-breakpoint-xl: 1440px;
+}
+:root {
+  --teddy-color-functional-transparent: rgba(255, 255, 255, 0);
+  --teddy-color-functional-white: #ffffff;
+  --teddy-color-functional-black: #000000;
+  --teddy-color-transparent-white-950: rgba(255, 255, 255, 0.95);
+  --teddy-color-transparent-white-900: rgba(255, 255, 255, 0.89);
+  --teddy-color-transparent-white-850: rgba(255, 255, 255, 0.84);
+  --teddy-color-transparent-white-800: rgba(255, 255, 255, 0.79);
+  --teddy-color-transparent-white-700: rgba(255, 255, 255, 0.66);
+  --teddy-color-transparent-white-600: rgba(255, 255, 255, 0.55);
+  --teddy-color-transparent-white-500: rgba(255, 255, 255, 0.46);
+  --teddy-color-transparent-white-400: rgba(255, 255, 255, 0.37);
+  --teddy-color-transparent-white-300: rgba(255, 255, 255, 0.29);
+  --teddy-color-transparent-white-200: rgba(255, 255, 255, 0.21);
+  --teddy-color-transparent-white-150: rgba(255, 255, 255, 0.16);
+  --teddy-color-transparent-white-100: rgba(255, 255, 255, 0.11);
+  --teddy-color-transparent-white-50: rgba(255, 255, 255, 0.07);
+  --teddy-color-transparent-black-950: rgba(0, 0, 0, 0.93);
+  --teddy-color-transparent-black-900: rgba(0, 0, 0, 0.88);
+  --teddy-color-transparent-black-850: rgba(0, 0, 0, 0.84);
+  --teddy-color-transparent-black-800: rgba(0, 0, 0, 0.8);
+  --teddy-color-transparent-black-700: rgba(0, 0, 0, 0.71);
+  --teddy-color-transparent-black-600: rgba(0, 0, 0, 0.62);
+  --teddy-color-transparent-black-500: rgba(0, 0, 0, 0.54);
+  --teddy-color-transparent-black-400: rgba(0, 0, 0, 0.44);
+  --teddy-color-transparent-black-300: rgba(0, 0, 0, 0.33);
+  --teddy-color-transparent-black-200: rgba(0, 0, 0, 0.22);
+  --teddy-color-transparent-black-150: rgba(0, 0, 0, 0.16);
+  --teddy-color-transparent-black-100: rgba(0, 0, 0, 0.1);
+  --teddy-color-transparent-black-50: rgba(0, 0, 0, 0.05);
+  --teddy-color-blue-950: #011320;
+  --teddy-color-blue-900: #002036;
+  --teddy-color-blue-800: #03385b;
+  --teddy-color-blue-700: #014d80;
+  --teddy-color-blue-600: #0063a6;
+  --teddy-color-blue-500: #0078cb;
+  --teddy-color-blue-400: #3694d3;
+  --teddy-color-blue-300: #62b2e7;
+  --teddy-color-blue-200: #91cdf4;
+  --teddy-color-blue-100: #caeaff;
+  --teddy-color-blue-50: #e8f6ff;
+  --teddy-color-orange-950: #1a0f00;
+  --teddy-color-orange-900: #2b1b03;
+  --teddy-color-orange-800: #4c2f03;
+  --teddy-color-orange-700: #6a4102;
+  --teddy-color-orange-600: #8b5301;
+  --teddy-color-orange-500: #a86602;
+  --teddy-color-orange-400: #cc7a00;
+  --teddy-color-orange-300: #f39200;
+  --teddy-color-orange-200: #f9bb5b;
+  --teddy-color-orange-100: #ffe1b3;
+  --teddy-color-orange-50: #fff2de;
+  --teddy-color-red-950: #2c000e;
+  --teddy-color-red-900: #440016;
+  --teddy-color-red-800: #700025;
+  --teddy-color-red-700: #980233;
+  --teddy-color-red-600: #c00543;
+  --teddy-color-red-500: #e4175c;
+  --teddy-color-red-400: #fb4885;
+  --teddy-color-red-300: #ff80ab;
+  --teddy-color-red-200: #ffafc9;
+  --teddy-color-red-100: #ffdde8;
+  --teddy-color-red-50: #fff0f5;
+  --teddy-color-green-950: #00150a;
+  --teddy-color-green-900: #002411;
+  --teddy-color-green-800: #003e1e;
+  --teddy-color-green-700: #02562b;
+  --teddy-color-green-600: #017037;
+  --teddy-color-green-500: #018842;
+  --teddy-color-green-400: #1fa15e;
+  --teddy-color-green-300: #3dbf7c;
+  --teddy-color-green-200: #79d9a7;
+  --teddy-color-green-100: #c5efd9;
+  --teddy-color-green-50: #e1f9ec;
+  --teddy-color-gray-950: #111111;
+  --teddy-color-gray-900: #1e1e20;
+  --teddy-color-gray-850: #2a2a2c;
+  --teddy-color-gray-800: #353537;
+  --teddy-color-gray-700: #4a4a4d;
+  --teddy-color-gray-600: #5f5f63;
+  --teddy-color-gray-500: #757579;
+  --teddy-color-gray-400: #8d8d94;
+  --teddy-color-gray-300: #aaaab0;
+  --teddy-color-gray-200: #c6c6cd;
+  --teddy-color-gray-150: #d6d6dd;
+  --teddy-color-gray-100: #e5e5eb;
+  --teddy-color-gray-50: #f3f3f8;
+  --teddy-color-teal-950: #011413;
+  --teddy-color-teal-900: #032220;
+  --teddy-color-teal-800: #063c39;
+  --teddy-color-teal-700: #02534f;
+  --teddy-color-teal-600: #006c67;
+  --teddy-color-teal-500: #00847e;
+  --teddy-color-teal-400: #3a9b96;
+  --teddy-color-teal-300: #6eb5b2;
+  --teddy-color-teal-200: #a1cfcd;
+  --teddy-color-teal-100: #d5eae9;
+  --teddy-color-teal-50: #edf5f5;
+  --teddy-color-beige-950: #170f09;
+  --teddy-color-beige-900: #241c16;
+  --teddy-color-beige-800: #3b332d;
+  --teddy-color-beige-700: #4f4741;
+  --teddy-color-beige-600: #665e58;
+  --teddy-color-beige-500: #807268;
+  --teddy-color-beige-400: #a08877;
+  --teddy-color-beige-300: #bba494;
+  --teddy-color-beige-200: #d7c3b5;
+  --teddy-color-beige-100: #ede1d8;
+  --teddy-color-beige-50: #f9f1ec;
+  --teddy-color-purple-950: #1f002e;
+  --teddy-color-purple-900: #29003e;
+  --teddy-color-purple-800: #4e0174;
+  --teddy-color-purple-700: #6d02a3;
+  --teddy-color-purple-600: #8c07d0;
+  --teddy-color-purple-550: #990ae3;
+  --teddy-color-purple-500: #b12df4;
+  --teddy-color-purple-400: #c461f7;
+  --teddy-color-purple-300: #d58df9;
+  --teddy-color-purple-200: #e4b6fb;
+  --teddy-color-purple-100: #f5e0ff;
+  --teddy-color-purple-50: #faf0ff;
+  --teddy-color-overlay-default: var(--teddy-color-transparent-black-300);
+  --teddy-color-border-status-success: var(--teddy-color-green-500);
+  --teddy-color-border-status-info: var(--teddy-color-blue-500);
+  --teddy-color-border-status-warning: var(--teddy-color-orange-400);
+  --teddy-color-border-status-error: var(--teddy-color-red-500);
+  --teddy-color-border-interactive-subtle-hover: var(--teddy-color-purple-800);
+  --teddy-color-border-interactive-subtle: var(--teddy-color-transparent-black-300);
+  --teddy-color-border-interactive-selected: var(--teddy-color-purple-550);
+  --teddy-color-border-interactive-primary-negative-active: var(--teddy-color-purple-200);
+  --teddy-color-border-interactive-primary-negative-hover: var(--teddy-color-purple-200);
+  --teddy-color-border-interactive-primary-active: var(--teddy-color-purple-900);
+  --teddy-color-border-interactive-primary-hover: var(--teddy-color-purple-800);
+  --teddy-color-border-interactive-primary-negative: var(--teddy-color-purple-100);
+  --teddy-color-border-interactive-primary: var(--teddy-color-purple-700);
+  --teddy-color-border-interactive-focus: var(--teddy-color-blue-500);
+  --teddy-color-border-weak-negative: var(--teddy-color-transparent-white-150);
+  --teddy-color-border-weak: var(--teddy-color-transparent-black-150);
+  --teddy-color-border-strong-negative: var(--teddy-color-transparent-white-500);
+  --teddy-color-border-strong: var(--teddy-color-transparent-black-500);
+  --teddy-color-border-medium-negative: var(--teddy-color-transparent-white-300);
+  --teddy-color-border-medium: var(--teddy-color-transparent-black-300);
+  --teddy-color-background-tone-on-tone-quaternary: var(--teddy-color-beige-50);
+  --teddy-color-background-tone-on-tone-tertiary: var(--teddy-color-beige-100);
+  --teddy-color-background-tone-on-tone-secondary: var(--teddy-color-purple-100);
+  --teddy-color-background-tone-on-tone-primary: var(--teddy-color-purple-900);
+  --teddy-color-background-status-attention: var(--teddy-color-purple-700);
+  --teddy-color-background-status-special: var(--teddy-color-purple-100);
+  --teddy-color-background-status-neutral: var(--teddy-color-gray-100);
+  --teddy-color-background-status-warning-strong: var(--teddy-color-orange-100);
+  --teddy-color-background-status-warning: var(--teddy-color-orange-50);
+  --teddy-color-background-status-error-strong: var(--teddy-color-red-100);
+  --teddy-color-background-status-error: var(--teddy-color-red-50);
+  --teddy-color-background-status-success-strong: var(--teddy-color-green-100);
+  --teddy-color-background-status-success: var(--teddy-color-green-50);
+  --teddy-color-background-status-info-strong: var(--teddy-color-blue-100);
+  --teddy-color-background-status-info: var(--teddy-color-blue-50);
+  --teddy-color-background-interactive-destructive-active: var(--teddy-color-red-700);
+  --teddy-color-background-interactive-destructive-hover: var(--teddy-color-red-600);
+  --teddy-color-background-interactive-destructive: var(--teddy-color-red-500);
+  --teddy-color-background-interactive-read-only: var(--teddy-color-transparent-black-50);
+  --teddy-color-background-interactive-inactive-negative: var(--teddy-color-transparent-white-150);
+  --teddy-color-background-interactive-inactive: var(--teddy-color-transparent-black-50);
+  --teddy-color-background-interactive-transparent-negative-active: var(--teddy-color-purple-700);
+  --teddy-color-background-interactive-transparent-active: var(--teddy-color-purple-200);
+  --teddy-color-background-interactive-transparent-negative-hover: var(--teddy-color-purple-800);
+  --teddy-color-background-interactive-transparent-hover: var(--teddy-color-purple-100);
+  --teddy-color-background-interactive-transparent: var(--teddy-color-functional-transparent);
+  --teddy-color-background-interactive-disabled-negative: var(--teddy-color-transparent-white-100);
+  --teddy-color-background-interactive-disabled: var(--teddy-color-transparent-black-100);
+  --teddy-color-background-interactive-expressive-negative-active: var(--teddy-color-purple-300);
+  --teddy-color-background-interactive-expressive-negative-hover: var(--teddy-color-purple-400);
+  --teddy-color-background-interactive-expressive-negative: var(--teddy-color-purple-550);
+  --teddy-color-background-interactive-expressive-active: var(--teddy-color-purple-800);
+  --teddy-color-background-interactive-expressive-hover: var(--teddy-color-purple-700);
+  --teddy-color-background-interactive-expressive: var(--teddy-color-purple-550);
+  --teddy-color-background-interactive-primary-negative-active: var(--teddy-color-purple-300);
+  --teddy-color-background-interactive-primary-negative-hover: var(--teddy-color-purple-200);
+  --teddy-color-background-interactive-primary-negative: var(--teddy-color-purple-100);
+  --teddy-color-background-interactive-primary-active: var(--teddy-color-purple-600);
+  --teddy-color-background-interactive-primary-hover: var(--teddy-color-purple-700);
+  --teddy-color-background-interactive-primary: var(--teddy-color-purple-800);
+  --teddy-color-background-secondary: var(--teddy-color-gray-50);
+  --teddy-color-background-primary: var(--teddy-color-functional-white);
+  --teddy-color-text-tone-on-tone-tertiary: var(--teddy-color-beige-700);
+  --teddy-color-text-tone-on-tone-secondary: var(--teddy-color-purple-900);
+  --teddy-color-text-tone-on-tone-primary: var(--teddy-color-purple-100);
+  --teddy-color-text-status-attention: var(--teddy-color-functional-white);
+  --teddy-color-text-status-special: var(--teddy-color-purple-800);
+  --teddy-color-text-status-neutral: var(--teddy-color-transparent-black-700);
+  --teddy-color-text-status-info-medium: var(--teddy-color-blue-500);
+  --teddy-color-text-status-info-strong: var(--teddy-color-blue-700);
+  --teddy-color-text-status-warning-medium: var(--teddy-color-orange-500);
+  --teddy-color-text-status-warning-strong: var(--teddy-color-orange-700);
+  --teddy-color-text-status-success-medium: var(--teddy-color-green-500);
+  --teddy-color-text-status-success-strong: var(--teddy-color-green-700);
+  --teddy-color-text-status-error-medium: var(--teddy-color-red-500);
+  --teddy-color-text-status-error-strong: var(--teddy-color-red-700);
+  --teddy-color-text-status-discount: var(--teddy-color-purple-550);
+  --teddy-color-text-interactive-selected: var(--teddy-color-purple-550);
+  --teddy-color-text-interactive-on-destructive: var(--teddy-color-functional-white);
+  --teddy-color-text-interactive-on-expressive-negative-active: var(--teddy-color-purple-900);
+  --teddy-color-text-interactive-on-expressive-negative-hover: var(--teddy-color-purple-900);
+  --teddy-color-text-interactive-on-expressive-negative: var(--teddy-color-functional-white);
+  --teddy-color-text-interactive-on-expressive: var(--teddy-color-functional-white);
+  --teddy-color-text-interactive-primary-negative-active: var(--teddy-color-purple-200);
+  --teddy-color-text-interactive-primary-negative-hover: var(--teddy-color-purple-200);
+  --teddy-color-text-interactive-primary-negative: var(--teddy-color-purple-100);
+  --teddy-color-text-interactive-on-primary-negative: var(--teddy-color-purple-800);
+  --teddy-color-text-interactive-on-primary: var(--teddy-color-functional-white);
+  --teddy-color-text-interactive-primary-active: var(--teddy-color-purple-900);
+  --teddy-color-text-interactive-primary-hover: var(--teddy-color-purple-800);
+  --teddy-color-text-interactive-primary: var(--teddy-color-purple-700);
+  --teddy-color-text-weak-negative: var(--teddy-color-transparent-white-400);
+  --teddy-color-text-medium-negative: var(--teddy-color-transparent-white-600);
+  --teddy-color-text-default-negative: var(--teddy-color-transparent-white-850);
+  --teddy-color-text-weak: var(--teddy-color-transparent-black-400);
+  --teddy-color-text-medium: var(--teddy-color-transparent-black-600);
+  --teddy-color-text-default: var(--teddy-color-transparent-black-850);
+  --teddy-color-brand-white: var(--teddy-color-functional-white);
+  --teddy-color-brand-off-black: var(--teddy-color-gray-900);
+  --teddy-color-brand-light-beige: var(--teddy-color-beige-50);
+  --teddy-color-brand-beige: var(--teddy-color-beige-100);
+  --teddy-color-brand-deep-beige: var(--teddy-color-beige-700);
+  --teddy-color-brand-light-purple: var(--teddy-color-purple-100);
+  --teddy-color-brand-core-purple: var(--teddy-color-purple-550);
+  --teddy-color-brand-deep-purple: var(--teddy-color-purple-900);
+}
+:root {
+  --teddy-motion-duration-100: 100ms;
+  --teddy-motion-duration-150: 150ms;
+  --teddy-motion-duration-200: 200ms;
+  --teddy-motion-duration-300: 300ms;
+  --teddy-motion-duration-400: 400ms;
+  --teddy-motion-duration-500: 500ms;
+  --teddy-motion-duration-1500: 1500ms;
+  --teddy-motion-duration-2000: 2000ms;
+  --teddy-motion-easing-ease-in: cubic-bezier(0.35, 0.07, 0.88, 0.43);
+  --teddy-motion-easing-ease-out: cubic-bezier(0.33, 0.9, 0.75, 0.95);
+  --teddy-motion-easing-ease-in-out: cubic-bezier(0.45, 0, 0.52, 0.98);
+}
+:root {
+  --teddy-shadow-none: calc(0rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale))
+    calc(0rem * var(--teddy-scale)) rgba(0, 0, 0, 0.1);
+  --teddy-shadow-sm: calc(0rem * var(--teddy-scale)) calc(0.0625rem * var(--teddy-scale))
+    calc(0.25rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale)) rgba(0, 0, 0, 0.1);
+  --teddy-shadow-md: calc(0rem * var(--teddy-scale)) calc(0.25rem * var(--teddy-scale))
+    calc(0.75rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale)) rgba(0, 0, 0, 0.1);
+  --teddy-shadow-lg: calc(0rem * var(--teddy-scale)) calc(0.75rem * var(--teddy-scale))
+    calc(1.5rem * var(--teddy-scale)) calc(0rem * var(--teddy-scale)) rgba(0, 0, 0, 0.1);
+}
+:root {
+  --teddy-spacing-1600: calc(8rem * var(--teddy-scale));
+  --teddy-spacing-1200: calc(6rem * var(--teddy-scale));
+  --teddy-spacing-1000: calc(5rem * var(--teddy-scale));
+  --teddy-spacing-800: calc(4rem * var(--teddy-scale));
+  --teddy-spacing-600: calc(3rem * var(--teddy-scale));
+  --teddy-spacing-400: calc(2rem * var(--teddy-scale));
+  --teddy-spacing-300: calc(1.5rem * var(--teddy-scale));
+  --teddy-spacing-250: calc(1.25rem * var(--teddy-scale));
+  --teddy-spacing-200: calc(1rem * var(--teddy-scale));
+  --teddy-spacing-150: calc(0.75rem * var(--teddy-scale));
+  --teddy-spacing-100: calc(0.5rem * var(--teddy-scale));
+  --teddy-spacing-50: calc(0.25rem * var(--teddy-scale));
+  --teddy-spacing-25: calc(0.125rem * var(--teddy-scale));
+  --teddy-spacing-10: calc(0.0625rem * var(--teddy-scale));
+  --teddy-spacing-0: calc(0rem * var(--teddy-scale));
+  --teddy-spacing-page-padding-xl: var(--teddy-spacing-600);
+  --teddy-spacing-page-padding-lg: var(--teddy-spacing-600);
+  --teddy-spacing-page-padding-md: var(--teddy-spacing-300);
+  --teddy-spacing-page-padding-sm: var(--teddy-spacing-200);
+  --teddy-spacing-gutter-xl: var(--teddy-spacing-300);
+  --teddy-spacing-gutter-lg: var(--teddy-spacing-300);
+  --teddy-spacing-gutter-md: var(--teddy-spacing-300);
+  --teddy-spacing-gutter-sm: var(--teddy-spacing-200);
+}
+:root {
+  --teddy-typography-family-default: TeliaSans, Helvetica, sans-serif;
+  --teddy-typography-family-display: TeliaSansHeading, Helvetica, sans-serif;
+  --teddy-typography-weight-normal: 400;
+  --teddy-typography-weight-medium: 500;
+  --teddy-typography-weight-bold: 700;
+  --teddy-typography-line-height-tight: 100%;
+  --teddy-typography-line-height-default: 125%;
+  --teddy-typography-line-height-loose: 150%;
+  --teddy-typography-line-height-looser: 175%;
+  --teddy-typography-scale-50: calc(0.75rem * var(--teddy-scale));
+  --teddy-typography-scale-75: calc(0.875rem * var(--teddy-scale));
+  --teddy-typography-scale-100: calc(1rem * var(--teddy-scale));
+  --teddy-typography-scale-150: calc(1.125rem * var(--teddy-scale));
+  --teddy-typography-scale-200: calc(1.25rem * var(--teddy-scale));
+  --teddy-typography-scale-400: calc(1.5rem * var(--teddy-scale));
+  --teddy-typography-scale-500: calc(1.75rem * var(--teddy-scale));
+  --teddy-typography-scale-600: calc(2rem * var(--teddy-scale));
+  --teddy-typography-scale-650: calc(2.25rem * var(--teddy-scale));
+  --teddy-typography-scale-700: calc(2.5rem * var(--teddy-scale));
+  --teddy-typography-scale-800: calc(3rem * var(--teddy-scale));
+  --teddy-typography-scale-850: calc(3.5rem * var(--teddy-scale));
+  --teddy-typography-scale-900: calc(4rem * var(--teddy-scale));
+  --teddy-typography-scale-1000: calc(5rem * var(--teddy-scale));
+  --teddy-typography-scale-1100: calc(6rem * var(--teddy-scale));
+}
+.teddy-ai {
+  align-items: var(--teddy-ai);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-ai {
+    align-items: var(--teddy-ai-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-ai {
+    align-items: var(--teddy-ai-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-ai {
+    align-items: var(--teddy-ai-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-ai {
+    align-items: var(--teddy-ai-xl);
+  }
+}
+.teddy-jc {
+  justify-content: var(--teddy-jc);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-jc {
+    justify-content: var(--teddy-jc-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-jc {
+    justify-content: var(--teddy-jc-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-jc {
+    justify-content: var(--teddy-jc-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-jc {
+    justify-content: var(--teddy-jc-xl);
+  }
+}
+.teddy-gap {
+  gap: var(--teddy-gap);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-gap {
+    gap: var(--teddy-gap-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-gap {
+    gap: var(--teddy-gap-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-gap {
+    gap: var(--teddy-gap-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-gap {
+    gap: var(--teddy-gap-xl);
+  }
+}
+.teddy-rg {
+  row-gap: var(--teddy-rg);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-rg {
+    row-gap: var(--teddy-rg-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-rg {
+    row-gap: var(--teddy-rg-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-rg {
+    row-gap: var(--teddy-rg-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-rg {
+    row-gap: var(--teddy-rg-xl);
+  }
+}
+.teddy-cg {
+  column-gap: var(--teddy-cg);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-cg {
+    column-gap: var(--teddy-cg-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-cg {
+    column-gap: var(--teddy-cg-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-cg {
+    column-gap: var(--teddy-cg-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-cg {
+    column-gap: var(--teddy-cg-xl);
+  }
+}
+.teddy-display {
+  display: var(--teddy-display);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-display {
+    display: var(--teddy-display-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-display {
+    display: var(--teddy-display-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-display {
+    display: var(--teddy-display-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-display {
+    display: var(--teddy-display-xl);
+  }
+}
+.teddy-m {
+  margin: var(--teddy-m);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-m {
+    margin: var(--teddy-m-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-m {
+    margin: var(--teddy-m-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-m {
+    margin: var(--teddy-m-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-m {
+    margin: var(--teddy-m-xl);
+  }
+}
+.teddy-mt {
+  margin-top: var(--teddy-mt);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-mt {
+    margin-top: var(--teddy-mt-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-mt {
+    margin-top: var(--teddy-mt-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-mt {
+    margin-top: var(--teddy-mt-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-mt {
+    margin-top: var(--teddy-mt-xl);
+  }
+}
+.teddy-mb {
+  margin-bottom: var(--teddy-mb);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-mb {
+    margin-bottom: var(--teddy-mb-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-mb {
+    margin-bottom: var(--teddy-mb-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-mb {
+    margin-bottom: var(--teddy-mb-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-mb {
+    margin-bottom: var(--teddy-mb-xl);
+  }
+}
+.teddy-ml {
+  margin-left: var(--teddy-ml);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-ml {
+    margin-left: var(--teddy-ml-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-ml {
+    margin-left: var(--teddy-ml-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-ml {
+    margin-left: var(--teddy-ml-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-ml {
+    margin-left: var(--teddy-ml-xl);
+  }
+}
+.teddy-mr {
+  margin-right: var(--teddy-mr);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-mr {
+    margin-right: var(--teddy-mr-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-mr {
+    margin-right: var(--teddy-mr-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-mr {
+    margin-right: var(--teddy-mr-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-mr {
+    margin-right: var(--teddy-mr-xl);
+  }
+}
+.teddy-p {
+  padding: var(--teddy-p);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-p {
+    padding: var(--teddy-p-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-p {
+    padding: var(--teddy-p-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-p {
+    padding: var(--teddy-p-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-p {
+    padding: var(--teddy-p-xl);
+  }
+}
+.teddy-pt {
+  padding-top: var(--teddy-pt);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-pt {
+    padding-top: var(--teddy-pt-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-pt {
+    padding-top: var(--teddy-pt-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-pt {
+    padding-top: var(--teddy-pt-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-pt {
+    padding-top: var(--teddy-pt-xl);
+  }
+}
+.teddy-pb {
+  padding-bottom: var(--teddy-pb);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-pb {
+    padding-bottom: var(--teddy-pb-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-pb {
+    padding-bottom: var(--teddy-pb-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-pb {
+    padding-bottom: var(--teddy-pb-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-pb {
+    padding-bottom: var(--teddy-pb-xl);
+  }
+}
+.teddy-pl {
+  padding-left: var(--teddy-pl);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-pl {
+    padding-left: var(--teddy-pl-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-pl {
+    padding-left: var(--teddy-pl-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-pl {
+    padding-left: var(--teddy-pl-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-pl {
+    padding-left: var(--teddy-pl-xl);
+  }
+}
+.teddy-pr {
+  padding-right: var(--teddy-pr);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-pr {
+    padding-right: var(--teddy-pr-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-pr {
+    padding-right: var(--teddy-pr-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-pr {
+    padding-right: var(--teddy-pr-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-pr {
+    padding-right: var(--teddy-pr-xl);
+  }
+}
+.teddy-w {
+  width: var(--teddy-w);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-w {
+    width: var(--teddy-w-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-w {
+    width: var(--teddy-w-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-w {
+    width: var(--teddy-w-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-w {
+    width: var(--teddy-w-xl);
+  }
+}
+.teddy-min-w {
+  min-width: var(--teddy-min-w);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-min-w {
+    min-width: var(--teddy-min-w-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-min-w {
+    min-width: var(--teddy-min-w-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-min-w {
+    min-width: var(--teddy-min-w-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-min-w {
+    min-width: var(--teddy-min-w-xl);
+  }
+}
+.teddy-max-w {
+  max-width: var(--teddy-max-w);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-max-w {
+    max-width: var(--teddy-max-w-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-max-w {
+    max-width: var(--teddy-max-w-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-max-w {
+    max-width: var(--teddy-max-w-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-max-w {
+    max-width: var(--teddy-max-w-xl);
+  }
+}
+.teddy-h {
+  height: var(--teddy-h);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-h {
+    height: var(--teddy-h-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-h {
+    height: var(--teddy-h-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-h {
+    height: var(--teddy-h-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-h {
+    height: var(--teddy-h-xl);
+  }
+}
+.teddy-min-h {
+  min-height: var(--teddy-min-h);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-min-h {
+    min-height: var(--teddy-min-h-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-min-h {
+    min-height: var(--teddy-min-h-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-min-h {
+    min-height: var(--teddy-min-h-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-min-h {
+    min-height: var(--teddy-min-h-xl);
+  }
+}
+.teddy-max-h {
+  max-height: var(--teddy-max-h);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-max-h {
+    max-height: var(--teddy-max-h-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-max-h {
+    max-height: var(--teddy-max-h-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-max-h {
+    max-height: var(--teddy-max-h-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-max-h {
+    max-height: var(--teddy-max-h-xl);
+  }
+}
+.teddy-position {
+  position: var(--teddy-position);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-position {
+    position: var(--teddy-position-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-position {
+    position: var(--teddy-position-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-position {
+    position: var(--teddy-position-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-position {
+    position: var(--teddy-position-xl);
+  }
+}
+.teddy-inset {
+  inset: var(--teddy-inset);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-inset {
+    inset: var(--teddy-inset-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-inset {
+    inset: var(--teddy-inset-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-inset {
+    inset: var(--teddy-inset-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-inset {
+    inset: var(--teddy-inset-xl);
+  }
+}
+.teddy-top {
+  top: var(--teddy-top);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-top {
+    top: var(--teddy-top-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-top {
+    top: var(--teddy-top-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-top {
+    top: var(--teddy-top-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-top {
+    top: var(--teddy-top-xl);
+  }
+}
+.teddy-bottom {
+  bottom: var(--teddy-bottom);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-bottom {
+    bottom: var(--teddy-bottom-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-bottom {
+    bottom: var(--teddy-bottom-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-bottom {
+    bottom: var(--teddy-bottom-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-bottom {
+    bottom: var(--teddy-bottom-xl);
+  }
+}
+.teddy-left {
+  left: var(--teddy-left);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-left {
+    left: var(--teddy-left-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-left {
+    left: var(--teddy-left-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-left {
+    left: var(--teddy-left-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-left {
+    left: var(--teddy-left-xl);
+  }
+}
+.teddy-right {
+  right: var(--teddy-right);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-right {
+    right: var(--teddy-right-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-right {
+    right: var(--teddy-right-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-right {
+    right: var(--teddy-right-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-right {
+    right: var(--teddy-right-xl);
+  }
+}
+.teddy-gtr {
+  grid-template-rows: var(--teddy-gtr);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-gtr {
+    grid-template-rows: var(--teddy-gtr-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-gtr {
+    grid-template-rows: var(--teddy-gtr-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-gtr {
+    grid-template-rows: var(--teddy-gtr-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-gtr {
+    grid-template-rows: var(--teddy-gtr-xl);
+  }
+}
+.teddy-gtc {
+  grid-template-columns: var(--teddy-gtc);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-gtc {
+    grid-template-columns: var(--teddy-gtc-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-gtc {
+    grid-template-columns: var(--teddy-gtc-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-gtc {
+    grid-template-columns: var(--teddy-gtc-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-gtc {
+    grid-template-columns: var(--teddy-gtc-xl);
+  }
+}
+.teddy-gr {
+  grid-row: var(--teddy-gr);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-gr {
+    grid-row: var(--teddy-gr-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-gr {
+    grid-row: var(--teddy-gr-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-gr {
+    grid-row: var(--teddy-gr-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-gr {
+    grid-row: var(--teddy-gr-xl);
+  }
+}
+.teddy-gc {
+  grid-column: var(--teddy-gc);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-gc {
+    grid-column: var(--teddy-gc-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-gc {
+    grid-column: var(--teddy-gc-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-gc {
+    grid-column: var(--teddy-gc-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-gc {
+    grid-column: var(--teddy-gc-xl);
+  }
+}
+.teddy-grs {
+  grid-row-start: var(--teddy-grs);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-grs {
+    grid-row-start: var(--teddy-grs-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-grs {
+    grid-row-start: var(--teddy-grs-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-grs {
+    grid-row-start: var(--teddy-grs-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-grs {
+    grid-row-start: var(--teddy-grs-xl);
+  }
+}
+.teddy-gre {
+  grid-row-end: var(--teddy-gre);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-gre {
+    grid-row-end: var(--teddy-gre-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-gre {
+    grid-row-end: var(--teddy-gre-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-gre {
+    grid-row-end: var(--teddy-gre-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-gre {
+    grid-row-end: var(--teddy-gre-xl);
+  }
+}
+.teddy-gcs {
+  grid-column-start: var(--teddy-gcs);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-gcs {
+    grid-column-start: var(--teddy-gcs-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-gcs {
+    grid-column-start: var(--teddy-gcs-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-gcs {
+    grid-column-start: var(--teddy-gcs-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-gcs {
+    grid-column-start: var(--teddy-gcs-xl);
+  }
+}
+.teddy-gce {
+  grid-column-end: var(--teddy-gce);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-gce {
+    grid-column-end: var(--teddy-gce-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-gce {
+    grid-column-end: var(--teddy-gce-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-gce {
+    grid-column-end: var(--teddy-gce-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-gce {
+    grid-column-end: var(--teddy-gce-xl);
+  }
+}
+.teddy-gc {
+  grid-column: var(--teddy-gc);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-gc {
+    grid-column: var(--teddy-gc-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-gc {
+    grid-column: var(--teddy-gc-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-gc {
+    grid-column: var(--teddy-gc-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-gc {
+    grid-column: var(--teddy-gc-xl);
+  }
+}
+.teddy-fd {
+  flex-direction: var(--teddy-fd);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-fd {
+    flex-direction: var(--teddy-fd-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-fd {
+    flex-direction: var(--teddy-fd-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-fd {
+    flex-direction: var(--teddy-fd-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-fd {
+    flex-direction: var(--teddy-fd-xl);
+  }
+}
+.teddy-fw {
+  flex-wrap: var(--teddy-fw);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-fw {
+    flex-wrap: var(--teddy-fw-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-fw {
+    flex-wrap: var(--teddy-fw-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-fw {
+    flex-wrap: var(--teddy-fw-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-fw {
+    flex-wrap: var(--teddy-fw-xl);
+  }
+}
+.teddy-fb {
+  flex-basis: var(--teddy-fb);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-fb {
+    flex-basis: var(--teddy-fb-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-fb {
+    flex-basis: var(--teddy-fb-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-fb {
+    flex-basis: var(--teddy-fb-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-fb {
+    flex-basis: var(--teddy-fb-xl);
+  }
+}
+.teddy-fg {
+  flex-grow: var(--teddy-fg);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-fg {
+    flex-grow: var(--teddy-fg-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-fg {
+    flex-grow: var(--teddy-fg-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-fg {
+    flex-grow: var(--teddy-fg-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-fg {
+    flex-grow: var(--teddy-fg-xl);
+  }
+}
+.teddy-fs {
+  flex-shrink: var(--teddy-fs);
+}
+@media (min-width: 0px) {
+  .sm\:teddy-fs {
+    flex-shrink: var(--teddy-fs-sm);
+  }
+}
+@media (min-width: 600px) {
+  .md\:teddy-fs {
+    flex-shrink: var(--teddy-fs-md);
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:teddy-fs {
+    flex-shrink: var(--teddy-fs-lg);
+  }
+}
+@media (min-width: 1440px) {
+  .xl\:teddy-fs {
+    flex-shrink: var(--teddy-fs-xl);
+  }
+}
+@keyframes teddy-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes teddy-fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+:root {
+  --teddy-scale: var(--teddy-rescale, 1);
+}