@layer theme{@theme{--font-display: "Fredoka",system-ui; --font-body: "Poppins",system-ui; --font-script: "BimboTrial",cursive;   --color-primary-base: #fa6e6e; --color-primary-50: #fef2f2; --color-primary-100: #ffd6d6; --color-primary-200: #ff9e9e; --color-primary-250: #ffc9c9; --color-primary-300: #fa6e6e; --color-primary-400: #f24141; --color-primary-500: #df2323; --color-primary-600: #bb1a1a; --color-primary-700: #801c1c; --color-primary-800: #9b1919; --color-primary-900: #801c1c; --color-primary-950: #460909;   --color-secondary-base: #ffd23f; --color-secondary-50: #fffde7; --color-secondary-100: #fff4c6; --color-secondary-200: #ffe788; --color-secondary-300: #ffd23f; --color-secondary-400: #ffc120; --color-secondary-500: #f99f07; --color-secondary-600: #dd7702; --color-secondary-700: #b75306; --color-secondary-800: #943f0c; --color-secondary-900: #7a350d; --color-secondary-950: #461a02;   --color-tertiary-base: #2176ff; --color-tertiary-50: #edf7ff; --color-tertiary-100: #d7ecff; --color-tertiary-200: #b9dfff; --color-tertiary-300: #78acff; --color-tertiary-400: #50afff; --color-tertiary-500: #288cff; --color-tertiary-600: #2176ff; --color-tertiary-700: #0a55eb; --color-tertiary-800: #0f44be; --color-tertiary-900: #133e95; --color-tertiary-950: #11275a; --color-tertiary-1000: #000a1a;   --color-success-base: #b3e9c7; --color-success-50: #f2fbf5; --color-success-100: #e1f7e9; --color-success-200: #b3e9c7; --color-success-300: #96dfb1; --color-success-400: #60c888; --color-success-500: #3bac66; --color-success-600: #2b8e52; --color-success-700: #257043; --color-success-800: #225938; --color-success-900: #1e4930; --color-success-950: #0b2818;   --color-violet-base: #c551ff; --color-violet-100: #f7edff; --color-violet-200: #e8cbff; --color-violet-300: #d595ff; --color-violet-400: #c551ff; --color-violet-500: #a400dc; --color-violet-600: #6f0097; --color-violet-700: #3f0058;   --color-neutral-base: #5b5e66; --color-neutral-0: #fff; --color-neutral-02: #fff; --color-neutral-50: #f6f7f9; --color-neutral-100: #eceef2; --color-neutral-200: #d5d9e2; --color-neutral-300: #b0b8c9; --color-neutral-400: #8692aa; --color-neutral-500: #677590; --color-neutral-600: #525e77; --color-neutral-700: #434c61; --color-neutral-800: #3a4252; --color-neutral-900: #343946; --color-neutral-950: #000a1a;     --size-display-xxl: 62px; --size-title-xl: 48px; --size-title-l: 39px; --size-title-m: 31px; --size-title-s: 25px; --size-title-xs: 17px; --size-title-xxs: 15px; --size-text-l: 28px; --size-text-m: 23px; --size-text-base: 17px; --size-text-menu: 14px; --size-text-s: 14px; --size-label: 16px; --size-extra-s: 12px;}}@media android{:root{--font-mono:monospace;--font-rounded:normal;--font-serif:serif;--font-sans:normal}}@media ios{:root{--font-mono:ui-monospace;--font-serif:ui-serif;--font-sans:system-ui;--font-rounded:ui-rounded}}@layer base{body{font-family:var(--font-body);font-size:var(--size-text-base)}h1{font-family:var(--font-display);font-size:var(--size-title-xl);font-weight:600;line-height:1.2}h2{font-family:var(--font-display);font-size:var(--size-title-l);font-weight:600;line-height:1.2}h3{font-family:var(--font-display);font-size:var(--size-title-m);font-weight:500;line-height:1.2}h4{font-family:var(--font-display);font-size:var(--size-title-s);font-weight:500;line-height:1.2}h5{font-family:var(--font-display);font-size:var(--size-title-xs);font-weight:500;line-height:1.2}h6{font-family:var(--font-display);font-size:var(--size-title-xxs);font-weight:500;line-height:1.2}}@utility type-display-xxl{font-family: "Fredoka",system-ui; font-size: 62px; font-weight: 600; line-height: 1.2;}@utility type-title-xl{font-family: "Fredoka",system-ui; font-size: 48px; font-weight: 600; line-height: 1.2;}@utility type-title-l{font-family: "Fredoka",system-ui; font-size: 39px; font-weight: 600; line-height: 1.2;}@utility type-title-m{font-family: "Fredoka",system-ui; font-size: 31px; font-weight: 500; line-height: 1.2;}@utility type-title-s{font-family: "Fredoka",system-ui; font-size: 25px; font-weight: 500; line-height: 1.2;}@utility type-title-xs{font-family: "Fredoka",system-ui; font-size: 17px; font-weight: 500; line-height: 1.2;}@utility type-title-xxs{font-family: "Fredoka",system-ui; font-size: 15px; font-weight: 500; line-height: 1.2;}@utility type-text-l{font-family: "Poppins",system-ui; font-size: 28px; line-height: 1.5;}@utility type-text-m{font-family: "Poppins",system-ui; font-size: 23px; line-height: 1.5;}@utility type-text-base{font-family: "Poppins",system-ui; font-size: 17px; line-height: 1.5;}@utility type-text-menu{font-family: "Poppins",system-ui; font-size: 14px; line-height: 1.5;}@utility type-text-s{font-family: "Poppins",system-ui; font-size: 14px; line-height: 1.5;}@utility type-label{font-family: "Poppins",system-ui; font-size: 16px; line-height: 1.5;}@utility type-extra-s{font-family: "Poppins",system-ui; font-size: 12px; line-height: 1.5;}@utility filter-chip{padding: 6px 12px; border-radius: 9999px; border-width: 1px; transition: background-color .12s ease,border-color .12s ease,color .12s ease;}@utility filter-chip-active{background-color: #2176ff;   border-color: #2176ff; color: #fff;}@utility filter-chip-inactive{background-color: #fff; border-color: #eceef2;   color: #525e77;  }@media (hover:hover){.filter-chip-inactive:hover{background-color:#f6f7f9;border-color:#cbd2de}}@utility animate-pulse{animation: pulse 2s cubic-bezier(.4,0,.6,1)infinite;}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@utility animate-slide-in{animation: slideIn .3s ease-out;}@utility animate-fade-in{animation: fadeIn .3s ease-out;}@utility animate-scale-in{animation: scaleIn .3s ease-out;}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.animate-slide-in,.animate-fade-in,.animate-scale-in,.animate-pulse{animation:none}}@media (hover:hover){[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,[role=link]:focus-visible,[role=checkbox]:focus-visible,[role=radio]:focus-visible,[role=tab]:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #ffd23f}}