@layer recipes{@layer variants{.grhp--released_false{opacity:.68}.grhp--released_true{opacity:1}.grhp--tone_default{background:var(--colors-bg-400);padding-block:var(--spacing-1);border-color:var(--colors-border-250);border-radius:var(--radii-full);gap:var(--spacing-1\.5);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-normal);min-height:2rem;padding-left:var(--spacing-1);padding-right:var(--spacing-2\.5);border-style:solid;border-width:1px;align-items:center;text-decoration:none;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.grhp--tone_mega{background:linear-gradient(90deg, #ff480012 -2.92%, #ffdd0012 30.48%, #00d90e12 68.94%, #00e5ff12 102.74%) padding-box, linear-gradient(var(--colors-bg-100), var(--colors-bg-100)) padding-box, linear-gradient(90deg, #ff48004d -2.92%, #ffdd004d 30.48%, #00d90e4d 68.94%, #00e5ff4d 102.74%) border-box;padding-block:var(--spacing-1);border-radius:var(--radii-full);gap:var(--spacing-1\.5);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-normal);min-height:2rem;padding-left:var(--spacing-1);padding-right:var(--spacing-2\.5);border:1px solid #0000;align-items:center;text-decoration:none;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.grhp--tone_purple{padding-block:var(--spacing-1);border-radius:var(--radii-full);gap:var(--spacing-1\.5);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-normal);min-height:2rem;padding-left:var(--spacing-1);padding-right:var(--spacing-2\.5);background:#a4aafc2e;border:1px solid #a4aafc6b;align-items:center;text-decoration:none;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}@media (hover:hover){.grhp--tone_default:is(:hover,[data-hover]):not(:disabled,[data-disabled]){background:var(--colors-bg-450);border-color:var(--colors-border-300);opacity:1;text-decoration:none}.grhp--tone_mega:is(:hover,[data-hover]):not(:disabled,[data-disabled]){background:linear-gradient(90deg, #ff480012 -2.92%, #ffdd0012 30.48%, #00d90e12 68.94%, #00e5ff12 102.74%) padding-box, linear-gradient(var(--colors-bg-100), var(--colors-bg-100)) padding-box, linear-gradient(90deg, #ff4800 -2.92%, #fd0 30.48%, #00d90e 68.94%, #00e5ff 102.74%) border-box;opacity:1;text-decoration:none}.grhp--tone_purple:is(:hover,[data-hover]):not(:disabled,[data-disabled]){opacity:1;background:#a4aafc42;border-color:#a4aafc9e;text-decoration:none}}}}