/* Figma Styles of your File */
:root {
  /* Colors */
  --: linear-gradient(
    157.72deg,
    rgba(255, 221, 204, 1) 0%,
    rgba(255, 118, 48, 1) 18.50000023841858%,
    rgba(255, 221, 204, 1) 67.00000166893005%,
    rgba(251, 182, 146, 1) 100%
  );
  --test: linear-gradient(
    91.54deg,
    rgba(255, 196, 35, 1) 0%,
    rgba(255, 118, 48, 1) 100%
  );
  --ma-main-m50: #fff1ea;
  --ma-main-m75: #ffc7aa;
  --ma-main-m100: #ffb087;
  --ma-main-m200: #ff8d53;
  --ma-main-m300: #ff7630;
  --ma-main-m400: #b35322;
  --ma-main-m500: #9c481d;
  --ma-main-o20: rgba(255, 241, 234, 0.2);
  --ma-blac-b0: #ffffff;
  --ma-blac-b20: #f6f6f6;
  --ma-blac-b40: #e0e0e0;
  --ma-blac-b50: #c4c4c4;
  --ma-blac-b80: #9c9c9c;
  --ma-blac-b300: #646464;
  --ma-blac-b500: #4a4a4a;
  --ma-blac-b800: #202020;
  --ma-blac-b900: #141414;
  --ma-point-pg75: #9ce6ac;
  --ma-point-pg300: #0dc335;
  --ma-point-pg400: #098925;
  --ma-point-pr75: #feba97;
  --ma-point-pr300: #fd5602;
  --ma-point-pr400: #b13c01;
  --ma-point-pp300: #8330ff;
  --ma-point-pp10: rgba(170, 103, 204, 0.1);
  --ma-o-b20: rgba(0, 0, 0, 0.2);
  --ma-o-b30: rgba(0, 0, 0, 0.3);
  --ma-o-dimmed: rgba(32, 32, 32, 0.6);
  --ma-o-nametag: rgba(74, 74, 74, 0.6);
  --ma-o-w50: rgba(255, 255, 255, 0.5);
  --ma-o-dimmedvideo: rgba(74, 74, 74, 0.5);
  --ma-main-o50: rgba(255, 241, 234, 0.5);
  --ma-main-m300-o50: rgba(255, 118, 48, 0.5);

  /* Fonts */
  --fonts-large-title-font-family: SfPro-Regular, sans-serif;
  --fonts-large-title-font-size: 34px;
  --fonts-large-title-line-height: 41px;
  --fonts-large-title-font-weight: 400;
  --fonts-large-title-font-style: normal;
  --fonts-large-title-font-family: SfPro-Regular, sans-serif;
  --fonts-large-title-font-size: 34px;
  --fonts-large-title-line-height: 41px;
  --fonts-large-title-font-weight: 400;
  --fonts-large-title-font-style: normal;
  --fonts-large-title-b-font-family: SfPro-Bold, sans-serif;
  --fonts-large-title-b-font-size: 34px;
  --fonts-large-title-b-line-height: 41px;
  --fonts-large-title-b-font-weight: 700;
  --fonts-large-title-b-font-style: normal;
  --fonts-large-title-b-font-family: SfPro-Bold, sans-serif;
  --fonts-large-title-b-font-size: 34px;
  --fonts-large-title-b-line-height: 41px;
  --fonts-large-title-b-font-weight: 700;
  --fonts-large-title-b-font-style: normal;
  --fonts-title2-font-family: SfPro-Regular, sans-serif;
  --fonts-title2-font-size: 22px;
  --fonts-title2-line-height: 28px;
  --fonts-title2-font-weight: 400;
  --fonts-title2-font-style: normal;
  --fonts-title2-font-family: SfPro-Regular, sans-serif;
  --fonts-title2-font-size: 22px;
  --fonts-title2-line-height: 28px;
  --fonts-title2-font-weight: 400;
  --fonts-title2-font-style: normal;
  --fonts-title2-b-font-family: SfPro-Bold, sans-serif;
  --fonts-title2-b-font-size: 22px;
  --fonts-title2-b-line-height: 28px;
  --fonts-title2-b-font-weight: 700;
  --fonts-title2-b-font-style: normal;
  --fonts-title2-b-font-family: SfPro-Bold, sans-serif;
  --fonts-title2-b-font-size: 22px;
  --fonts-title2-b-line-height: 28px;
  --fonts-title2-b-font-weight: 700;
  --fonts-title2-b-font-style: normal;
  --fonts-title3-font-family: SfPro-Regular, sans-serif;
  --fonts-title3-font-size: 20px;
  --fonts-title3-line-height: 25px;
  --fonts-title3-font-weight: 400;
  --fonts-title3-font-style: normal;
  --fonts-title3-font-family: SfPro-Regular, sans-serif;
  --fonts-title3-font-size: 20px;
  --fonts-title3-line-height: 25px;
  --fonts-title3-font-weight: 400;
  --fonts-title3-font-style: normal;
  --fonts-title3-b-font-family: SfPro-Semibold, sans-serif;
  --fonts-title3-b-font-size: 20px;
  --fonts-title3-b-line-height: 25px;
  --fonts-title3-b-font-weight: 600;
  --fonts-title3-b-font-style: normal;
  --fonts-title3-b-font-family: SfPro-Semibold, sans-serif;
  --fonts-title3-b-font-size: 20px;
  --fonts-title3-b-line-height: 25px;
  --fonts-title3-b-font-weight: 600;
  --fonts-title3-b-font-style: normal;
  --fonts-headline-font-family: SfPro-Semibold, sans-serif;
  --fonts-headline-font-size: 17px;
  --fonts-headline-line-height: 22px;
  --fonts-headline-font-weight: 600;
  --fonts-headline-font-style: normal;
  --fonts-headline-font-family: SfPro-Semibold, sans-serif;
  --fonts-headline-font-size: 17px;
  --fonts-headline-line-height: 22px;
  --fonts-headline-font-weight: 600;
  --fonts-headline-font-style: normal;
  --fonts-body-font-family: SfPro-Regular, sans-serif;
  --fonts-body-font-size: 17px;
  --fonts-body-line-height: 22px;
  --fonts-body-font-weight: 400;
  --fonts-body-font-style: normal;
  --fonts-body-font-family: SfPro-Regular, sans-serif;
  --fonts-body-font-size: 17px;
  --fonts-body-line-height: 22px;
  --fonts-body-font-weight: 400;
  --fonts-body-font-style: normal;
  --fonts-body-b-font-family: SfPro-Semibold, sans-serif;
  --fonts-body-b-font-size: 17px;
  --fonts-body-b-line-height: 22px;
  --fonts-body-b-font-weight: 600;
  --fonts-body-b-font-style: normal;
  --fonts-body-b-font-family: SfPro-Semibold, sans-serif;
  --fonts-body-b-font-size: 17px;
  --fonts-body-b-line-height: 22px;
  --fonts-body-b-font-weight: 600;
  --fonts-body-b-font-style: normal;
  --fonts-callout-font-family: SfPro-Regular, sans-serif;
  --fonts-callout-font-size: 16px;
  --fonts-callout-line-height: 21px;
  --fonts-callout-font-weight: 400;
  --fonts-callout-font-style: normal;
  --fonts-callout-font-family: SfPro-Regular, sans-serif;
  --fonts-callout-font-size: 16px;
  --fonts-callout-line-height: 21px;
  --fonts-callout-font-weight: 400;
  --fonts-callout-font-style: normal;
  --fonts-callout-b-font-family: SfPro-Semibold, sans-serif;
  --fonts-callout-b-font-size: 16px;
  --fonts-callout-b-line-height: 21px;
  --fonts-callout-b-font-weight: 600;
  --fonts-callout-b-font-style: normal;
  --fonts-callout-b-font-family: SfPro-Semibold, sans-serif;
  --fonts-callout-b-font-size: 16px;
  --fonts-callout-b-line-height: 21px;
  --fonts-callout-b-font-weight: 600;
  --fonts-callout-b-font-style: normal;
  --fonts-subheadline-font-family: SfPro-Regular, sans-serif;
  --fonts-subheadline-font-size: 15px;
  --fonts-subheadline-line-height: 20px;
  --fonts-subheadline-font-weight: 400;
  --fonts-subheadline-font-style: normal;
  --fonts-subheadline-font-family: SfPro-Regular, sans-serif;
  --fonts-subheadline-font-size: 15px;
  --fonts-subheadline-line-height: 20px;
  --fonts-subheadline-font-weight: 400;
  --fonts-subheadline-font-style: normal;
  --fonts-subheadline-b-font-family: SfPro-Semibold, sans-serif;
  --fonts-subheadline-b-font-size: 15px;
  --fonts-subheadline-b-line-height: 20px;
  --fonts-subheadline-b-font-weight: 600;
  --fonts-subheadline-b-font-style: normal;
  --fonts-subheadline-b-font-family: SfPro-Semibold, sans-serif;
  --fonts-subheadline-b-font-size: 15px;
  --fonts-subheadline-b-line-height: 20px;
  --fonts-subheadline-b-font-weight: 600;
  --fonts-subheadline-b-font-style: normal;
  --fonts-footnote-font-family: SfPro-Regular, sans-serif;
  --fonts-footnote-font-size: 13px;
  --fonts-footnote-line-height: 18px;
  --fonts-footnote-font-weight: 400;
  --fonts-footnote-font-style: normal;
  --fonts-footnote-font-family: SfPro-Regular, sans-serif;
  --fonts-footnote-font-size: 13px;
  --fonts-footnote-line-height: 18px;
  --fonts-footnote-font-weight: 400;
  --fonts-footnote-font-style: normal;
  --fonts-footnote-b-font-family: SfPro-Semibold, sans-serif;
  --fonts-footnote-b-font-size: 13px;
  --fonts-footnote-b-line-height: 18px;
  --fonts-footnote-b-font-weight: 600;
  --fonts-footnote-b-font-style: normal;
  --fonts-footnote-b-font-family: SfPro-Semibold, sans-serif;
  --fonts-footnote-b-font-size: 13px;
  --fonts-footnote-b-line-height: 18px;
  --fonts-footnote-b-font-weight: 600;
  --fonts-footnote-b-font-style: normal;
  --fonts-caption1-font-family: SfPro-Regular, sans-serif;
  --fonts-caption1-font-size: 12px;
  --fonts-caption1-line-height: 16px;
  --fonts-caption1-font-weight: 400;
  --fonts-caption1-font-style: normal;
  --fonts-caption1-font-family: SfPro-Regular, sans-serif;
  --fonts-caption1-font-size: 12px;
  --fonts-caption1-line-height: 16px;
  --fonts-caption1-font-weight: 400;
  --fonts-caption1-font-style: normal;
  --fonts-caption1-m-font-family: SfPro-Medium, sans-serif;
  --fonts-caption1-m-font-size: 12px;
  --fonts-caption1-m-line-height: 16px;
  --fonts-caption1-m-font-weight: 500;
  --fonts-caption1-m-font-style: normal;
  --fonts-caption1-m-font-family: SfPro-Medium, sans-serif;
  --fonts-caption1-m-font-size: 12px;
  --fonts-caption1-m-line-height: 16px;
  --fonts-caption1-m-font-weight: 500;
  --fonts-caption1-m-font-style: normal;
  --fonts-caption2-font-family: SfPro-Regular, sans-serif;
  --fonts-caption2-font-size: 11px;
  --fonts-caption2-line-height: 13px;
  --fonts-caption2-font-weight: 400;
  --fonts-caption2-font-style: normal;
  --fonts-caption2-font-family: SfPro-Regular, sans-serif;
  --fonts-caption2-font-size: 11px;
  --fonts-caption2-line-height: 13px;
  --fonts-caption2-font-weight: 400;
  --fonts-caption2-font-style: normal;
  --fonts-caption2-sb-font-family: SfPro-Semibold, sans-serif;
  --fonts-caption2-sb-font-size: 11px;
  --fonts-caption2-sb-line-height: 13px;
  --fonts-caption2-sb-font-weight: 600;
  --fonts-caption2-sb-font-style: normal;
  --fonts-caption2-sb-font-family: SfPro-Semibold, sans-serif;
  --fonts-caption2-sb-font-size: 11px;
  --fonts-caption2-sb-line-height: 13px;
  --fonts-caption2-sb-font-weight: 600;
  --fonts-caption2-sb-font-style: normal;

  /* Effects */
  --scroll-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
  --scroll-for-b-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.05);
  --scroll-for-bw-box-shadow: 0px -1px 4px 0px rgba(255, 255, 255, 0.15);
  --btn-box-shadow: 0px 0px 4px 0px rgba(206, 206, 206, 0.2);
  --pro-box-shadow: inset -0.5px 0.5px 2px 0px rgba(255, 255, 255, 0.25),
    inset 1px -0.5px 2px 0px rgba(0, 0, 0, 0.25);
  --floating-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  --home-card-scroll-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  --card-shadow-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.2);
  --card-name-tag-backdrop-filter: blur(5.72px);
  --smooth-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --linear-transition: all 0.1s linear;
}
/* Figma Color Variables of your File */
[data-variable-collection-mode="mode-1"] {
  /* mode-1 */
  --ma-main-o20: rgba(255, 241, 234, 0.2);
}