@layer components{.yellow{outline:.0625rem var(--color-yellow-line) solid;background-color:var(--color-yellow);color:var(--color-on-yellow)}.touch-yellow:hover{background-color:var(--color-yellow-hover)}}@layer theme{:root,:host{--color-yellow:var(--color-yellow-40);--color-yellow-40:#ffe500;--color-yellow-50:#fcd300;--color-yellow-95:#562800}@supports (color:lab(0% 0 0)){:root,:host{--color-yellow-40:lab(91.0037% -3.85219 88.8605);--color-yellow-50:lab(86.0889% 3.6861 85.4849);--color-yellow-95:lab(22.2288% 19.7666 32.0146)}}.light{--color-yellow-line:#0000001a;--color-yellow:var(--color-yellow-40);--color-on-yellow:var(--color-yellow-95);--color-yellow-hover:var(--color-yellow-50)}@supports (color:lab(0% 0 0)){.light{--color-yellow-line:lab(0% 0 0/.1)}}.dark{--color-yellow-line:#ffffff4d;--color-yellow:var(--color-yellow-50);--color-on-yellow:var(--color-yellow-95);--color-yellow-hover:var(--color-yellow-40)}@supports (color:lab(0% 0 0)){.dark{--color-yellow-line:lab(100% 0 0/.3)}}}