-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmain.css.map
More file actions
1 lines (1 loc) · 92 KB
/
Copy pathmain.css.map
File metadata and controls
1 lines (1 loc) · 92 KB
1
{"version":3,"file":"main.css","mappings":";;;AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;;;;;AAOA;AACA;;AAEA;AACA;AACA;;;;;;ACxIA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;;;;AChCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;AAQA;AACA;AACA;AACA;AACA;;;;;ACvCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;;;;;AC3BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACpGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AC/BA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACNA;AACA;AACA;;;;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACzdA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AAAA;AACA;AACA;;;;AAIA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;;;;AAIA;AACA;AACA;AAAA;AACA;AACA;;;;AAIA;AAAA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;;;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;AAIA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;AAIA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;AAIA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;AAIA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;AAIA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;AAIA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AC7yCA;;;;;;;;;;;;;;;;;AAiBA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;ACtCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACtIA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA","sources":["C:/Users/kimeunhang/Desktop/HomeDashboard/src/views/Home/Home.css","C:/Users/kimeunhang/Desktop/HomeDashboard/resources/css/style.css","C:/Users/kimeunhang/Desktop/HomeDashboard/node_modules/@enact/ui/Button/Button.module.css","C:/Users/kimeunhang/Desktop/HomeDashboard/node_modules/@enact/ui/Icon/Icon.module.css","C:/Users/kimeunhang/Desktop/HomeDashboard/node_modules/@enact/sandstone/Icon/Icon.module.css","C:/Users/kimeunhang/Desktop/HomeDashboard/node_modules/@enact/ui/Marquee/Marquee.module.css","C:/Users/kimeunhang/Desktop/HomeDashboard/node_modules/@enact/ui/FloatingLayer/Scrim.module.css","C:/Users/kimeunhang/Desktop/HomeDashboard/node_modules/@enact/ui/FloatingLayer/FloatingLayer.module.css","C:/Users/kimeunhang/Desktop/HomeDashboard/node_modules/@enact/sandstone/TooltipDecorator/Tooltip.module.css","C:/Users/kimeunhang/Desktop/HomeDashboard/node_modules/@enact/sandstone/Button/Button.module.css","C:/Users/kimeunhang/Desktop/HomeDashboard/src/views/Video/Video.css","C:/Users/kimeunhang/Desktop/HomeDashboard/src/views/Add/Add.css","C:/Users/kimeunhang/Desktop/HomeDashboard/src/views/Info/Info.css"],"sourcesContent":[".wrap {\r\n min-height: 90vh;\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.section {\r\n padding-bottom: 90px;\r\n}\r\n\r\n.footer {\r\n width: 100%;\r\n height: 90px;\r\n\r\n bottom: 0px;\r\n position: absolute;\r\n\r\n text-align: center;\r\n}\r\n\r\n.info-container {\r\n /* width: 100%;\r\n height: 90%; */\r\n margin-top: 100px;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-content: center;\r\n text-align: center;\r\n}\r\n\r\n.info-box {\r\n width: 50vh;\r\n height: 83vh;\r\n\r\n margin: auto;\r\n\r\n border-radius: 50px;\r\n box-shadow: 3px 7px 11px 0 rgba(0, 0, 0, 0.16);\r\n background-color: #fdf0be;\r\n}\r\n\r\n.pet-name {\r\n width: 50%;\r\n\r\n display: block;\r\n position: relative;\r\n\r\n left: 55%;\r\n}\r\n\r\n.ptag {\r\n margin: 2vh;\r\n font-size: 7vh;\r\n}\r\n\r\n.pet-image {\r\n width: 100%;\r\n\r\n text-align: center;\r\n\r\n overflow: hidden;\r\n}\r\n\r\n.pet-image-inner {\r\n width: 70%;\r\n\r\n border-radius: 50%;\r\n}\r\n\r\n.time {\r\n font-size: 3vh;\r\n font-weight: bold;\r\n margin-left: 10vh;\r\n}\r\n\r\n.water-status {\r\n width: 33%;\r\n\r\n display: block;\r\n position: relative;\r\n\r\n right: 0%;\r\n left: 60%;\r\n top: 0%;\r\n}\r\n\r\n.feed-status {\r\n width: 33%;\r\n\r\n display: block;\r\n position: relative;\r\n\r\n right: 4%;\r\n left: 4%;\r\n top: 0%;\r\n}\r\n\r\n.button-container {\r\n position: fixed;\r\n display: flex;\r\n justify-content: space-between;\r\n bottom: 5vh;\r\n right: 21vh;\r\n width: 10vh;\r\n height: 5vh;\r\n}\r\n\r\n.add-button {\r\n padding-left: 3vw;\r\n width: 7vh;\r\n height:3vh;\r\n /* float:left;\r\n position: fixed; */\r\n\r\n /* padding: 3vh;\r\n margin: 2vh; */\r\n/* \r\n bottom: 5vh;\r\n right: 10vh; */\r\n}\r\n\r\n.video-button {\r\n padding-left: 5vh;\r\n /* float:right;\r\n position: relative;\r\n\r\n padding: 3vh;\r\n margin: 2vh;\r\n\r\n bottom: 3vh;\r\n right: 10vh; */\r\n}\r\n\r\n.bottom-section {\r\n position: fixed;\r\n}\r\n\r\n","@charset \"utf-8\";\r\n\r\n@font-face {\r\n font-family: 'LGSmHa';\r\n src: url('../font/LGSmHaB.ttf');\r\n}\r\n\r\n@font-face {\r\n font-family: 'LGSmHa';\r\n src: url('../font/LGSmHaB.ttf');\r\n}\r\n\r\n@font-face {\r\n font-family: 'LGSmHa';\r\n src: url('../font/LGSmHaB.ttf');\r\n}\r\n\r\n@font-face {\r\n font-family: 'LGSmHa';\r\n src: url('../font/LGSmHaB.ttf');\r\n}\r\n\r\n* {\r\n font-family: 'LGSmHa', sans-serif;\r\n}\r\n\r\nhtml,\r\nbody {\r\n background-color: #ccdebc;\r\n\r\n margin: 0;\r\n padding: 0;\r\n}",".button {\n display: inline-block;\n box-sizing: border-box;\n position: relative;\n overflow: visible;\n white-space: nowrap;\n width: auto;\n z-index: 0;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n}\n.button .bg {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n position: absolute;\n z-index: -1;\n}\n.button .client {\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n height: 100%;\n position: relative;\n}\n.button .icon,\n.button.hasIcon,\n.button.large,\n.button.minWidth,\n.button.small,\n.button.decoration,\n.button.selected,\n.button.pressed {\n /* Public Class Names */\n}\n.button[disabled] {\n cursor: default;\n}\n",".icon {\n display: inline-block;\n vertical-align: middle;\n font-weight: normal;\n font-style: normal;\n text-align: center;\n position: relative;\n -webkit-font-kerning: none;\n font-kerning: none;\n}\n.icon[disabled] {\n cursor: default;\n}\n.icon.flipBoth {\n transform: scale(-1);\n}\n.icon.flipHorizontal {\n transform: scaleX(-1);\n}\n.icon.flipVertical {\n transform: scaleY(-1);\n}\n.icon.dingbat,\n.icon.large,\n.icon.pressed,\n.icon.small {\n /* Public Class Names */\n}\n",".icon {\n background-repeat: no-repeat;\n text-align: center;\n position: relative;\n font-family: \"Sandstone Icons\";\n margin: 0.5rem;\n overflow: hidden;\n width: var(--icon-size, 1.625rem );\n height: var(--icon-size, 1.625rem );\n font-size: var(--icon-size, 1.625rem );\n line-height: var(--icon-size, 1.625rem );\n background-position: center 0;\n background-size: var(--icon-size, undefined 1.625rem ) calc(var(--icon-size, 1.625rem ) * 2);\n}\n.icon.large {\n --icon-size: 2.25rem;\n}\n.icon.medium {\n --icon-size: 1.875rem;\n}\n.icon.small {\n --icon-size: 1.625rem;\n}\n.icon.tiny {\n --icon-size: 1.25rem;\n}\n.icon.dingbat {\n font-family: \"LG Icons\";\n}\n.icon:global(.neutral) {\n color: inherit;\n}\n:global(.enact-a11y-high-contrast) .icon:global(.neutral):global(.highContrast) {\n color: inherit;\n}\n.icon:global(.light) {\n color: inherit;\n}\n.icon:global(.game) {\n color: inherit;\n}\n:global(.green) .icon:global(.game) {\n color: inherit;\n}\n:global(.orange) .icon:global(.game) {\n color: inherit;\n}\n:global(.spotlight-input-key) :global(.neutral) :global(.spottable):focus .icon,\n:global(.spotlight-input-mouse) :global(.neutral) :global(.spottable):focus .icon {\n background-position: center 100%;\n color: inherit;\n}\n:global(.spotlight-input-touch) :global(.neutral) :global(.spottable):active .icon {\n background-position: center 100%;\n color: inherit;\n}\n:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) :global(.neutral):global(.highContrast) :global(.spottable):focus .icon,\n:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) :global(.neutral):global(.highContrast) :global(.spottable):focus .icon {\n background-position: center 100%;\n color: inherit;\n}\n:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) :global(.neutral):global(.highContrast) :global(.spottable):active .icon {\n background-position: center 100%;\n color: inherit;\n}\n:global(.spotlight-input-key) :global(.light) :global(.spottable):focus .icon,\n:global(.spotlight-input-mouse) :global(.light) :global(.spottable):focus .icon {\n background-position: center 100%;\n color: inherit;\n}\n:global(.spotlight-input-touch) :global(.light) :global(.spottable):active .icon {\n background-position: center 100%;\n color: inherit;\n}\n:global(.spotlight-input-key) :global(.game) :global(.spottable):focus .icon,\n:global(.spotlight-input-mouse) :global(.game) :global(.spottable):focus .icon {\n background-position: center 100%;\n color: inherit;\n}\n:global(.spotlight-input-touch) :global(.game) :global(.spottable):active .icon {\n background-position: center 100%;\n color: inherit;\n}\n:global(.spotlight-input-key) :global(.green) :global(.game) :global(.spottable):focus .icon,\n:global(.spotlight-input-mouse) :global(.green) :global(.game) :global(.spottable):focus .icon {\n background-position: center 100%;\n color: inherit;\n}\n:global(.spotlight-input-touch) :global(.green) :global(.game) :global(.spottable):active .icon {\n background-position: center 100%;\n color: inherit;\n}\n:global(.spotlight-input-key) :global(.orange) :global(.game) :global(.spottable):focus .icon,\n:global(.spotlight-input-mouse) :global(.orange) :global(.game) :global(.spottable):focus .icon {\n background-position: center 100%;\n color: inherit;\n}\n:global(.spotlight-input-touch) :global(.orange) :global(.game) :global(.spottable):active .icon {\n background-position: center 100%;\n color: inherit;\n}\n",".marquee {\n --ui-marquee-spacing: 0;\n --ui-marquee-offset: 0;\n width: auto;\n white-space: pre !important;\n overflow: hidden;\n text-align: left;\n}\n.marquee .text {\n pointer-events: none;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 100%;\n white-space: pre !important;\n transition-property: transform;\n transition-timing-function: linear;\n position: relative;\n}\n.marquee .text.willAnimate {\n will-change: opacity;\n overflow: visible;\n}\n.marquee .text.animate {\n /* Public Class Name */\n}\n.marquee .text .spacing {\n display: inline-block;\n width: calc(1px * (var(--ui-marquee-spacing, 0) + var(--ui-marquee-offset, 0)));\n}\n:global(.enact-locale-right-to-left) .marquee {\n text-align: right;\n}\n",".scrim.transparent {\n /* Needed to prevent global class being added in the DOM */\n}\n.scrim.translucent {\n pointer-events: auto;\n background-color: rgba(0, 0, 0, 0.3);\n}\n",".floatingLayer {\n z-index: 100;\n}\n",".tooltip {\n position: absolute;\n z-index: 1;\n pointer-events: none;\n}\n.tooltip .tooltipArrow {\n position: absolute;\n width: 0.52083rem;\n height: 0.52083rem;\n z-index: 1;\n}\n.tooltip .tooltipArrow::after {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 100%;\n}\n.tooltip.rightArrow .tooltipArrow,\n.tooltip.leftArrow .tooltipArrow {\n width: 0.52083rem;\n height: 0.52083rem;\n}\n.tooltip.centerArrow .tooltipArrow {\n width: 0.52083rem;\n height: 0.52083rem;\n left: 50%;\n}\n.tooltip.middleArrow .tooltipArrow {\n width: 0.52083rem;\n height: 0.52083rem;\n top: 50%;\n}\n.tooltip .tooltipLabel {\n --sand-tooltip-label-width: auto;\n font-family: \"Sandstone\";\n font-size: 1.25rem;\n font-style: normal;\n -webkit-font-kerning: normal;\n font-kerning: normal;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.5em;\n white-space: nowrap;\n width: var(--sand-tooltip-label-width);\n padding: 0.125rem 1rem;\n border-radius: 0.25rem;\n}\n:global(.enact-locale-non-latin) .tooltip .tooltipLabel {\n font-family: \"Sandstone\";\n}\n:global(.enact-locale-non-latin) .tooltip .tooltipLabel {\n font-family: \"Sandstone\";\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 700;\n}\n:global(.enact-locale-right-to-left) .tooltip .tooltipLabel {\n text-align: right;\n}\n.tooltip .tooltipLabel.marquee {\n max-width: var(--sand-tooltip-label-width, 12.5rem);\n}\n.tooltip .tooltipLabel.multi {\n white-space: normal;\n}\n:global(.enact-locale-ja) .tooltip .tooltipLabel.multi {\n line-break: strict;\n}\n.tooltip.balloon {\n /* Needed to prevent global class being added in the DOM */\n}\n.tooltip.transparent .tooltipLabel {\n font-weight: normal;\n font-size: 0.75rem;\n}\n.tooltip.transparent .tooltipArrow {\n display: none;\n}\n.tooltip.transparent.below .tooltipLabel {\n margin-top: 0rem;\n}\n.tooltip.transparent.above .tooltipLabel {\n margin-bottom: 0rem;\n}\n.tooltip.transparent.left .tooltipLabel {\n margin-right: 0rem;\n}\n.tooltip.transparent.right .tooltipLabel {\n margin-left: 0rem;\n}\n.tooltip.below .tooltipArrow {\n top: 0;\n}\n.tooltip.below .tooltipLabel {\n margin-top: 0.375rem;\n}\n.tooltip.below.leftArrow .tooltipArrow {\n right: 0;\n overflow: hidden;\n}\n.tooltip.below.leftArrow .tooltipArrow::after {\n left: 0;\n transform-origin: top right;\n transform: rotate(-45deg) skew(-45deg, -5deg);\n}\n.tooltip.below.leftArrow .tooltipLabel {\n text-align: right;\n border-top-right-radius: 0;\n}\n.tooltip.below.centerArrow .tooltipArrow {\n left: 50%;\n}\n.tooltip.below.centerArrow .tooltipArrow::after {\n top: 0;\n transform-origin: top left;\n transform: rotate(45deg) skew(5deg, 5deg);\n}\n.tooltip.below.rightArrow .tooltipArrow {\n left: 0;\n overflow: hidden;\n}\n.tooltip.below.rightArrow .tooltipArrow::after {\n left: 0;\n transform-origin: top left;\n transform: rotate(45deg) skew(45deg, 5deg);\n}\n.tooltip.below.rightArrow .tooltipLabel {\n border-top-left-radius: 0;\n}\n.tooltip.above .tooltipArrow {\n bottom: 0;\n}\n.tooltip.above .tooltipLabel {\n margin-bottom: 0.375rem;\n}\n.tooltip.above.leftArrow .tooltipArrow {\n right: 0;\n overflow: hidden;\n}\n.tooltip.above.leftArrow .tooltipArrow::after {\n left: 0;\n transform-origin: bottom right;\n transform: rotate(45deg) skew(45deg, 5deg);\n}\n.tooltip.above.leftArrow .tooltipLabel {\n text-align: right;\n border-bottom-right-radius: 0;\n}\n.tooltip.above.centerArrow .tooltipArrow::after {\n bottom: 0;\n transform-origin: bottom left;\n transform: rotate(-45deg) skew(-5deg, -5deg);\n}\n.tooltip.above.rightArrow .tooltipArrow {\n left: 0;\n overflow: hidden;\n}\n.tooltip.above.rightArrow .tooltipArrow::after {\n left: 0;\n transform-origin: bottom left;\n transform: rotate(-45deg) skew(-45deg, -5deg);\n}\n.tooltip.above.rightArrow .tooltipLabel {\n border-bottom-left-radius: 0;\n}\n.tooltip.left .tooltipArrow {\n right: 0;\n}\n.tooltip.left .tooltipLabel {\n margin-right: calc( 0.375rem - 1px);\n}\n.tooltip.left.topArrow .tooltipArrow {\n bottom: 0;\n overflow: hidden;\n}\n.tooltip.left.topArrow .tooltipArrow::after {\n left: 0;\n transform-origin: bottom right;\n transform: rotate(-45deg) skew(5deg, 45deg);\n}\n.tooltip.left.topArrow .tooltipLabel {\n border-bottom-right-radius: 0;\n}\n.tooltip.left.middleArrow .tooltipArrow::after {\n right: 0;\n transform-origin: top right;\n transform: rotate(45deg) skew(-5deg, -5deg);\n}\n.tooltip.left.bottomArrow .tooltipArrow {\n overflow: hidden;\n}\n.tooltip.left.bottomArrow .tooltipArrow::after {\n left: 0;\n transform-origin: top right;\n transform: rotate(45deg) skew(5deg, -45deg);\n}\n.tooltip.left.bottomArrow .tooltipLabel {\n border-top-right-radius: 0;\n}\n.tooltip.right .tooltipArrow {\n left: 0;\n}\n.tooltip.right .tooltipLabel {\n margin-left: 0.375rem;\n}\n.tooltip.right.topArrow .tooltipArrow {\n bottom: 0;\n overflow: hidden;\n}\n.tooltip.right.topArrow .tooltipArrow::after {\n left: 0;\n transform-origin: bottom left;\n transform: rotate(45deg) skew(-5deg, -45deg);\n}\n.tooltip.right.topArrow .tooltipLabel {\n border-bottom-left-radius: 0;\n}\n.tooltip.right.middleArrow .tooltipArrow::after {\n left: 0;\n transform-origin: top left;\n transform: rotate(-45deg) skew(5deg, 5deg);\n}\n.tooltip.right.bottomArrow .tooltipArrow {\n overflow: hidden;\n}\n.tooltip.right.bottomArrow .tooltipArrow::after {\n left: 0;\n transform-origin: top left;\n transform: rotate(-45deg) skew(5deg, 45deg);\n}\n.tooltip.right.bottomArrow .tooltipLabel {\n border-top-left-radius: 0;\n}\n.tooltip.absolute {\n width: 0;\n height: 0;\n top: var(--tooltip-position-top);\n left: var(--tooltip-position-left);\n}\n.tooltip.absolute .tooltipAnchor {\n position: absolute;\n}\n.tooltip.absolute.below {\n top: calc(var(--tooltip-position-top) + 0.5rem );\n}\n.tooltip.absolute.below.transparent {\n top: calc(var(--tooltip-position-top) + 0rem );\n}\n.tooltip.absolute.below.leftArrow .tooltipAnchor {\n transform: translateX(-100%);\n}\n.tooltip.absolute.below.centerArrow .tooltipAnchor {\n transform: translateX(-50%);\n}\n.tooltip.absolute.below.rightArrow .tooltipAnchor {\n /* transform: translate(0, 0); */\n}\n.tooltip.absolute.above {\n top: calc(var(--tooltip-position-top) - 0.5rem );\n}\n.tooltip.absolute.above.transparent {\n top: calc(var(--tooltip-position-top) - 0rem );\n}\n.tooltip.absolute.above.leftArrow .tooltipAnchor {\n transform: translate(-100%, -100%);\n}\n.tooltip.absolute.above.centerArrow .tooltipAnchor {\n transform: translate(-50%, -100%);\n}\n.tooltip.absolute.above.rightArrow .tooltipAnchor {\n transform: translate(0, -100%);\n}\n.tooltip.absolute.left {\n left: calc(var(--tooltip-position-left) - 0.5rem );\n}\n.tooltip.absolute.left.transparent {\n left: calc(var(--tooltip-position-left) - 0rem );\n}\n.tooltip.absolute.left.topArrow .tooltipAnchor {\n transform: translate(-100%, -100%);\n}\n.tooltip.absolute.left.middleArrow .tooltipAnchor {\n transform: translate(-100%, -50%);\n}\n.tooltip.absolute.left.bottomArrow .tooltipAnchor {\n transform: translate(-100%, 0);\n}\n.tooltip.absolute.right {\n left: calc(var(--tooltip-position-left) + 0.5rem );\n}\n.tooltip.absolute.right.transparent {\n left: calc(var(--tooltip-position-left) + 0rem );\n}\n.tooltip.absolute.right.topArrow .tooltipAnchor {\n transform: translate(0, -100%);\n}\n.tooltip.absolute.right.middleArrow .tooltipAnchor {\n transform: translate(0, -50%);\n}\n.tooltip.absolute.right.bottomArrow .tooltipAnchor {\n /* transform: translate(0, 0); */\n}\n.tooltip.relative.below {\n top: calc(100% + 0.5rem );\n}\n.tooltip.relative.below.transparent {\n top: calc(100% + 0rem );\n}\n.tooltip.relative.below.leftArrow {\n right: 50%;\n}\n.tooltip.relative.below.centerArrow,\n.tooltip.relative.below.rightArrow {\n left: 50%;\n}\n.tooltip.relative.below.centerArrow {\n transform: translateX(-50%);\n}\n.tooltip.relative.above {\n bottom: calc(100% + 0.5rem );\n}\n.tooltip.relative.above.transparent {\n bottom: calc(100% + 0rem );\n}\n.tooltip.relative.above.leftArrow {\n right: 50%;\n}\n.tooltip.relative.above.centerArrow,\n.tooltip.relative.above.rightArrow {\n left: 50%;\n}\n.tooltip.relative.above.centerArrow {\n transform: translateX(-50%);\n}\n.tooltip.relative.left {\n right: calc(100% + 0.5rem );\n}\n.tooltip.relative.left.transparent {\n right: calc(100% + 0rem );\n}\n.tooltip.relative.left.topArrow {\n bottom: 50%;\n}\n.tooltip.relative.left.middleArrow,\n.tooltip.relative.left.bottomArrow {\n top: 50%;\n}\n.tooltip.relative.left.middleArrow {\n transform: translateY(-50%);\n}\n.tooltip.relative.right {\n left: calc(100% + 0.5rem );\n}\n.tooltip.relative.right.transparent {\n left: calc(100% + 0rem );\n}\n.tooltip.relative.right.topArrow {\n bottom: 50%;\n}\n.tooltip.relative.right.middleArrow,\n.tooltip.relative.right.bottomArrow {\n top: 50%;\n}\n.tooltip.relative.right.middleArrow {\n transform: translateY(-50%);\n}\n:global(.enact-locale-right-to-left) .tooltip {\n direction: ltr;\n}\n:global(.enact-locale-right-to-left) .tooltip .tooltipAnchor {\n direction: rtl;\n}\n.tooltip:global(.neutral) {\n filter: drop-shadow(0 0.375rem 0.25rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%));\n}\n.tooltip:global(.neutral).transparent {\n filter: none;\n}\n.tooltip:global(.neutral).transparent .tooltipLabel {\n color: #fff;\n background-color: transparent;\n}\n.tooltip:global(.neutral) .tooltipArrow::after {\n background: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));\n}\n.tooltip:global(.neutral) .tooltipLabel {\n color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));\n background-color: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));\n}\n:global(.enact-a11y-high-contrast) .tooltip:global(.neutral):global(.highContrast) {\n filter: drop-shadow(0 0.375rem 0.25rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%));\n}\n:global(.enact-a11y-high-contrast) .tooltip:global(.neutral):global(.highContrast).transparent {\n filter: none;\n}\n:global(.enact-a11y-high-contrast) .tooltip:global(.neutral):global(.highContrast).transparent .tooltipLabel {\n color: #fff;\n background-color: transparent;\n}\n:global(.enact-a11y-high-contrast) .tooltip:global(.neutral):global(.highContrast) .tooltipArrow::after {\n background: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));\n}\n:global(.enact-a11y-high-contrast) .tooltip:global(.neutral):global(.highContrast) .tooltipLabel {\n color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));\n background-color: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));\n}\n.tooltip:global(.light) {\n filter: drop-shadow(0 0.375rem 0.25rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%));\n}\n.tooltip:global(.light).transparent {\n filter: none;\n}\n.tooltip:global(.light).transparent .tooltipLabel {\n color: #fff;\n background-color: transparent;\n}\n.tooltip:global(.light) .tooltipArrow::after {\n background: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));\n}\n.tooltip:global(.light) .tooltipLabel {\n color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));\n background-color: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));\n}\n.tooltip:global(.game) {\n filter: drop-shadow(0 0.375rem 0.25rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%));\n}\n.tooltip:global(.game).transparent {\n filter: none;\n}\n.tooltip:global(.game).transparent .tooltipLabel {\n color: #fff;\n background-color: transparent;\n}\n.tooltip:global(.game) .tooltipArrow::after {\n background: var(--sand-focus-bg-color, #6d2fa1);\n}\n.tooltip:global(.game) .tooltipLabel {\n color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));\n background-color: var(--sand-focus-bg-color, #6d2fa1);\n}\n:global(.green) .tooltip:global(.game) {\n filter: drop-shadow(0 0.375rem 0.25rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%));\n}\n:global(.green) .tooltip:global(.game).transparent {\n filter: none;\n}\n:global(.green) .tooltip:global(.game).transparent .tooltipLabel {\n color: #fff;\n background-color: transparent;\n}\n:global(.green) .tooltip:global(.game) .tooltipArrow::after {\n background: var(--sand-focus-bg-color, #3ea07d);\n}\n:global(.green) .tooltip:global(.game) .tooltipLabel {\n color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));\n background-color: var(--sand-focus-bg-color, #3ea07d);\n}\n:global(.orange) .tooltip:global(.game) {\n filter: drop-shadow(0 0.375rem 0.25rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%));\n}\n:global(.orange) .tooltip:global(.game).transparent {\n filter: none;\n}\n:global(.orange) .tooltip:global(.game).transparent .tooltipLabel {\n color: #fff;\n background-color: transparent;\n}\n:global(.orange) .tooltip:global(.game) .tooltipArrow::after {\n background: var(--sand-focus-bg-color, #b85f23);\n}\n:global(.orange) .tooltip:global(.game) .tooltipLabel {\n color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));\n background-color: var(--sand-focus-bg-color, #b85f23);\n}\n",".button {\n font-family: \"Sandstone\";\n font-size: 1.625rem;\n font-style: normal;\n font-weight: 600;\n -webkit-font-kerning: normal;\n font-kerning: normal;\n height: 3rem;\n line-height: 2.75rem;\n min-width: 3rem;\n max-width: 18.75rem;\n padding: 0 1.25rem;\n margin: 0 0.75rem;\n text-align: center;\n vertical-align: middle;\n}\n:global(.enact-locale-non-latin) .button {\n font-family: \"Sandstone\";\n}\n:global(.enact-locale-non-latin) .button {\n font-family: \"Sandstone\";\n font-size: 1.5rem;\n font-style: normal;\n font-weight: 700;\n}\n.button:global(.largeText) {\n font-size: 2rem;\n height: 4rem;\n min-width: 4rem;\n line-height: 3.75rem;\n}\n.button.focusStatic {\n /* Defined to prevent global export */\n}\n.button.focusExpand {\n margin: 0.125rem 0.75rem;\n}\n.button .client {\n padding: 0.125rem 0;\n border-radius: inherit;\n}\n.button .icon {\n flex-shrink: 0;\n margin-left: 0;\n margin-right: 0.625rem;\n}\n:global(.enact-locale-right-to-left) .button .icon {\n margin-left: 0.625rem;\n margin-right: 0;\n}\n.button.hasIcon {\n padding: 0 1rem;\n}\n.button.iconAfter .client {\n flex-direction: row-reverse;\n}\n.button.iconAfter .icon {\n margin-left: 0.625rem;\n margin-right: 0;\n}\n:global(.enact-locale-right-to-left) .button.iconAfter .icon {\n margin-left: 0;\n margin-right: 0.625rem;\n}\n.button.red,\n.button.green,\n.button.yellow,\n.button.blue {\n padding-left: 0.625rem;\n padding-right: 1.25rem;\n}\n:global(.enact-locale-right-to-left) .button.red,\n:global(.enact-locale-right-to-left) .button.green,\n:global(.enact-locale-right-to-left) .button.yellow,\n:global(.enact-locale-right-to-left) .button.blue {\n padding-left: 1.25rem;\n padding-right: 0.625rem;\n}\n.button.red .client::before,\n.button.green .client::before,\n.button.yellow .client::before,\n.button.blue .client::before {\n content: \"\";\n position: absolute;\n bottom: 0.375rem;\n left: 50%;\n width: 1.25rem;\n height: 0.25rem;\n border-radius: 0.125rem;\n transform: translate(-50%, 50%);\n}\n.button.red.minWidth .icon,\n.button.green.minWidth .icon,\n.button.yellow.minWidth .icon,\n.button.blue.minWidth .icon {\n -webkit-margin-start: 0;\n}\n.button.red.minWidth .client,\n.button.green.minWidth .client,\n.button.yellow.minWidth .client,\n.button.blue.minWidth .client {\n -webkit-margin-start: 1.25rem;\n -webkit-padding-start: 0.5rem;\n}\n.button.red.minWidth .client::before,\n.button.green.minWidth .client::before,\n.button.yellow.minWidth .client::before,\n.button.blue.minWidth .client::before {\n bottom: 50%;\n transform: translateY(50%);\n left: -1.25rem;\n right: initial;\n}\n:global(.enact-locale-right-to-left) .button.red.minWidth .client::before,\n:global(.enact-locale-right-to-left) .button.green.minWidth .client::before,\n:global(.enact-locale-right-to-left) .button.yellow.minWidth .client::before,\n:global(.enact-locale-right-to-left) .button.blue.minWidth .client::before {\n left: initial;\n right: -1.25rem;\n}\n.button .marquee {\n flex-grow: 1;\n}\n.button:not(.hasIcon):not(.hasColor) .marquee {\n text-align: inherit;\n}\n.button.minWidth {\n min-width: 11.25rem;\n}\n.button.small {\n font-family: \"Sandstone\";\n font-size: 1.25rem;\n font-style: normal;\n font-weight: 600;\n -webkit-font-kerning: normal;\n font-kerning: normal;\n height: 2.25rem;\n min-width: 2.25rem;\n max-width: 18.75rem;\n line-height: 2rem;\n margin: 0 0.75rem;\n padding-left: 1rem;\n padding-right: 1rem;\n}\n:global(.enact-locale-non-latin) .button.small {\n font-family: \"Sandstone\";\n}\n:global(.enact-locale-non-latin) .button.small {\n font-family: \"Sandstone\";\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 700;\n}\n.button.small.focusExpand {\n margin: 0.125rem 0.75rem;\n}\n.button.small.minWidth {\n min-width: 6.25rem;\n}\n.button.small .icon {\n margin-left: 0;\n margin-right: 0.625rem;\n}\n:global(.enact-locale-right-to-left) .button.small .icon {\n margin-left: 0.625rem;\n margin-right: 0;\n}\n.button.small.iconAfter .icon {\n margin-left: 0.625rem;\n margin-right: 0;\n}\n:global(.enact-locale-right-to-left) .button.small.iconAfter .icon {\n margin-left: 0;\n margin-right: 0.625rem;\n}\n.button.small.red,\n.button.small.green,\n.button.small.yellow,\n.button.small.blue {\n padding-left: 0.625rem;\n padding-right: 1rem;\n}\n:global(.enact-locale-right-to-left) .button.small.red,\n:global(.enact-locale-right-to-left) .button.small.green,\n:global(.enact-locale-right-to-left) .button.small.yellow,\n:global(.enact-locale-right-to-left) .button.small.blue {\n padding-left: 1rem;\n padding-right: 0.625rem;\n}\n.button.small.red .client::before,\n.button.small.green .client::before,\n.button.small.yellow .client::before,\n.button.small.blue .client::before {\n bottom: 0.25rem;\n width: 1rem;\n height: 0.25rem;\n}\n.button.small.red.minWidth .client,\n.button.small.green.minWidth .client,\n.button.small.yellow.minWidth .client,\n.button.small.blue.minWidth .client {\n -webkit-margin-start: 1rem;\n}\n.button.small.red.minWidth .client::before,\n.button.small.green.minWidth .client::before,\n.button.small.yellow.minWidth .client::before,\n.button.small.blue.minWidth .client::before {\n bottom: 50%;\n left: -1rem;\n right: initial;\n}\n:global(.enact-locale-right-to-left) .button.small.red.minWidth .client::before,\n:global(.enact-locale-right-to-left) .button.small.green.minWidth .client::before,\n:global(.enact-locale-right-to-left) .button.small.yellow.minWidth .client::before,\n:global(.enact-locale-right-to-left) .button.small.blue.minWidth .client::before {\n left: initial;\n right: -1rem;\n}\n.button.small.red.minWidth .icon,\n.button.small.green.minWidth .icon,\n.button.small.yellow.minWidth .icon,\n.button.small.blue.minWidth .icon {\n -webkit-margin-start: 0;\n}\n.button.small.red.minWidth.iconAfter .icon,\n.button.small.green.minWidth.iconAfter .icon,\n.button.small.yellow.minWidth.iconAfter .icon,\n.button.small.blue.minWidth.iconAfter .icon {\n -webkit-margin-start: 0.625rem;\n}\n.button.small:global(.largeText) {\n font-size: 1.5rem;\n height: 3rem;\n min-width: 3rem;\n line-height: 2.75rem;\n}\n.button.small:global(.largeText).minWidth {\n min-width: 6.25rem;\n}\n.button.iconOnly .client {\n padding: 0;\n}\n.button.iconOnly .client .marquee {\n display: none;\n}\n.button.iconOnly.iconAfter,\n.button.iconOnly.iconBefore,\n.button.iconOnly.large,\n.button.iconOnly.small {\n padding: 0 0.3125rem;\n padding-left: 0.3125rem;\n padding-right: 0.3125rem;\n}\n:global(.enact-locale-right-to-left) .button.iconOnly.iconAfter,\n:global(.enact-locale-right-to-left) .button.iconOnly.iconBefore,\n:global(.enact-locale-right-to-left) .button.iconOnly.large,\n:global(.enact-locale-right-to-left) .button.iconOnly.small {\n padding-left: 0.3125rem;\n padding-right: 0.3125rem;\n}\n.button.iconOnly.iconAfter .icon,\n.button.iconOnly.iconBefore .icon,\n.button.iconOnly.large .icon,\n.button.iconOnly.small .icon {\n margin: 0;\n}\n.button.iconOnly.iconAfter .icon:global(.largeText),\n.button.iconOnly.iconBefore .icon:global(.largeText),\n.button.iconOnly.large .icon:global(.largeText),\n.button.iconOnly.small .icon:global(.largeText) {\n width: 100%;\n}\n.button.iconOnly.iconAfter.red .client::before,\n.button.iconOnly.iconBefore.red .client::before,\n.button.iconOnly.large.red .client::before,\n.button.iconOnly.small.red .client::before,\n.button.iconOnly.iconAfter.green .client::before,\n.button.iconOnly.iconBefore.green .client::before,\n.button.iconOnly.large.green .client::before,\n.button.iconOnly.small.green .client::before,\n.button.iconOnly.iconAfter.yellow .client::before,\n.button.iconOnly.iconBefore.yellow .client::before,\n.button.iconOnly.large.yellow .client::before,\n.button.iconOnly.small.yellow .client::before,\n.button.iconOnly.iconAfter.blue .client::before,\n.button.iconOnly.iconBefore.blue .client::before,\n.button.iconOnly.large.blue .client::before,\n.button.iconOnly.small.blue .client::before {\n width: 1.375rem;\n height: 0.1875rem;\n}\n.button.iconOnly.large {\n padding: 0 0.375rem;\n}\n.button.iconOnly.red .client::before,\n.button.iconOnly.green .client::before,\n.button.iconOnly.yellow .client::before,\n.button.iconOnly.blue .client::before {\n width: 1.375rem;\n height: 0.1875rem;\n}\n.button.collapsable.hasIcon:not(.iconOnly) {\n padding-left: 0;\n padding-right: 0;\n transition: min-width 300ms ease-out;\n}\n.button.collapsable.hasIcon:not(.iconOnly) .icon {\n margin: 0 0.5rem;\n}\n.button.collapsable.hasIcon:not(.iconOnly) .marquee {\n margin: 0;\n opacity: 1;\n transition: opacity 300ms ease-out;\n will-change: opacity;\n}\n.button.collapsable.hasIcon:not(.iconOnly).collapsed .marquee {\n opacity: 0;\n}\n.button:global(.neutral) {\n border-radius: 0.25rem;\n}\n.button:global(.neutral)::before {\n content: \"\";\n position: absolute;\n top: -0.25rem;\n right: -0.25rem;\n bottom: -0.25rem;\n left: -0.25rem;\n border-radius: 0.25rem;\n}\n.button:global(.neutral),\n:global(.enact-a11y-high-contrast) .button:global(.neutral) {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n.button:global(.neutral) .bg {\n opacity: 0;\n background-color: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));\n will-change: box-shadow, transform, filter;\n background-color: var(--sand-component-bg-color, #7d848c);\n transition: transform 200ms ease-out;\n border-width: '';\n border-style: none;\n border-color: transparent;\n border-radius: 0.25rem;\n}\n.button:global(.neutral).opaque {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n.button:global(.neutral).opaque .bg {\n opacity: 1;\n}\n.button:global(.neutral).transparent {\n color: rgb(var(--sand-text-color-rgb, 230, 230, 230));\n}\n.button:global(.neutral).transparent .bg {\n opacity: 0;\n}\n.button:global(.neutral).red .client::before {\n background-color: #e1777e;\n}\n.button:global(.neutral).green .client::before {\n background-color: #7fd563;\n}\n.button:global(.neutral).yellow .client::before {\n background-color: #d3b85f;\n}\n.button:global(.neutral).blue .client::before {\n background-color: #5185c1;\n}\n.button:global(.neutral).small::before {\n content: \"\";\n position: absolute;\n top: -0.625rem;\n right: -0.625rem;\n bottom: -0.625rem;\n left: -0.625rem;\n border-radius: 0.25rem;\n}\n.button:global(.neutral).iconOnly .bg {\n border: '';\n border-radius: '';\n}\n.button:global(.neutral).selected {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n.button:global(.neutral).selected .bg {\n background-color: var(--sand-selected-bg-color, #3e454d);\n filter: none;\n}\n.button:global(.neutral).selected.opaque .bg {\n opacity: 1;\n}\n.button:global(.neutral).selected.transparent .bg {\n opacity: 1;\n}\n:global(.spotlight-input-key) .button:global(.neutral):global(.spottable):focus,\n:global(.spotlight-input-mouse) .button:global(.neutral):global(.spottable):focus {\n color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));\n}\n:global(.spotlight-input-key) .button:global(.neutral):global(.spottable):focus .bg,\n:global(.spotlight-input-mouse) .button:global(.neutral):global(.spottable):focus .bg {\n opacity: 1;\n box-shadow: 0 0.75rem 0.75rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%);\n background-color: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));\n filter: none;\n}\n:global(.spotlight-input-key) .button:global(.neutral):global(.spottable):focus.iconOnly .bg,\n:global(.spotlight-input-mouse) .button:global(.neutral):global(.spottable):focus.iconOnly .bg {\n background-color: '';\n}\n:global(.spotlight-input-key) .button:global(.neutral):global(.spottable):focus.focusExpand .bg,\n:global(.spotlight-input-mouse) .button:global(.neutral):global(.spottable):focus.focusExpand .bg {\n transform: scale(1.05);\n}\n:global(.spotlight-input-key) .button:global(.neutral):global(.spottable):focus.focusExpand.small .bg,\n:global(.spotlight-input-mouse) .button:global(.neutral):global(.spottable):focus.focusExpand.small .bg {\n transform: scale(1.1);\n}\n:global(.spotlight-input-touch) .button:global(.neutral):global(.spottable):active {\n color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));\n}\n:global(.spotlight-input-touch) .button:global(.neutral):global(.spottable):active .bg {\n opacity: 1;\n box-shadow: 0 0.75rem 0.75rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%);\n background-color: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));\n filter: none;\n}\n:global(.spotlight-input-touch) .button:global(.neutral):global(.spottable):active.iconOnly .bg {\n background-color: '';\n}\n:global(.spotlight-input-touch) .button:global(.neutral):global(.spottable):active.focusExpand .bg {\n transform: scale(1.05);\n}\n:global(.spotlight-input-touch) .button:global(.neutral):global(.spottable):active.focusExpand.small .bg {\n transform: scale(1.1);\n}\n:global(.spotlight-input-key) .button:global(.neutral):not([disabled]):global(.spottable):focus,\n:global(.spotlight-input-mouse) .button:global(.neutral):not([disabled]):global(.spottable):focus {\n z-index: 1;\n}\n:global(.spotlight-input-key) .button:global(.neutral):not([disabled]):global(.spottable):focus.focusExpand.pressed .bg,\n:global(.spotlight-input-mouse) .button:global(.neutral):not([disabled]):global(.spottable):focus.focusExpand.pressed .bg,\n:global(.spotlight-input-key) .button:global(.neutral):not([disabled]):global(.spottable):focus.focusExpand:active .bg,\n:global(.spotlight-input-mouse) .button:global(.neutral):not([disabled]):global(.spottable):focus.focusExpand:active .bg {\n transform: scale(1.02);\n}\n:global(.spotlight-input-key) .button:global(.neutral):not([disabled]):global(.spottable):focus.focusExpand.pressed.small .bg,\n:global(.spotlight-input-mouse) .button:global(.neutral):not([disabled]):global(.spottable):focus.focusExpand.pressed.small .bg,\n:global(.spotlight-input-key) .button:global(.neutral):not([disabled]):global(.spottable):focus.focusExpand:active.small .bg,\n:global(.spotlight-input-mouse) .button:global(.neutral):not([disabled]):global(.spottable):focus.focusExpand:active.small .bg {\n transform: scale(1.04);\n}\n:global(.spotlight-input-touch) .button:global(.neutral):not([disabled]):global(.spottable):active {\n z-index: 1;\n}\n:global(.spotlight-input-touch) .button:global(.neutral):not([disabled]):global(.spottable):active.focusExpand.pressed .bg,\n:global(.spotlight-input-touch) .button:global(.neutral):not([disabled]):global(.spottable):active.focusExpand:active .bg {\n transform: scale(1.02);\n}\n:global(.spotlight-input-touch) .button:global(.neutral):not([disabled]):global(.spottable):active.focusExpand.pressed.small .bg,\n:global(.spotlight-input-touch) .button:global(.neutral):not([disabled]):global(.spottable):active.focusExpand:active.small .bg {\n transform: scale(1.04);\n}\n.button:global(.neutral)[disabled] {\n opacity: 1;\n}\n.button:global(.neutral)[disabled] .client {\n opacity: 0.28;\n}\n.button:global(.neutral)[disabled].opaque .bg {\n opacity: 0.28;\n}\n:global(.spotlight-input-key) .button:global(.neutral)[disabled]:global(.spottable):focus .bg,\n:global(.spotlight-input-mouse) .button:global(.neutral)[disabled]:global(.spottable):focus .bg {\n opacity: 0.585;\n}\n:global(.spotlight-input-key) .button:global(.neutral)[disabled]:global(.spottable):focus .client,\n:global(.spotlight-input-mouse) .button:global(.neutral)[disabled]:global(.spottable):focus .client {\n opacity: 0.4;\n}\n:global(.spotlight-input-touch) .button:global(.neutral)[disabled]:global(.spottable):active .bg {\n opacity: 0.585;\n}\n:global(.spotlight-input-touch) .button:global(.neutral)[disabled]:global(.spottable):active .client {\n opacity: 0.4;\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast) {\n border-radius: 0.25rem;\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast)::before {\n content: \"\";\n position: absolute;\n top: -0.25rem;\n right: -0.25rem;\n bottom: -0.25rem;\n left: -0.25rem;\n border-radius: 0.25rem;\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast),\n:global(.enact-a11y-high-contrast) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast) {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast) .bg {\n opacity: 0;\n background-color: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));\n will-change: box-shadow, transform, filter;\n background-color: var(--sand-component-bg-color, #7d848c);\n transition: transform 200ms ease-out;\n border-width: '';\n border-style: none;\n border-color: transparent;\n border-radius: 0.25rem;\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast).opaque {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast).opaque .bg {\n opacity: 1;\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast).transparent {\n color: rgb(var(--sand-text-color-rgb, 230, 230, 230));\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast).transparent .bg {\n opacity: 0;\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast).red .client::before {\n background-color: #e1777e;\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast).green .client::before {\n background-color: #7fd563;\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast).yellow .client::before {\n background-color: #d3b85f;\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast).blue .client::before {\n background-color: #5185c1;\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast).small::before {\n content: \"\";\n position: absolute;\n top: -0.625rem;\n right: -0.625rem;\n bottom: -0.625rem;\n left: -0.625rem;\n border-radius: 0.25rem;\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast).iconOnly .bg {\n border: '';\n border-radius: '';\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast).selected {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast).selected .bg {\n background-color: var(--sand-selected-bg-color, #3e454d);\n filter: none;\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast).selected.opaque .bg {\n opacity: 1;\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast).selected.transparent .bg {\n opacity: 1;\n}\n:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):global(.spottable):focus,\n:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):global(.spottable):focus {\n color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));\n}\n:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):global(.spottable):focus .bg,\n:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):global(.spottable):focus .bg {\n opacity: 1;\n box-shadow: 0 0.75rem 0.75rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%);\n background-color: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));\n filter: none;\n}\n:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):global(.spottable):focus.iconOnly .bg,\n:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):global(.spottable):focus.iconOnly .bg {\n background-color: '';\n}\n:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):global(.spottable):focus.focusExpand .bg,\n:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):global(.spottable):focus.focusExpand .bg {\n transform: scale(1.05);\n}\n:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):global(.spottable):focus.focusExpand.small .bg,\n:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):global(.spottable):focus.focusExpand.small .bg {\n transform: scale(1.1);\n}\n:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):global(.spottable):active {\n color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));\n}\n:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):global(.spottable):active .bg {\n opacity: 1;\n box-shadow: 0 0.75rem 0.75rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%);\n background-color: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));\n filter: none;\n}\n:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):global(.spottable):active.iconOnly .bg {\n background-color: '';\n}\n:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):global(.spottable):active.focusExpand .bg {\n transform: scale(1.05);\n}\n:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):global(.spottable):active.focusExpand.small .bg {\n transform: scale(1.1);\n}\n:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):not([disabled]):global(.spottable):focus,\n:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):not([disabled]):global(.spottable):focus {\n z-index: 1;\n}\n:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):not([disabled]):global(.spottable):focus.focusExpand.pressed .bg,\n:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):not([disabled]):global(.spottable):focus.focusExpand.pressed .bg,\n:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):not([disabled]):global(.spottable):focus.focusExpand:active .bg,\n:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):not([disabled]):global(.spottable):focus.focusExpand:active .bg {\n transform: scale(1.02);\n}\n:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):not([disabled]):global(.spottable):focus.focusExpand.pressed.small .bg,\n:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):not([disabled]):global(.spottable):focus.focusExpand.pressed.small .bg,\n:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):not([disabled]):global(.spottable):focus.focusExpand:active.small .bg,\n:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):not([disabled]):global(.spottable):focus.focusExpand:active.small .bg {\n transform: scale(1.04);\n}\n:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):not([disabled]):global(.spottable):active {\n z-index: 1;\n}\n:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):not([disabled]):global(.spottable):active.focusExpand.pressed .bg,\n:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):not([disabled]):global(.spottable):active.focusExpand:active .bg {\n transform: scale(1.02);\n}\n:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):not([disabled]):global(.spottable):active.focusExpand.pressed.small .bg,\n:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast):not([disabled]):global(.spottable):active.focusExpand:active.small .bg {\n transform: scale(1.04);\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast)[disabled] {\n opacity: 1;\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast)[disabled] .client {\n opacity: 0.28;\n}\n:global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast)[disabled].opaque .bg {\n opacity: 0.28;\n}\n:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast)[disabled]:global(.spottable):focus .bg,\n:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast)[disabled]:global(.spottable):focus .bg {\n opacity: 0.585;\n}\n:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast)[disabled]:global(.spottable):focus .client,\n:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast)[disabled]:global(.spottable):focus .client {\n opacity: 0.4;\n}\n:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast)[disabled]:global(.spottable):active .bg {\n opacity: 0.585;\n}\n:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .button:global(.neutral):global(.highContrast)[disabled]:global(.spottable):active .client {\n opacity: 0.4;\n}\n.button:global(.light) {\n border-radius: 0.25rem;\n}\n.button:global(.light)::before {\n content: \"\";\n position: absolute;\n top: -0.25rem;\n right: -0.25rem;\n bottom: -0.25rem;\n left: -0.25rem;\n border-radius: 0.25rem;\n}\n.button:global(.light),\n:global(.enact-a11y-high-contrast) .button:global(.light) {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n.button:global(.light) .bg {\n opacity: 0;\n background-color: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));\n will-change: box-shadow, transform, filter;\n background-color: var(--sand-component-bg-color, #7d848c);\n transition: transform 200ms ease-out;\n border-width: '';\n border-style: none;\n border-color: transparent;\n border-radius: 0.25rem;\n}\n.button:global(.light).opaque {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n.button:global(.light).opaque .bg {\n opacity: 1;\n}\n.button:global(.light).transparent {\n color: rgb(var(--sand-text-color-rgb, 46, 50, 57));\n}\n.button:global(.light).transparent .bg {\n opacity: 0;\n}\n.button:global(.light).red .client::before {\n background-color: #e1777e;\n}\n.button:global(.light).green .client::before {\n background-color: #7fd563;\n}\n.button:global(.light).yellow .client::before {\n background-color: #d3b85f;\n}\n.button:global(.light).blue .client::before {\n background-color: #5185c1;\n}\n.button:global(.light).small::before {\n content: \"\";\n position: absolute;\n top: -0.625rem;\n right: -0.625rem;\n bottom: -0.625rem;\n left: -0.625rem;\n border-radius: 0.25rem;\n}\n.button:global(.light).iconOnly .bg {\n border: '';\n border-radius: '';\n}\n.button:global(.light).selected {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n.button:global(.light).selected .bg {\n background-color: var(--sand-selected-bg-color, #3e454d);\n filter: none;\n}\n.button:global(.light).selected.opaque .bg {\n opacity: 1;\n}\n.button:global(.light).selected.transparent .bg {\n opacity: 1;\n}\n:global(.spotlight-input-key) .button:global(.light):global(.spottable):focus,\n:global(.spotlight-input-mouse) .button:global(.light):global(.spottable):focus {\n color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));\n}\n:global(.spotlight-input-key) .button:global(.light):global(.spottable):focus .bg,\n:global(.spotlight-input-mouse) .button:global(.light):global(.spottable):focus .bg {\n opacity: 1;\n box-shadow: 0 0.75rem 0.75rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%);\n background-color: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));\n filter: none;\n}\n:global(.spotlight-input-key) .button:global(.light):global(.spottable):focus.iconOnly .bg,\n:global(.spotlight-input-mouse) .button:global(.light):global(.spottable):focus.iconOnly .bg {\n background-color: '';\n}\n:global(.spotlight-input-key) .button:global(.light):global(.spottable):focus.focusExpand .bg,\n:global(.spotlight-input-mouse) .button:global(.light):global(.spottable):focus.focusExpand .bg {\n transform: scale(1.05);\n}\n:global(.spotlight-input-key) .button:global(.light):global(.spottable):focus.focusExpand.small .bg,\n:global(.spotlight-input-mouse) .button:global(.light):global(.spottable):focus.focusExpand.small .bg {\n transform: scale(1.1);\n}\n:global(.spotlight-input-touch) .button:global(.light):global(.spottable):active {\n color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));\n}\n:global(.spotlight-input-touch) .button:global(.light):global(.spottable):active .bg {\n opacity: 1;\n box-shadow: 0 0.75rem 0.75rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%);\n background-color: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));\n filter: none;\n}\n:global(.spotlight-input-touch) .button:global(.light):global(.spottable):active.iconOnly .bg {\n background-color: '';\n}\n:global(.spotlight-input-touch) .button:global(.light):global(.spottable):active.focusExpand .bg {\n transform: scale(1.05);\n}\n:global(.spotlight-input-touch) .button:global(.light):global(.spottable):active.focusExpand.small .bg {\n transform: scale(1.1);\n}\n:global(.spotlight-input-key) .button:global(.light):not([disabled]):global(.spottable):focus,\n:global(.spotlight-input-mouse) .button:global(.light):not([disabled]):global(.spottable):focus {\n z-index: 1;\n}\n:global(.spotlight-input-key) .button:global(.light):not([disabled]):global(.spottable):focus.focusExpand.pressed .bg,\n:global(.spotlight-input-mouse) .button:global(.light):not([disabled]):global(.spottable):focus.focusExpand.pressed .bg,\n:global(.spotlight-input-key) .button:global(.light):not([disabled]):global(.spottable):focus.focusExpand:active .bg,\n:global(.spotlight-input-mouse) .button:global(.light):not([disabled]):global(.spottable):focus.focusExpand:active .bg {\n transform: scale(1.02);\n}\n:global(.spotlight-input-key) .button:global(.light):not([disabled]):global(.spottable):focus.focusExpand.pressed.small .bg,\n:global(.spotlight-input-mouse) .button:global(.light):not([disabled]):global(.spottable):focus.focusExpand.pressed.small .bg,\n:global(.spotlight-input-key) .button:global(.light):not([disabled]):global(.spottable):focus.focusExpand:active.small .bg,\n:global(.spotlight-input-mouse) .button:global(.light):not([disabled]):global(.spottable):focus.focusExpand:active.small .bg {\n transform: scale(1.04);\n}\n:global(.spotlight-input-touch) .button:global(.light):not([disabled]):global(.spottable):active {\n z-index: 1;\n}\n:global(.spotlight-input-touch) .button:global(.light):not([disabled]):global(.spottable):active.focusExpand.pressed .bg,\n:global(.spotlight-input-touch) .button:global(.light):not([disabled]):global(.spottable):active.focusExpand:active .bg {\n transform: scale(1.02);\n}\n:global(.spotlight-input-touch) .button:global(.light):not([disabled]):global(.spottable):active.focusExpand.pressed.small .bg,\n:global(.spotlight-input-touch) .button:global(.light):not([disabled]):global(.spottable):active.focusExpand:active.small .bg {\n transform: scale(1.04);\n}\n.button:global(.light)[disabled] {\n opacity: 1;\n}\n.button:global(.light)[disabled] .client {\n opacity: 0.28;\n}\n.button:global(.light)[disabled].opaque .bg {\n opacity: 0.28;\n}\n:global(.spotlight-input-key) .button:global(.light)[disabled]:global(.spottable):focus .bg,\n:global(.spotlight-input-mouse) .button:global(.light)[disabled]:global(.spottable):focus .bg {\n opacity: 0.585;\n}\n:global(.spotlight-input-key) .button:global(.light)[disabled]:global(.spottable):focus .client,\n:global(.spotlight-input-mouse) .button:global(.light)[disabled]:global(.spottable):focus .client {\n opacity: 0.4;\n}\n:global(.spotlight-input-touch) .button:global(.light)[disabled]:global(.spottable):active .bg {\n opacity: 0.585;\n}\n:global(.spotlight-input-touch) .button:global(.light)[disabled]:global(.spottable):active .client {\n opacity: 0.4;\n}\n.button:global(.game) {\n border-radius: 0;\n}\n.button:global(.game)::before {\n content: \"\";\n position: absolute;\n top: -0.25rem;\n right: -0.25rem;\n bottom: -0.25rem;\n left: -0.25rem;\n border-radius: 0;\n}\n.button:global(.game),\n:global(.enact-a11y-high-contrast) .button:global(.game) {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n.button:global(.game) .bg {\n opacity: 0;\n background-color: var(--sand-focus-bg-color, #6d2fa1);\n will-change: box-shadow, transform, filter;\n background-color: var(--sand-component-bg-color, #2d224c);\n transition: transform 200ms ease-out;\n border-width: 0.125rem;\n border-style: solid;\n border-color: rgba(162, 115, 200, 0.5);\n border-radius: 0;\n}\n.button:global(.game).opaque {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n.button:global(.game).opaque .bg {\n opacity: 1;\n}\n.button:global(.game).transparent {\n color: rgb(var(--sand-text-color-rgb, 230, 230, 230));\n}\n.button:global(.game).transparent .bg {\n opacity: 0;\n}\n.button:global(.game).red .client::before {\n background-color: #e1777e;\n}\n.button:global(.game).green .client::before {\n background-color: #7fd563;\n}\n.button:global(.game).yellow .client::before {\n background-color: #d3b85f;\n}\n.button:global(.game).blue .client::before {\n background-color: #5185c1;\n}\n.button:global(.game).small::before {\n content: \"\";\n position: absolute;\n top: -0.625rem;\n right: -0.625rem;\n bottom: -0.625rem;\n left: -0.625rem;\n border-radius: 0;\n}\n.button:global(.game).iconOnly .bg {\n border: 0.125rem;\n border-radius: 0.25rem;\n}\n.button:global(.game).selected {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n.button:global(.game).selected .bg {\n background-color: var(--sand-selected-bg-color, #3e454d);\n filter: none;\n}\n.button:global(.game).selected.opaque .bg {\n opacity: 1;\n}\n.button:global(.game).selected.transparent .bg {\n opacity: 1;\n}\n:global(.spotlight-input-key) .button:global(.game):global(.spottable):focus,\n:global(.spotlight-input-mouse) .button:global(.game):global(.spottable):focus {\n color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));\n}\n:global(.spotlight-input-key) .button:global(.game):global(.spottable):focus .bg,\n:global(.spotlight-input-mouse) .button:global(.game):global(.spottable):focus .bg {\n opacity: 1;\n box-shadow: 0 0.75rem 0.75rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%);\n background-color: var(--sand-focus-bg-color, #6d2fa1);\n filter: none;\n}\n:global(.spotlight-input-key) .button:global(.game):global(.spottable):focus.iconOnly .bg,\n:global(.spotlight-input-mouse) .button:global(.game):global(.spottable):focus.iconOnly .bg {\n background-color: rgba(139, 49, 215, 0.5);\n}\n:global(.spotlight-input-key) .button:global(.game):global(.spottable):focus.focusExpand .bg,\n:global(.spotlight-input-mouse) .button:global(.game):global(.spottable):focus.focusExpand .bg {\n transform: scale(1.05);\n}\n:global(.spotlight-input-key) .button:global(.game):global(.spottable):focus.focusExpand.small .bg,\n:global(.spotlight-input-mouse) .button:global(.game):global(.spottable):focus.focusExpand.small .bg {\n transform: scale(1.1);\n}\n:global(.spotlight-input-touch) .button:global(.game):global(.spottable):active {\n color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));\n}\n:global(.spotlight-input-touch) .button:global(.game):global(.spottable):active .bg {\n opacity: 1;\n box-shadow: 0 0.75rem 0.75rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%);\n background-color: var(--sand-focus-bg-color, #6d2fa1);\n filter: none;\n}\n:global(.spotlight-input-touch) .button:global(.game):global(.spottable):active.iconOnly .bg {\n background-color: rgba(139, 49, 215, 0.5);\n}\n:global(.spotlight-input-touch) .button:global(.game):global(.spottable):active.focusExpand .bg {\n transform: scale(1.05);\n}\n:global(.spotlight-input-touch) .button:global(.game):global(.spottable):active.focusExpand.small .bg {\n transform: scale(1.1);\n}\n:global(.spotlight-input-key) .button:global(.game):not([disabled]):global(.spottable):focus,\n:global(.spotlight-input-mouse) .button:global(.game):not([disabled]):global(.spottable):focus {\n z-index: 1;\n}\n:global(.spotlight-input-key) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand.pressed .bg,\n:global(.spotlight-input-mouse) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand.pressed .bg,\n:global(.spotlight-input-key) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand:active .bg,\n:global(.spotlight-input-mouse) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand:active .bg {\n transform: scale(1.02);\n}\n:global(.spotlight-input-key) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand.pressed.small .bg,\n:global(.spotlight-input-mouse) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand.pressed.small .bg,\n:global(.spotlight-input-key) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand:active.small .bg,\n:global(.spotlight-input-mouse) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand:active.small .bg {\n transform: scale(1.04);\n}\n:global(.spotlight-input-touch) .button:global(.game):not([disabled]):global(.spottable):active {\n z-index: 1;\n}\n:global(.spotlight-input-touch) .button:global(.game):not([disabled]):global(.spottable):active.focusExpand.pressed .bg,\n:global(.spotlight-input-touch) .button:global(.game):not([disabled]):global(.spottable):active.focusExpand:active .bg {\n transform: scale(1.02);\n}\n:global(.spotlight-input-touch) .button:global(.game):not([disabled]):global(.spottable):active.focusExpand.pressed.small .bg,\n:global(.spotlight-input-touch) .button:global(.game):not([disabled]):global(.spottable):active.focusExpand:active.small .bg {\n transform: scale(1.04);\n}\n.button:global(.game)[disabled] {\n opacity: 1;\n}\n.button:global(.game)[disabled] .client {\n opacity: 0.28;\n}\n.button:global(.game)[disabled].opaque .bg {\n opacity: 0.28;\n}\n:global(.spotlight-input-key) .button:global(.game)[disabled]:global(.spottable):focus .bg,\n:global(.spotlight-input-mouse) .button:global(.game)[disabled]:global(.spottable):focus .bg {\n opacity: 0.585;\n}\n:global(.spotlight-input-key) .button:global(.game)[disabled]:global(.spottable):focus .client,\n:global(.spotlight-input-mouse) .button:global(.game)[disabled]:global(.spottable):focus .client {\n opacity: 0.4;\n}\n:global(.spotlight-input-touch) .button:global(.game)[disabled]:global(.spottable):active .bg {\n opacity: 0.585;\n}\n:global(.spotlight-input-touch) .button:global(.game)[disabled]:global(.spottable):active .client {\n opacity: 0.4;\n}\n:global(.green) .button:global(.game) {\n border-radius: 0;\n}\n:global(.green) .button:global(.game)::before {\n content: \"\";\n position: absolute;\n top: -0.25rem;\n right: -0.25rem;\n bottom: -0.25rem;\n left: -0.25rem;\n border-radius: 0;\n}\n:global(.green) .button:global(.game),\n:global(.enact-a11y-high-contrast) :global(.green) .button:global(.game) {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n:global(.green) .button:global(.game) .bg {\n opacity: 0;\n background-color: var(--sand-focus-bg-color, #3ea07d);\n will-change: box-shadow, transform, filter;\n background-color: var(--sand-component-bg-color, #1F2C24);\n transition: transform 200ms ease-out;\n border-width: 0.125rem;\n border-style: solid;\n border-color: rgba(0, 255, 194, 0.5);\n border-radius: 0;\n}\n:global(.green) .button:global(.game).opaque {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n:global(.green) .button:global(.game).opaque .bg {\n opacity: 1;\n}\n:global(.green) .button:global(.game).transparent {\n color: rgb(var(--sand-text-color-rgb, 230, 230, 230));\n}\n:global(.green) .button:global(.game).transparent .bg {\n opacity: 0;\n}\n:global(.green) .button:global(.game).red .client::before {\n background-color: #e1777e;\n}\n:global(.green) .button:global(.game).green .client::before {\n background-color: #7fd563;\n}\n:global(.green) .button:global(.game).yellow .client::before {\n background-color: #d3b85f;\n}\n:global(.green) .button:global(.game).blue .client::before {\n background-color: #5185c1;\n}\n:global(.green) .button:global(.game).small::before {\n content: \"\";\n position: absolute;\n top: -0.625rem;\n right: -0.625rem;\n bottom: -0.625rem;\n left: -0.625rem;\n border-radius: 0;\n}\n:global(.green) .button:global(.game).iconOnly .bg {\n border: 0.125rem;\n border-radius: 0.25rem;\n}\n:global(.green) .button:global(.game).selected {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n:global(.green) .button:global(.game).selected .bg {\n background-color: var(--sand-selected-bg-color, #3e454d);\n filter: none;\n}\n:global(.green) .button:global(.game).selected.opaque .bg {\n opacity: 1;\n}\n:global(.green) .button:global(.game).selected.transparent .bg {\n opacity: 1;\n}\n:global(.spotlight-input-key) :global(.green) .button:global(.game):global(.spottable):focus,\n:global(.spotlight-input-mouse) :global(.green) .button:global(.game):global(.spottable):focus {\n color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));\n}\n:global(.spotlight-input-key) :global(.green) .button:global(.game):global(.spottable):focus .bg,\n:global(.spotlight-input-mouse) :global(.green) .button:global(.game):global(.spottable):focus .bg {\n opacity: 1;\n box-shadow: 0 0.75rem 0.75rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%);\n background-color: var(--sand-focus-bg-color, #3ea07d);\n filter: none;\n}\n:global(.spotlight-input-key) :global(.green) .button:global(.game):global(.spottable):focus.iconOnly .bg,\n:global(.spotlight-input-mouse) :global(.green) .button:global(.game):global(.spottable):focus.iconOnly .bg {\n background-color: rgba(69, 193, 148, 0.5);\n}\n:global(.spotlight-input-key) :global(.green) .button:global(.game):global(.spottable):focus.focusExpand .bg,\n:global(.spotlight-input-mouse) :global(.green) .button:global(.game):global(.spottable):focus.focusExpand .bg {\n transform: scale(1.05);\n}\n:global(.spotlight-input-key) :global(.green) .button:global(.game):global(.spottable):focus.focusExpand.small .bg,\n:global(.spotlight-input-mouse) :global(.green) .button:global(.game):global(.spottable):focus.focusExpand.small .bg {\n transform: scale(1.1);\n}\n:global(.spotlight-input-touch) :global(.green) .button:global(.game):global(.spottable):active {\n color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));\n}\n:global(.spotlight-input-touch) :global(.green) .button:global(.game):global(.spottable):active .bg {\n opacity: 1;\n box-shadow: 0 0.75rem 0.75rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%);\n background-color: var(--sand-focus-bg-color, #3ea07d);\n filter: none;\n}\n:global(.spotlight-input-touch) :global(.green) .button:global(.game):global(.spottable):active.iconOnly .bg {\n background-color: rgba(69, 193, 148, 0.5);\n}\n:global(.spotlight-input-touch) :global(.green) .button:global(.game):global(.spottable):active.focusExpand .bg {\n transform: scale(1.05);\n}\n:global(.spotlight-input-touch) :global(.green) .button:global(.game):global(.spottable):active.focusExpand.small .bg {\n transform: scale(1.1);\n}\n:global(.spotlight-input-key) :global(.green) .button:global(.game):not([disabled]):global(.spottable):focus,\n:global(.spotlight-input-mouse) :global(.green) .button:global(.game):not([disabled]):global(.spottable):focus {\n z-index: 1;\n}\n:global(.spotlight-input-key) :global(.green) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand.pressed .bg,\n:global(.spotlight-input-mouse) :global(.green) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand.pressed .bg,\n:global(.spotlight-input-key) :global(.green) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand:active .bg,\n:global(.spotlight-input-mouse) :global(.green) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand:active .bg {\n transform: scale(1.02);\n}\n:global(.spotlight-input-key) :global(.green) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand.pressed.small .bg,\n:global(.spotlight-input-mouse) :global(.green) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand.pressed.small .bg,\n:global(.spotlight-input-key) :global(.green) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand:active.small .bg,\n:global(.spotlight-input-mouse) :global(.green) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand:active.small .bg {\n transform: scale(1.04);\n}\n:global(.spotlight-input-touch) :global(.green) .button:global(.game):not([disabled]):global(.spottable):active {\n z-index: 1;\n}\n:global(.spotlight-input-touch) :global(.green) .button:global(.game):not([disabled]):global(.spottable):active.focusExpand.pressed .bg,\n:global(.spotlight-input-touch) :global(.green) .button:global(.game):not([disabled]):global(.spottable):active.focusExpand:active .bg {\n transform: scale(1.02);\n}\n:global(.spotlight-input-touch) :global(.green) .button:global(.game):not([disabled]):global(.spottable):active.focusExpand.pressed.small .bg,\n:global(.spotlight-input-touch) :global(.green) .button:global(.game):not([disabled]):global(.spottable):active.focusExpand:active.small .bg {\n transform: scale(1.04);\n}\n:global(.green) .button:global(.game)[disabled] {\n opacity: 1;\n}\n:global(.green) .button:global(.game)[disabled] .client {\n opacity: 0.28;\n}\n:global(.green) .button:global(.game)[disabled].opaque .bg {\n opacity: 0.28;\n}\n:global(.spotlight-input-key) :global(.green) .button:global(.game)[disabled]:global(.spottable):focus .bg,\n:global(.spotlight-input-mouse) :global(.green) .button:global(.game)[disabled]:global(.spottable):focus .bg {\n opacity: 0.585;\n}\n:global(.spotlight-input-key) :global(.green) .button:global(.game)[disabled]:global(.spottable):focus .client,\n:global(.spotlight-input-mouse) :global(.green) .button:global(.game)[disabled]:global(.spottable):focus .client {\n opacity: 0.4;\n}\n:global(.spotlight-input-touch) :global(.green) .button:global(.game)[disabled]:global(.spottable):active .bg {\n opacity: 0.585;\n}\n:global(.spotlight-input-touch) :global(.green) .button:global(.game)[disabled]:global(.spottable):active .client {\n opacity: 0.4;\n}\n:global(.orange) .button:global(.game) {\n border-radius: 0;\n}\n:global(.orange) .button:global(.game)::before {\n content: \"\";\n position: absolute;\n top: -0.25rem;\n right: -0.25rem;\n bottom: -0.25rem;\n left: -0.25rem;\n border-radius: 0;\n}\n:global(.orange) .button:global(.game),\n:global(.enact-a11y-high-contrast) :global(.orange) .button:global(.game) {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n:global(.orange) .button:global(.game) .bg {\n opacity: 0;\n background-color: var(--sand-focus-bg-color, #b85f23);\n will-change: box-shadow, transform, filter;\n background-color: var(--sand-component-bg-color, #422923);\n transition: transform 200ms ease-out;\n border-width: 0.125rem;\n border-style: solid;\n border-color: rgba(235, 94, 0, 0.5);\n border-radius: 0;\n}\n:global(.orange) .button:global(.game).opaque {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n:global(.orange) .button:global(.game).opaque .bg {\n opacity: 1;\n}\n:global(.orange) .button:global(.game).transparent {\n color: rgb(var(--sand-text-color-rgb, 230, 230, 230));\n}\n:global(.orange) .button:global(.game).transparent .bg {\n opacity: 0;\n}\n:global(.orange) .button:global(.game).red .client::before {\n background-color: #e1777e;\n}\n:global(.orange) .button:global(.game).green .client::before {\n background-color: #7fd563;\n}\n:global(.orange) .button:global(.game).yellow .client::before {\n background-color: #d3b85f;\n}\n:global(.orange) .button:global(.game).blue .client::before {\n background-color: #5185c1;\n}\n:global(.orange) .button:global(.game).small::before {\n content: \"\";\n position: absolute;\n top: -0.625rem;\n right: -0.625rem;\n bottom: -0.625rem;\n left: -0.625rem;\n border-radius: 0;\n}\n:global(.orange) .button:global(.game).iconOnly .bg {\n border: 0.125rem;\n border-radius: 0.25rem;\n}\n:global(.orange) .button:global(.game).selected {\n color: rgb(var(--sand-component-text-color-rgb, 230, 230, 230));\n}\n:global(.orange) .button:global(.game).selected .bg {\n background-color: var(--sand-selected-bg-color, #3e454d);\n filter: none;\n}\n:global(.orange) .button:global(.game).selected.opaque .bg {\n opacity: 1;\n}\n:global(.orange) .button:global(.game).selected.transparent .bg {\n opacity: 1;\n}\n:global(.spotlight-input-key) :global(.orange) .button:global(.game):global(.spottable):focus,\n:global(.spotlight-input-mouse) :global(.orange) .button:global(.game):global(.spottable):focus {\n color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));\n}\n:global(.spotlight-input-key) :global(.orange) .button:global(.game):global(.spottable):focus .bg,\n:global(.spotlight-input-mouse) :global(.orange) .button:global(.game):global(.spottable):focus .bg {\n opacity: 1;\n box-shadow: 0 0.75rem 0.75rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%);\n background-color: var(--sand-focus-bg-color, #b85f23);\n filter: none;\n}\n:global(.spotlight-input-key) :global(.orange) .button:global(.game):global(.spottable):focus.iconOnly .bg,\n:global(.spotlight-input-mouse) :global(.orange) .button:global(.game):global(.spottable):focus.iconOnly .bg {\n background-color: rgba(215, 84, 49, 0.5);\n}\n:global(.spotlight-input-key) :global(.orange) .button:global(.game):global(.spottable):focus.focusExpand .bg,\n:global(.spotlight-input-mouse) :global(.orange) .button:global(.game):global(.spottable):focus.focusExpand .bg {\n transform: scale(1.05);\n}\n:global(.spotlight-input-key) :global(.orange) .button:global(.game):global(.spottable):focus.focusExpand.small .bg,\n:global(.spotlight-input-mouse) :global(.orange) .button:global(.game):global(.spottable):focus.focusExpand.small .bg {\n transform: scale(1.1);\n}\n:global(.spotlight-input-touch) :global(.orange) .button:global(.game):global(.spottable):active {\n color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));\n}\n:global(.spotlight-input-touch) :global(.orange) .button:global(.game):global(.spottable):active .bg {\n opacity: 1;\n box-shadow: 0 0.75rem 0.75rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%);\n background-color: var(--sand-focus-bg-color, #b85f23);\n filter: none;\n}\n:global(.spotlight-input-touch) :global(.orange) .button:global(.game):global(.spottable):active.iconOnly .bg {\n background-color: rgba(215, 84, 49, 0.5);\n}\n:global(.spotlight-input-touch) :global(.orange) .button:global(.game):global(.spottable):active.focusExpand .bg {\n transform: scale(1.05);\n}\n:global(.spotlight-input-touch) :global(.orange) .button:global(.game):global(.spottable):active.focusExpand.small .bg {\n transform: scale(1.1);\n}\n:global(.spotlight-input-key) :global(.orange) .button:global(.game):not([disabled]):global(.spottable):focus,\n:global(.spotlight-input-mouse) :global(.orange) .button:global(.game):not([disabled]):global(.spottable):focus {\n z-index: 1;\n}\n:global(.spotlight-input-key) :global(.orange) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand.pressed .bg,\n:global(.spotlight-input-mouse) :global(.orange) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand.pressed .bg,\n:global(.spotlight-input-key) :global(.orange) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand:active .bg,\n:global(.spotlight-input-mouse) :global(.orange) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand:active .bg {\n transform: scale(1.02);\n}\n:global(.spotlight-input-key) :global(.orange) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand.pressed.small .bg,\n:global(.spotlight-input-mouse) :global(.orange) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand.pressed.small .bg,\n:global(.spotlight-input-key) :global(.orange) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand:active.small .bg,\n:global(.spotlight-input-mouse) :global(.orange) .button:global(.game):not([disabled]):global(.spottable):focus.focusExpand:active.small .bg {\n transform: scale(1.04);\n}\n:global(.spotlight-input-touch) :global(.orange) .button:global(.game):not([disabled]):global(.spottable):active {\n z-index: 1;\n}\n:global(.spotlight-input-touch) :global(.orange) .button:global(.game):not([disabled]):global(.spottable):active.focusExpand.pressed .bg,\n:global(.spotlight-input-touch) :global(.orange) .button:global(.game):not([disabled]):global(.spottable):active.focusExpand:active .bg {\n transform: scale(1.02);\n}\n:global(.spotlight-input-touch) :global(.orange) .button:global(.game):not([disabled]):global(.spottable):active.focusExpand.pressed.small .bg,\n:global(.spotlight-input-touch) :global(.orange) .button:global(.game):not([disabled]):global(.spottable):active.focusExpand:active.small .bg {\n transform: scale(1.04);\n}\n:global(.orange) .button:global(.game)[disabled] {\n opacity: 1;\n}\n:global(.orange) .button:global(.game)[disabled] .client {\n opacity: 0.28;\n}\n:global(.orange) .button:global(.game)[disabled].opaque .bg {\n opacity: 0.28;\n}\n:global(.spotlight-input-key) :global(.orange) .button:global(.game)[disabled]:global(.spottable):focus .bg,\n:global(.spotlight-input-mouse) :global(.orange) .button:global(.game)[disabled]:global(.spottable):focus .bg {\n opacity: 0.585;\n}\n:global(.spotlight-input-key) :global(.orange) .button:global(.game)[disabled]:global(.spottable):focus .client,\n:global(.spotlight-input-mouse) :global(.orange) .button:global(.game)[disabled]:global(.spottable):focus .client {\n opacity: 0.4;\n}\n:global(.spotlight-input-touch) :global(.orange) .button:global(.game)[disabled]:global(.spottable):active .bg {\n opacity: 0.585;\n}\n:global(.spotlight-input-touch) :global(.orange) .button:global(.game)[disabled]:global(.spottable):active .client {\n opacity: 0.4;\n}\n","/* .wrap {\r\n display: flex;\r\n background-color: #ccdebc;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.container {\r\n width: 90%;\r\n min-height: 80vh;\r\n text-align: center;\r\n background-color: #000;\r\n}\r\n\r\n.homebtn {\r\n \r\n} */\r\n\r\n.video-frame{\r\n position: relative;\r\n /*좌우 중앙 정렬*/\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-top: 6vh;\r\n width: 80vw;\r\n height: 80vh;\r\n background-color: black;\r\n}\r\n\r\n.home-button{\r\n position:fixed;\r\n right: 10vw;\r\n bottom: 2vh;\r\n}\r\n\r\n.home-button-img{\r\n width:8vw;\r\n}\r\n",".add-top-section{\r\n position: relative;\r\n margin-top: 8%;\r\n}\r\n/* 반려동물 추가 */\r\n.add-title{\r\n position: absolute;\r\n /* top: 5vh; */\r\n left: 5.5vw;\r\n font-size: 7vh;\r\n color:hsl(0, 0%, 100%);\r\n /* text-shadow */\r\n}\r\n/*취소 완료 버튼*/\r\n.add-button-container{\r\n position: absolute;\r\n right: 5.5vw;\r\n /* top: 5vh; */\r\n display: button;\r\n}\r\n.cancel-button{\r\n width: 8vw;\r\n}\r\n.complete-button{\r\n margin-left: 1vw;\r\n width: 8vw;\r\n}\r\n/*동물 정보 입력 섹션*/\r\n.add-content-section{\r\n position: absolute;\r\n width: 90vw;\r\n height: 60vh;\r\n\r\n left: 5%;\r\n top: 30%;\r\n\r\n border-radius: 50px;\r\n box-shadow: 3px 7px 11px 0 rgba(0,0,0,0.16);\r\n background-color: #fdf0be;\r\n\r\n display: flex;\r\n\r\n}\r\n.add-picture{\r\n margin-top: auto;\r\n margin-bottom: auto;\r\n margin-left: 6vw;\r\n}\r\n.add-picture-img{\r\n width: 45vh;\r\n}\r\n\r\n/*동물 정보*/\r\n.add-info{\r\n position: relative;\r\n left: 10vw;\r\n display: flex;\r\n flex-direction: column;\r\n margin-top: auto;\r\n margin-bottom: auto;\r\n justify-content: space-between;\r\n height: 40vh;\r\n}\r\n.name{\r\n position: relative;\r\n}\r\n.name-img{\r\n position: absolute;\r\n width: 25.5vw;\r\n}\r\n.name-input{\r\n position: absolute;\r\n left: 5.5vw;\r\n top: 0.7vh;\r\n width: 18vw;\r\n height: 3vh;\r\n /* left: 255px;\r\n top: 40px; */\r\n}\r\n.kind{\r\n position: relative;\r\n}\r\n.kind-img{\r\n position: absolute;\r\n width: 25.5vw;\r\n}\r\n.kind-input{\r\n position: absolute;\r\n left: 5.5vw;\r\n top: 0.7vh;\r\n width: 18vw;\r\n height: 3vh;\r\n}\r\n.gender{\r\n position: relative;\r\n}\r\n.gender-img{\r\n position: absolute;\r\n width: 25.5vw;\r\n}\r\n.gender-input{\r\n position: absolute;\r\n left: 5.5vw;\r\n top: 0.7vh;\r\n width: 18vw;\r\n height: 3vh;\r\n}\r\n.age{\r\n position: relative;\r\n}\r\n.age-img{\r\n position: absolute;\r\n width: 25.5vw;\r\n}\r\n.age-input{\r\n position: absolute;\r\n left: 5.5vw;\r\n top: 0.7vh;\r\n width: 18vw;\r\n height: 3vh;\r\n}\r\n.weight{\r\n position: relative;\r\n}\r\n.weight-img{\r\n position: absolute;\r\n width: 25.5vw;\r\n}\r\n.weight-input{\r\n position: absolute;\r\n left: 5.5vw;\r\n top: 0.7vh;\r\n width: 18vw;\r\n height: 3vh;\r\n}\r\n",".wrap-info {\r\n display: flex;\r\n justify-content: center;\r\n align-content: center;\r\n text-align: center;\r\n}\r\n\r\n.info-frame {\r\n margin: auto;\r\n\r\n width: 85vw;\r\n height: 85vh;\r\n\r\n margin-top: 100px;\r\n\r\n /* border-radius: 50px; */\r\n box-shadow: 3px 7px 11px 0 rgba(0, 0, 0, 0.16);\r\n background-color: #fdf0be;\r\n}\r\n\r\n.bg {\r\n width: 75vw;\r\n height: 65vh;\r\n margin-top: 12%;\r\n}\r\n\r\n.info-prof {\r\n position: absolute;\r\n text-align: center;\r\n justify-content: center;\r\n\r\n width: 15vw;\r\n\r\n top: 5vh;\r\n left: 1vw;\r\n}\r\n\r\n.prof_bg {\r\n position: absolute;\r\n\r\n left: 50%;\r\n\r\n width: 80%;\r\n}\r\n\r\n.prof {\r\n position: absolute;\r\n\r\n left: 55%;\r\n top: 1vh;\r\n\r\n border-radius: 50%;\r\n\r\n width: 70%;\r\n}\r\n\r\n.home-section {\r\n position: fixed;\r\n\r\n bottom: 3vh;\r\n right: 3vw;\r\n}\r\n\r\n.info-top {\r\n position: relative;\r\n}\r\n\r\n.bio-info {\r\n margin-top: 1%;\r\n\r\n position: absolute;\r\n left: 25%;\r\n\r\n font-size: 3vw;\r\n}\r\n\r\n.title-info {\r\n margin-top: 1%;\r\n\r\n position: absolute;\r\n right: 10%;\r\n\r\n font-size: 3vw;\r\n}"],"names":[],"sourceRoot":""}