@layer recipes{@layer base{.text{font-size:var(--font-sizes-sm)}}@layer variants{.text--variant_caps{color:var(--colors-text-200);letter-spacing:.05rem;text-transform:uppercase;font-weight:500}.text--variant_groupLabel{color:var(--colors-text-300);font-size:var(--font-sizes-2xs);letter-spacing:.05rem;text-transform:uppercase;font-weight:500}.text--variant_secondary{color:var(--colors-text-200)}}}
@layer recipes{@layer base{.heading{color:var(--colors-text-100);font-family:var(--fonts-heading);font-weight:var(--font-weights-semibold)}}@layer variants{.heading--size_2xl{font-size:var(--font-sizes-2xl);line-height:2rem}.heading--size_3xl{font-size:var(--font-sizes-3xl);line-height:2.375rem}.heading--size_lg{font-size:var(--font-sizes-lg);line-height:1.75rem}.heading--size_md{font-size:var(--font-sizes-md);line-height:1.5rem}.heading--size_sm{font-size:var(--font-sizes-sm);line-height:1.25rem}.heading--size_xl{font-size:var(--font-sizes-xl);line-height:1.875rem}.heading--size_xs{font-size:var(--font-sizes-xs);line-height:1rem}.heading--variant_pageHeading{font-size:var(--font-sizes-lg);font-weight:var(--font-weights-bold);line-height:125%}@media (min-width:48rem){.heading--variant_pageHeading{font-size:var(--font-sizes-2xl);line-height:135%}.md\:heading--size_2xl{font-size:var(--font-sizes-2xl);line-height:2rem}.md\:heading--size_3xl{font-size:var(--font-sizes-3xl);line-height:2.375rem}.md\:heading--size_lg{font-size:var(--font-sizes-lg);line-height:1.75rem}.md\:heading--size_md{font-size:var(--font-sizes-md);line-height:1.5rem}.md\:heading--size_xl{font-size:var(--font-sizes-xl);line-height:1.875rem}}@media (min-width:64rem){.lg\:heading--size_3xl{font-size:var(--font-sizes-3xl);line-height:2.375rem}.lg\:heading--size_4xl{font-size:var(--font-sizes-4xl);letter-spacing:-.025em;line-height:2.75rem}.lg\:heading--size_lg{font-size:var(--font-sizes-lg);line-height:1.75rem}}@media (min-width:80rem){.xl\:heading--size_4xl{font-size:var(--font-sizes-4xl);letter-spacing:-.025em;line-height:2.75rem}.xl\:heading--size_xl{font-size:var(--font-sizes-xl);line-height:1.875rem}}@media (min-width:96rem){.\32 xl\:heading--size_2xl{font-size:var(--font-sizes-2xl);line-height:2rem}}}}
@layer recipes{@layer base{.badge{border-radius:var(--radii-l2);gap:var(--spacing-1);-webkit-user-select:none;user-select:none;font-size:var(--font-sizes-xs);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;font-weight:400;display:inline-flex}}@layer variants{.badge--size_md{padding-inline:var(--spacing-2);font-size:var(--font-sizes-sm);min-height:var(--sizes-6);line-height:1.25rem}.badge--size_sm{padding-inline:var(--spacing-1\.5);font-size:var(--font-sizes-xs);min-height:var(--sizes-5);line-height:1rem}.badge--size_xs{padding-inline:var(--spacing-1);font-size:var(--font-sizes-2xs);min-height:var(--sizes-4);line-height:.75rem}.badge--variant_outline{--outline-shadow:var(--colors-color-palette-border);--outline-shadow-legacy:var(--colors-color-palette-muted);--shadow-color:var(--outline-shadow,var(--outline-shadow-legacy));background:var(--colors-transparent);border-color:var(--colors-border-250);box-shadow:inset 0 0 0px 1px var(--shadow-color);color:var(--colors-text-200);border-style:solid;border-width:1px}.badge--variant_pokemonType{font-size:var(--font-sizes-xs);text-transform:none;border-style:solid;border-width:1px;border-radius:4px;font-weight:400}.badge--variant_subtle{background:var(--colors-bg-500);color:var(--colors-text-100)}.badge--variant_surface{--shadow-color:var(--colors-color-palette-muted);background:var(--colors-color-palette-subtle);box-shadow:inset 0 0 0px 1px var(--shadow-color);color:var(--colors-color-palette-fg)}}}
@layer recipes{@layer base{.button{--button-height:32px;--button-split-menu-width:24px;--transition-duration:.2s;--transition-prop:background-color, border-color, color, outline-color;padding-inline:var(--spacing-3);gap:var(--spacing-1\.5);appearance:none;-webkit-user-select:none;user-select:none;box-shadow:none;cursor:pointer;font-family:var(--fonts-body);font-size:12px;font-weight:var(--font-weights-medium);isolation:isolate;outline-offset:2px;vertical-align:middle;white-space:nowrap;height:var(--button-height);min-width:var(--button-height);border-style:solid;border-width:1px;border-radius:10px;outline:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;line-height:16px;text-decoration:none;transition-property:background-color,border-color,color,outline-color;transition-duration:.2s;display:inline-flex;position:relative}.button>img{object-fit:contain;flex-shrink:0;width:14px;height:14px}.button[data-icon-button]{width:var(--button-height);padding-block:0;padding-inline:0}.button[data-split-part=action]{border-start-end-radius:0;border-end-end-radius:0}.button[data-split-part=action]:is(:focus-visible,[data-focus-visible]){z-index:1}.button[data-split-part=menu][data-icon-button]{min-width:var(--button-split-menu-width);width:var(--button-split-menu-width);border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}.button[data-split-part=menu][data-icon-button]:is(:focus-visible,[data-focus-visible]){z-index:1}.button :where(svg){flex-shrink:0;width:14px;height:14px}.button:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed;opacity:.5}@media (hover:hover){.button:is(:hover,[data-hover]):not(:disabled,[data-disabled]){text-decoration:none}}@media (prefers-reduced-motion:reduce){.button{--transition-duration:0s;transition-duration:0s}}}@layer variants{.button--size_lg{--button-height:40px;--button-split-menu-width:28px;padding-inline:var(--spacing-4);gap:var(--spacing-2);font-size:14px;line-height:20px}.button--size_lg>img,.button--size_lg :where(svg){width:18px;height:18px}.button--size_sm{--button-height:32px;--button-split-menu-width:24px;font-size:12px;line-height:16px}.button--size_sm>img,.button--size_sm :where(svg){width:14px;height:14px}.button--variant_default{background:var(--colors-bg-300);border-color:var(--colors-border-250);color:var(--colors-text-200)}.button--variant_default[aria-pressed=true],.button--variant_default[data-selected]{background:var(--colors-selection-bg);border-color:var(--colors-selection-border);color:var(--colors-selection-fg)}.button--variant_default:is([aria-expanded=true],[data-expanded],[data-state=expanded]){background:var(--colors-bg-400);border-color:var(--colors-border-275);color:var(--colors-text-100)}.button--variant_default:is(:focus-visible,[data-focus-visible]){border-color:var(--colors-text-300);outline-color:color-mix(in srgb, var(--colors-text-200) 9%, transparent)}.button--variant_default:is(:active,[data-active]):not(:disabled,[data-disabled],[data-state=open]){background:var(--colors-bg-500);border-color:var(--colors-border-300);color:var(--colors-text-100)}.button--variant_plain{background:var(--colors-transparent);border-color:var(--colors-transparent);color:var(--colors-text-200)}.button--variant_plain:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-text-300)}.button--variant_plain:is(:active,[data-active]):not(:disabled,[data-disabled],[data-state=open]){color:var(--colors-text-100)}.button--variant_primary{color:var(--colors-text-100);background:#5e5bba;border-color:#6d6ac7}.button--variant_primary:is([aria-expanded=true],[data-expanded],[data-state=expanded]){background:#6562c0;border-color:#8582d3}.button--variant_primary:is(:focus-visible,[data-focus-visible]){border-color:var(--colors-brand-secondary-100);outline-color:color-mix(in srgb, var(--colors-brand-secondary-100) 9%, transparent)}.button--variant_primary:is(:active,[data-active]):not(:disabled,[data-disabled],[data-state=open]){background:#6a67c4;border-color:#918edb}@media (hover:hover){.button--variant_default[aria-pressed=true]:is(:hover,[data-hover]):not(:disabled,[data-disabled]),.button--variant_default[data-selected]:is(:hover,[data-hover]):not(:disabled,[data-disabled]){background:var(--colors-selection-hover)}.button--variant_default:is(:hover,[data-hover]):not(:disabled,[data-disabled]){background:var(--colors-bg-400);border-color:var(--colors-border-275);color:var(--colors-text-100)}.button--variant_plain:is(:hover,[data-hover]):not(:disabled,[data-disabled]){color:var(--colors-text-100)}.button--variant_primary:is(:hover,[data-hover]):not(:disabled,[data-disabled]){background:#6562c0;border-color:#8582d3}}}}