All user data for FoundryVTT. Includes worlds, systems, modules, and any asset in the "foundryuserdata" directory. Does NOT include the FoundryVTT installation itself.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

18537 lines
583 KiB

1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
  1. @charset "UTF-8";
  2. :root {
  3. --tagify-dd-color-primary: rgb(53,149,246);
  4. --tagify-dd-bg-color: white;
  5. --tagify-dd-item-pad: .3em .5em;
  6. }
  7. .tagify {
  8. --tags-disabled-bg: #F1F1F1;
  9. --tags-border-color: #DDD;
  10. --tags-hover-border-color: #CCC;
  11. --tags-focus-border-color: #3595f6;
  12. --tag-border-radius: 3px;
  13. --tag-bg: #E5E5E5;
  14. --tag-hover: #D3E2E2;
  15. --tag-text-color: black;
  16. --tag-text-color--edit: black;
  17. --tag-pad: 0.3em 0.5em;
  18. --tag-inset-shadow-size: 1.1em;
  19. --tag-invalid-color: #D39494;
  20. --tag-invalid-bg: rgba(211, 148, 148, 0.5);
  21. --tag-remove-bg: rgba(211, 148, 148, 0.3);
  22. --tag-remove-btn-color: black;
  23. --tag-remove-btn-bg: none;
  24. --tag-remove-btn-bg--hover: #c77777;
  25. --input-color: inherit;
  26. --tag--min-width: 1ch;
  27. --tag--max-width: auto;
  28. --tag-hide-transition: 0.3s;
  29. --placeholder-color: rgba(0, 0, 0, 0.4);
  30. --placeholder-color-focus: rgba(0, 0, 0, 0.25);
  31. --loader-size: .8em;
  32. --readonly-striped: 1;
  33. display: inline-flex;
  34. align-items: flex-start;
  35. flex-wrap: wrap;
  36. border: 1px solid var(--tags-border-color);
  37. padding: 0;
  38. line-height: 0;
  39. cursor: text;
  40. outline: none;
  41. position: relative;
  42. box-sizing: border-box;
  43. transition: 0.1s;
  44. }
  45. @keyframes tags--bump {
  46. 30% {
  47. transform: scale(1.2);
  48. }
  49. }
  50. @keyframes rotateLoader {
  51. to {
  52. transform: rotate(1turn);
  53. }
  54. }
  55. .tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
  56. --tags-border-color: var(--tags-hover-border-color);
  57. }
  58. .tagify[disabled] {
  59. background: var(--tags-disabled-bg);
  60. filter: saturate(0);
  61. opacity: 0.5;
  62. pointer-events: none;
  63. }
  64. .tagify[readonly].tagify--select, .tagify[disabled].tagify--select {
  65. pointer-events: none;
  66. }
  67. .tagify[readonly]:not(.tagify--mix):not(.tagify--select), .tagify[disabled]:not(.tagify--mix):not(.tagify--select) {
  68. cursor: default;
  69. }
  70. .tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) > .tagify__input {
  71. visibility: hidden;
  72. width: 0;
  73. margin: 5px 0;
  74. }
  75. .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div {
  76. padding: var(--tag-pad);
  77. }
  78. .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
  79. animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
  80. }
  81. @keyframes readonlyStyles {
  82. 0% {
  83. background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
  84. box-shadow: none;
  85. filter: brightness(0.95);
  86. }
  87. }
  88. .tagify[readonly] .tagify__tag__removeBtn, .tagify[disabled] .tagify__tag__removeBtn {
  89. display: none;
  90. }
  91. .tagify--loading .tagify__input > br:last-child {
  92. display: none;
  93. }
  94. .tagify--loading .tagify__input::before {
  95. content: none;
  96. }
  97. .tagify--loading .tagify__input::after {
  98. content: "";
  99. vertical-align: middle;
  100. opacity: 1;
  101. width: 0.7em;
  102. height: 0.7em;
  103. width: var(--loader-size);
  104. height: var(--loader-size);
  105. min-width: 0;
  106. border: 3px solid;
  107. border-color: #EEE #BBB #888 transparent;
  108. border-radius: 50%;
  109. animation: rotateLoader 0.4s infinite linear;
  110. content: "" !important;
  111. margin: -2px 0 -2px 0.5em;
  112. }
  113. .tagify--loading .tagify__input:empty::after {
  114. margin-left: 0;
  115. }
  116. .tagify + input,
  117. .tagify + textarea {
  118. position: absolute !important;
  119. left: -9999em !important;
  120. transform: scale(0) !important;
  121. }
  122. .tagify__tag {
  123. display: inline-flex;
  124. align-items: center;
  125. margin: 5px 0 5px 5px;
  126. position: relative;
  127. z-index: 1;
  128. outline: none;
  129. line-height: normal;
  130. cursor: default;
  131. transition: 0.13s ease-out;
  132. }
  133. .tagify__tag > div {
  134. vertical-align: top;
  135. box-sizing: border-box;
  136. max-width: 100%;
  137. padding: var(--tag-pad);
  138. color: var(--tag-text-color);
  139. line-height: inherit;
  140. border-radius: var(--tag-border-radius);
  141. white-space: nowrap;
  142. transition: 0.13s ease-out;
  143. }
  144. .tagify__tag > div > * {
  145. white-space: pre-wrap;
  146. overflow: hidden;
  147. text-overflow: ellipsis;
  148. display: inline-block;
  149. vertical-align: top;
  150. min-width: var(--tag--min-width);
  151. max-width: var(--tag--max-width);
  152. transition: 0.8s ease, 0.1s color;
  153. }
  154. .tagify__tag > div > *[contenteditable] {
  155. outline: none;
  156. user-select: text;
  157. cursor: text;
  158. margin: -2px;
  159. padding: 2px;
  160. max-width: 350px;
  161. }
  162. .tagify__tag > div::before {
  163. content: "";
  164. position: absolute;
  165. border-radius: inherit;
  166. inset: var(--tag-bg-inset, 0);
  167. z-index: -1;
  168. pointer-events: none;
  169. transition: 120ms ease;
  170. animation: tags--bump 0.3s ease-out 1;
  171. box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset;
  172. }
  173. .tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before {
  174. --tag-bg-inset: -2.5px;
  175. --tag-bg: var(--tag-hover);
  176. }
  177. .tagify__tag--loading {
  178. pointer-events: none;
  179. }
  180. .tagify__tag--loading .tagify__tag__removeBtn {
  181. display: none;
  182. }
  183. .tagify__tag--loading::after {
  184. --loader-size: .4em;
  185. content: "";
  186. vertical-align: middle;
  187. opacity: 1;
  188. width: 0.7em;
  189. height: 0.7em;
  190. width: var(--loader-size);
  191. height: var(--loader-size);
  192. min-width: 0;
  193. border: 3px solid;
  194. border-color: #EEE #BBB #888 transparent;
  195. border-radius: 50%;
  196. animation: rotateLoader 0.4s infinite linear;
  197. margin: 0 0.5em 0 -0.1em;
  198. }
  199. .tagify__tag--flash div::before {
  200. animation: none;
  201. }
  202. .tagify__tag--hide {
  203. width: 0 !important;
  204. padding-left: 0;
  205. padding-right: 0;
  206. margin-left: 0;
  207. margin-right: 0;
  208. opacity: 0;
  209. transform: scale(0);
  210. transition: var(--tag-hide-transition);
  211. pointer-events: none;
  212. }
  213. .tagify__tag--hide > div > * {
  214. white-space: nowrap;
  215. }
  216. .tagify__tag.tagify--noAnim > div::before {
  217. animation: none;
  218. }
  219. .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span {
  220. opacity: 0.5;
  221. }
  222. .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
  223. --tag-bg: var(--tag-invalid-bg);
  224. transition: 0.2s;
  225. }
  226. .tagify__tag[readonly] .tagify__tag__removeBtn {
  227. display: none;
  228. }
  229. .tagify__tag[readonly] > div::before {
  230. animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
  231. }
  232. @keyframes readonlyStyles {
  233. 0% {
  234. background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
  235. box-shadow: none;
  236. filter: brightness(0.95);
  237. }
  238. }
  239. .tagify__tag--editable > div {
  240. color: var(--tag-text-color--edit);
  241. }
  242. .tagify__tag--editable > div::before {
  243. box-shadow: 0 0 0 2px var(--tag-hover) inset !important;
  244. }
  245. .tagify__tag--editable > .tagify__tag__removeBtn {
  246. pointer-events: none;
  247. }
  248. .tagify__tag--editable > .tagify__tag__removeBtn::after {
  249. opacity: 0;
  250. transform: translateX(100%) translateX(5px);
  251. }
  252. .tagify__tag--editable.tagify--invalid > div::before {
  253. box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important;
  254. }
  255. .tagify__tag__removeBtn {
  256. order: 5;
  257. display: inline-flex;
  258. align-items: center;
  259. justify-content: center;
  260. border-radius: 50px;
  261. cursor: pointer;
  262. font: 14px/1 Arial;
  263. background: var(--tag-remove-btn-bg);
  264. color: var(--tag-remove-btn-color);
  265. width: 14px;
  266. height: 14px;
  267. margin-right: 4.6666666667px;
  268. margin-left: auto;
  269. overflow: hidden;
  270. transition: 0.2s ease-out;
  271. }
  272. .tagify__tag__removeBtn::after {
  273. content: "×";
  274. transition: 0.3s, color 0s;
  275. }
  276. .tagify__tag__removeBtn:hover {
  277. color: white;
  278. background: var(--tag-remove-btn-bg--hover);
  279. }
  280. .tagify__tag__removeBtn:hover + div > span {
  281. opacity: 0.5;
  282. }
  283. .tagify__tag__removeBtn:hover + div::before {
  284. box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important;
  285. transition: box-shadow 0.2s;
  286. }
  287. .tagify:not(.tagify--mix) .tagify__input br {
  288. display: none;
  289. }
  290. .tagify:not(.tagify--mix) .tagify__input * {
  291. display: inline;
  292. white-space: nowrap;
  293. }
  294. .tagify__input {
  295. flex-grow: 1;
  296. display: inline-block;
  297. min-width: 110px;
  298. margin: 5px;
  299. padding: var(--tag-pad);
  300. line-height: normal;
  301. position: relative;
  302. white-space: pre-wrap;
  303. color: var(--input-color);
  304. box-sizing: inherit;
  305. /* Seems firefox newer versions don't need this any more
  306. @supports ( -moz-appearance:none ){
  307. &::before{
  308. line-height: inherit;
  309. position:relative;
  310. }
  311. }
  312. */
  313. }
  314. @-moz-document url-prefix() {}
  315. .tagify__input:empty::before {
  316. position: static;
  317. }
  318. .tagify__input:focus {
  319. outline: none;
  320. }
  321. .tagify__input:focus::before {
  322. transition: 0.2s ease-out;
  323. opacity: 0;
  324. transform: translatex(6px);
  325. /* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */
  326. /* IE Edge 12+ CSS styles go here */
  327. }
  328. @supports (-ms-ime-align: auto) {
  329. .tagify__input:focus::before {
  330. display: none;
  331. }
  332. }
  333. .tagify__input:focus:empty::before {
  334. transition: 0.2s ease-out;
  335. opacity: 1;
  336. transform: none;
  337. color: rgba(0, 0, 0, 0.25);
  338. color: var(--placeholder-color-focus);
  339. }
  340. @-moz-document url-prefix() {
  341. .tagify__input:focus:empty::after {
  342. display: none;
  343. }
  344. }
  345. .tagify__input::before {
  346. content: attr(data-placeholder);
  347. height: 1em;
  348. line-height: 1em;
  349. margin: auto 0;
  350. z-index: 1;
  351. color: var(--placeholder-color);
  352. white-space: nowrap;
  353. pointer-events: none;
  354. opacity: 0;
  355. position: absolute;
  356. }
  357. .tagify__input::after {
  358. content: attr(data-suggest);
  359. display: inline-block;
  360. vertical-align: middle;
  361. position: absolute;
  362. min-width: calc(100% - 1.5em);
  363. text-overflow: ellipsis;
  364. overflow: hidden;
  365. white-space: pre; /* allows spaces at the beginning */
  366. color: var(--tag-text-color);
  367. opacity: 0.3;
  368. pointer-events: none;
  369. max-width: 100px;
  370. }
  371. .tagify__input .tagify__tag {
  372. margin: 0 1px;
  373. }
  374. .tagify--mix {
  375. display: block;
  376. }
  377. .tagify--mix .tagify__input {
  378. padding: 5px;
  379. margin: 0;
  380. width: 100%;
  381. height: 100%;
  382. line-height: 1.5;
  383. display: block;
  384. }
  385. .tagify--mix .tagify__input::before {
  386. height: auto;
  387. display: none;
  388. line-height: inherit;
  389. }
  390. .tagify--mix .tagify__input::after {
  391. content: none;
  392. }
  393. .tagify--select::after {
  394. content: ">";
  395. opacity: 0.5;
  396. position: absolute;
  397. top: 50%;
  398. right: 0;
  399. bottom: 0;
  400. font: 16px monospace;
  401. line-height: 8px;
  402. height: 8px;
  403. pointer-events: none;
  404. transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
  405. transition: 0.2s ease-in-out;
  406. }
  407. .tagify--select[aria-expanded=true]::after {
  408. transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
  409. }
  410. .tagify--select .tagify__tag {
  411. position: absolute;
  412. top: 0;
  413. right: 1.8em;
  414. bottom: 0;
  415. }
  416. .tagify--select .tagify__tag div {
  417. display: none;
  418. }
  419. .tagify--select .tagify__input {
  420. width: 100%;
  421. }
  422. .tagify--empty .tagify__input::before {
  423. transition: 0.2s ease-out;
  424. opacity: 1;
  425. transform: none;
  426. display: inline-block;
  427. width: auto;
  428. }
  429. .tagify--mix .tagify--empty .tagify__input::before {
  430. display: inline-block;
  431. }
  432. .tagify--focus {
  433. --tags-border-color: var(--tags-focus-border-color);
  434. transition: 0s;
  435. }
  436. .tagify--invalid {
  437. --tags-border-color: #D39494;
  438. }
  439. .tagify__dropdown {
  440. position: absolute;
  441. z-index: 9999;
  442. transform: translateY(1px);
  443. overflow: hidden;
  444. }
  445. .tagify__dropdown[placement=top] {
  446. margin-top: 0;
  447. transform: translateY(-100%);
  448. }
  449. .tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
  450. border-top-width: 1.1px;
  451. border-bottom-width: 0;
  452. }
  453. .tagify__dropdown[position=text] {
  454. box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
  455. font-size: 0.9em;
  456. }
  457. .tagify__dropdown[position=text] .tagify__dropdown__wrapper {
  458. border-width: 1px;
  459. }
  460. .tagify__dropdown__wrapper {
  461. max-height: 300px;
  462. overflow: auto;
  463. overflow-x: hidden;
  464. background: var(--tagify-dd-bg-color);
  465. border: 1px solid;
  466. border-color: var(--tagify-dd-color-primary);
  467. border-bottom-width: 1.5px;
  468. border-top-width: 0;
  469. box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
  470. transition: 0.25s cubic-bezier(0, 1, 0.5, 1);
  471. }
  472. .tagify__dropdown__header:empty {
  473. display: none;
  474. }
  475. .tagify__dropdown__footer {
  476. display: inline-block;
  477. margin-top: 0.5em;
  478. padding: var(--tagify-dd-item-pad);
  479. font-size: 0.7em;
  480. font-style: italic;
  481. opacity: 0.5;
  482. }
  483. .tagify__dropdown__footer:empty {
  484. display: none;
  485. }
  486. .tagify__dropdown--initial .tagify__dropdown__wrapper {
  487. max-height: 20px;
  488. transform: translateY(-1em);
  489. }
  490. .tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
  491. transform: translateY(2em);
  492. }
  493. .tagify__dropdown__item {
  494. box-sizing: border-box;
  495. padding: var(--tagify-dd-item-pad);
  496. margin: 1px;
  497. cursor: pointer;
  498. border-radius: 2px;
  499. position: relative;
  500. outline: none;
  501. max-height: 60px;
  502. max-width: 100%;
  503. /* custom hidden transition effect is needed for horizontal-layout suggestions */
  504. }
  505. .tagify__dropdown__item--active {
  506. background: var(--tagify-dd-color-primary);
  507. color: white;
  508. }
  509. .tagify__dropdown__item:active {
  510. filter: brightness(105%);
  511. }
  512. .tagify__dropdown__item--hidden {
  513. padding-top: 0;
  514. padding-bottom: 0;
  515. margin: 0 1px;
  516. pointer-events: none;
  517. overflow: hidden;
  518. max-height: 0;
  519. transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important;
  520. }
  521. .tagify__dropdown__item--hidden > * {
  522. transform: translateY(-100%);
  523. opacity: 0;
  524. transition: inherit;
  525. }.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
  526. :root {
  527. scrollbar-color: #782e22 transparent;
  528. }
  529. * {
  530. scrollbar-width: thin;
  531. }
  532. :root {
  533. /** Font-size variables not defined by Foundry */
  534. --font-size-5: 0.3125rem;
  535. --font-size-8: 0.5rem;
  536. --font-size-9: 0.5625rem;
  537. --font-size-10: 0.625rem;
  538. --font-size-15: 0.9375rem;
  539. --font-size-17: 1.0625rem;
  540. --font-size-19: 1.1875rem;
  541. --font-size-21: 1.3125rem;
  542. --font-size-22: 1.375rem;
  543. --font-size-26: 1.625rem;
  544. --font-size-27: 1.6875rem;
  545. --font-size-30: 1.875rem;
  546. --font-size-34: 2.125rem;
  547. --font-size-36: 2.25rem;
  548. --font-size-42: 2.625rem;
  549. /** Font families */
  550. --body-serif: Gelasio, Georgia, serif;
  551. --sans-serif: Roboto, sans-serif;
  552. --sans-serif-condensed: "Roboto Condensed", var(--sans-serif);
  553. --sans-serif-monospace: "Roboto Mono", monospace;
  554. --serif: Eczar, Georgia, serif;
  555. --serif-condensed: "Modesto Condensed", serif;
  556. --journal-cursive: "La Belle Aurore", cursive;
  557. --journal-serif: "Vollkorn", var(--serif);
  558. }
  559. /* ----------------------------------------- */
  560. /* Color definitions */
  561. /* ----------------------------------------- */
  562. /* Colors */
  563. /* Global */
  564. /* used for mini headers, alternate primary color */
  565. /* compliments the primary color, usually used in combination */
  566. /* for all other uses */
  567. /* Lighter / Darker */
  568. /* Text */
  569. /* ----------------------------------------- */
  570. /* Color schemes */
  571. /* ----------------------------------------- */
  572. /* Degrees of success */
  573. /* Value adjustments (e.g. weak/elite) */
  574. /* ----------------------------------------- */
  575. /* CSS Custom Properties */
  576. /* ----------------------------------------- */
  577. :root {
  578. /* Global */
  579. --color-pf-primary: #5e0000;
  580. --color-pf-primary-light: #910000;
  581. --color-pf-primary-dark: #2b0000;
  582. --color-pf-secondary: #171f69;
  583. --color-pf-secondary-light: #202b93;
  584. --color-pf-secondary-dark: #0e133f;
  585. --primary: var(--color-pf-primary);
  586. --secondary: var(--color-pf-secondary);
  587. --tertiary: #e9d7a1;
  588. --alt: #786452;
  589. --alt-dark: #443730;
  590. --bg: #f8f4f1;
  591. --bg-dark: #e7d9cf;
  592. --sub: #605856;
  593. --color-disabled: #ababab;
  594. --inline-link-bg: #ddd;
  595. --inline-repost-bg: #eaeaea;
  596. --visibility-gm-bg: #e8e8ef;
  597. --visibility-owner-bg: #ddebe1;
  598. --blind-roll: #f5eaf5;
  599. /* Lighter / Darker */
  600. --light: #910000;
  601. --primary-dark: #2b0000;
  602. --primary-darker: #120000;
  603. --tertiary-dark: #dfc578;
  604. --tertiary-light: #f3e9ca;
  605. /* Text */
  606. --text-dark: var(--color-text-dark-primary);
  607. --text-light: #f5efe0;
  608. --color-text-dark-input: #333;
  609. --color-text-dark-improved: #006644;
  610. /* Borders */
  611. --color-border-divider: #baa991;
  612. --color-border-dark-input: #d3ccbc;
  613. --color-border-medium: gray;
  614. /* Headers w/ boxes */
  615. --header-color: var(--text-light);
  616. --header-bg: var(--secondary);
  617. /* Sidebar */
  618. --sidebar-label: var(--tertiary-dark);
  619. --sidebar-title: var(--tertiary);
  620. /** Traits */
  621. --color-bg-alignment: #576293;
  622. --color-bg-size: #3a7b59;
  623. --color-bg-trait: #5e0000;
  624. --color-border-trait: #d8c384;
  625. --color-text-trait: white;
  626. /* Rarity */
  627. --color-rarity-common: #323232;
  628. --color-rarity-uncommon: #98513d;
  629. --color-rarity-rare: #002664;
  630. --color-rarity-unique: #54166e;
  631. /** Proficiency ranks */
  632. --color-proficiency-untrained: #424242;
  633. --color-proficiency-trained: #171f69;
  634. --color-proficiency-expert: #3c005e;
  635. --color-proficiency-master: #664400;
  636. --color-proficiency-legendary: #5e0000;
  637. /* Damage colors */
  638. }
  639. :root .damage {
  640. --color-bg-acid: rgba(0, 115, 0, 0.125);
  641. --color-bg-bleed: rgba(153, 0, 26, 0.125);
  642. --color-bg-chaotic: rgba(166, 0, 166, 0.125);
  643. --color-bg-cold: rgba(47, 47, 166, 0.125);
  644. --color-bg-electricity: rgba(184, 134, 11, 0.125);
  645. --color-bg-evil: rgba(75, 0, 130, 0.125);
  646. --color-bg-fire: rgba(166, 47, 0, 0.125);
  647. --color-bg-force: rgba(99, 0, 170, 0.125);
  648. --color-bg-good: rgba(157, 115, 10, 0.125);
  649. --color-bg-lawful: rgba(64, 38, 0, 0.125);
  650. --color-bg-mental: rgba(25, 25, 112, 0.125);
  651. --color-bg-physical: rgba(60, 60, 60, 0.125);
  652. --color-bg-poison: rgba(91, 115, 50, 0.125);
  653. --color-bg-sonic: rgba(0, 139, 139, 0.125);
  654. --color-bg-spirit: rgba(90, 85, 133, 0.125);
  655. --color-bg-vitality: rgba(255, 255, 224, 0.125);
  656. --color-bg-void: rgba(0, 0, 31, 0.125);
  657. --color-border-acid: #007300;
  658. --color-border-bleed: #99001a;
  659. --color-border-chaotic: #a600a6;
  660. --color-border-cold: #2f2fa6;
  661. --color-border-electricity: darkgoldenrod;
  662. --color-border-evil: indigo;
  663. --color-border-fire: #a62f00;
  664. --color-border-force: #6300aa;
  665. --color-border-good: #9d730a;
  666. --color-border-lawful: #402600;
  667. --color-border-mental: midnightblue;
  668. --color-border-physical: #3c3c3c;
  669. --color-border-poison: #5b7332;
  670. --color-border-sonic: darkcyan;
  671. --color-border-spirit: #5a5585;
  672. --color-border-vitality: #ffffe0;
  673. --color-border-void: #00001f;
  674. --color-text-acid: #003300;
  675. --color-text-bleed: #59000f;
  676. --color-text-chaotic: #660066;
  677. --color-text-cold: #212174;
  678. --color-text-electricity: #7c5a07;
  679. --color-text-evil: #260042;
  680. --color-text-fire: #661d00;
  681. --color-text-force: #3e006a;
  682. --color-text-good: #614706;
  683. --color-text-lawful: black;
  684. --color-text-mental: #0d0d3c;
  685. --color-text-physical: #1c1c1c;
  686. --color-text-poison: #38471f;
  687. --color-text-sonic: #004b4b;
  688. --color-text-spirit: #403c5e;
  689. --color-text-vitality: #ffffa0;
  690. --color-text-void: black;
  691. }
  692. :root .damage.color.acid {
  693. background-color: var(--color-bg-acid);
  694. border-color: var(--color-border-acid);
  695. color: var(--color-text-acid);
  696. }
  697. :root .damage.color.acid i[class^=fa-] {
  698. color: var(--color-border-acid);
  699. }
  700. :root .damage.color.bleed {
  701. background-color: var(--color-bg-bleed);
  702. border-color: var(--color-border-bleed);
  703. color: var(--color-text-bleed);
  704. }
  705. :root .damage.color.bleed i[class^=fa-] {
  706. color: var(--color-border-bleed);
  707. }
  708. :root .damage.color.bludgeoning, :root .damage.color.piercing, :root .damage.color.slashing {
  709. background-color: var(--color-bg-physical);
  710. border-color: var(--color-border-physical);
  711. color: var(--color-text-physical);
  712. }
  713. :root .damage.color.bludgeoning i[class^=fa-], :root .damage.color.piercing i[class^=fa-], :root .damage.color.slashing i[class^=fa-] {
  714. color: var(--color-border-physical);
  715. }
  716. :root .damage.color.chaotic {
  717. background-color: var(--color-bg-chaotic);
  718. border-color: var(--color-border-chaotic);
  719. color: var(--color-text-chaotic);
  720. }
  721. :root .damage.color.chaotic i[class^=fa-] {
  722. color: var(--color-border-chaotic);
  723. }
  724. :root .damage.color.cold {
  725. background-color: var(--color-bg-cold);
  726. border-color: var(--color-border-cold);
  727. box-shadow: var(--color-border-cold);
  728. color: var(--color-text-cold);
  729. }
  730. :root .damage.color.cold i[class^=fa-] {
  731. color: var(--color-border-cold);
  732. }
  733. :root .damage.color.electricity {
  734. background-color: var(--color-bg-electricity);
  735. border-color: var(--color-border-electricity);
  736. color: var(--color-text-electricity);
  737. }
  738. :root .damage.color.electricity i[class^=fa-] {
  739. color: var(--color-border-electricity);
  740. }
  741. :root .damage.color.evil {
  742. background-color: var(--color-bg-evil);
  743. border-color: var(--color-border-evil);
  744. color: var(--color-text-evil);
  745. }
  746. :root .damage.color.evil i[class^=fa-] {
  747. color: var(--color-border-evil);
  748. }
  749. :root .damage.color.fire {
  750. background-color: var(--color-bg-fire);
  751. border-color: var(--color-border-fire);
  752. box-shadow: var(--color-border-fire);
  753. color: var(--color-text-fire);
  754. }
  755. :root .damage.color.fire i[class^=fa-] {
  756. color: var(--color-border-fire);
  757. }
  758. :root .damage.color.force {
  759. background-color: var(--color-bg-force);
  760. border-color: var(--color-border-force);
  761. color: var(--color-text-force);
  762. }
  763. :root .damage.color.force i[class^=fa-] {
  764. color: var(--color-border-force);
  765. }
  766. :root .damage.color.good {
  767. background-color: var(--color-bg-good);
  768. border-color: var(--color-border-good);
  769. color: var(--color-text-good);
  770. }
  771. :root .damage.color.good i[class^=fa-] {
  772. color: var(--color-border-good);
  773. }
  774. :root .damage.color.lawful {
  775. background-color: var(--color-bg-lawful);
  776. border-color: var(--color-border-lawful);
  777. color: var(--color-text-lawful);
  778. }
  779. :root .damage.color.lawful i[class^=fa-] {
  780. color: var(--color-border-lawful);
  781. }
  782. :root .damage.color.mental {
  783. background-color: var(--color-bg-mental);
  784. border-color: var(--color-border-mental);
  785. color: var(--color-text-mental);
  786. }
  787. :root .damage.color.mental i[class^=fa-] {
  788. color: var(--color-border-mental);
  789. }
  790. :root .damage.color.poison {
  791. background-color: var(--color-bg-poison);
  792. border-color: var(--color-border-poison);
  793. color: var(--color-text-poison);
  794. }
  795. :root .damage.color.poison i[class^=fa-] {
  796. color: var(--color-border-poison);
  797. }
  798. :root .damage.color.sonic {
  799. border-color: var(--color-border-sonic);
  800. background-color: var(--color-bg-sonic);
  801. color: var(--color-text-sonic);
  802. }
  803. :root .damage.color.sonic i[class^=fa-] {
  804. color: var(--color-border-sonic);
  805. }
  806. :root .damage.color.spirit {
  807. border-color: var(--color-border-spirit);
  808. background-color: var(--color-bg-spirit);
  809. color: var(--color-text-spirit);
  810. }
  811. :root .damage.color.spirit i[class^=fa-] {
  812. color: var(--color-border-spirit);
  813. }
  814. :root .damage.color.vitality {
  815. background-color: var(--color-bg-physical);
  816. border-color: var(--color-border-vitality);
  817. color: var(--color-text-vitality);
  818. text-shadow: 1px 1px var(--color-text-dark-1);
  819. }
  820. :root .damage.color.vitality i[class^=fa-] {
  821. color: var(--color-border-vitality);
  822. }
  823. :root .damage.color.void {
  824. background-color: var(--color-bg-void);
  825. border-color: var(--color-border-void);
  826. color: var(--color-border-void);
  827. }
  828. :root .damage.color.void i[class^=fa-] {
  829. color: var(--color-border-void);
  830. }
  831. @keyframes fadein {
  832. from {
  833. opacity: 0;
  834. }
  835. to {
  836. opacity: 1;
  837. }
  838. }
  839. /**
  840. * Legacy is for the old css unrelated
  841. * to the current design (crb-style).
  842. * Only use the legacy folder if you need
  843. * to make changes to the old css.
  844. *
  845. * If you're adding a new feature, put it
  846. * in the appropriate folder in src/styles.
  847. * Just make sure to update the relevant
  848. * _index.scss so that it will get compiled.
  849. *
  850. */
  851. :root {
  852. --primary-background: #454a7c;
  853. --secondary-background: gray;
  854. --tertiary-background: #454a7c;
  855. --alternate-background: darkgray;
  856. }
  857. /* ---------------------------------------- */
  858. /* Actor Sheet */
  859. /* ---------------------------------------- */
  860. .pf2e.actor form {
  861. font-size: var(--font-size-13);
  862. height: 100%;
  863. padding: 0.25rem;
  864. }
  865. .pf2e.actor form .sheet-header {
  866. border-bottom: 1px solid var(--primary-background);
  867. display: flex;
  868. flex-direction: row;
  869. flex-wrap: wrap;
  870. flex: 0 0 100%;
  871. height: 3rem;
  872. justify-content: flex-start;
  873. }
  874. .pf2e.actor form .sheet-header > * {
  875. flex: 1;
  876. }
  877. .pf2e.actor form .sheet-header h1 {
  878. margin: 0;
  879. border: none;
  880. }
  881. .pf2e.actor form .sheet-header h1 > input {
  882. font-family: var(--serif-condensed);
  883. font-weight: 700;
  884. height: 2.5rem;
  885. width: 100%;
  886. margin: 2px;
  887. font-size: var(--font-size-36);
  888. border: none;
  889. }
  890. .pf2e.actor form .sheet-sidebar {
  891. height: calc(100% - 48px);
  892. display: flex;
  893. flex-direction: column;
  894. flex-wrap: nowrap;
  895. overflow: hidden auto;
  896. border-right: 1px solid var(--primary-background);
  897. }
  898. .pf2e.actor form .sheet-sidebar .tab {
  899. height: 100%;
  900. padding-top: 2px;
  901. overflow-y: auto;
  902. }
  903. .pf2e.actor form .sheet-sidebar > * {
  904. flex: 1;
  905. }
  906. .pf2e.actor form .sheet-sidebar .sidebar-summary {
  907. overflow-y: hidden;
  908. }
  909. .pf2e.actor form .sheet-body {
  910. height: calc(100% - 35px);
  911. overflow: hidden;
  912. display: flex;
  913. flex-direction: column;
  914. flex-wrap: nowrap;
  915. }
  916. .pf2e.actor form input[type=text], .pf2e.actor form input[type=number] {
  917. background: rgba(0, 0, 0, 0.025);
  918. border: 1px solid transparent;
  919. color: var(--color-text-dark-input);
  920. height: calc(100% - 2px);
  921. margin: 1px 0;
  922. padding: 0;
  923. width: calc(100% - 2px);
  924. }
  925. .pf2e.actor form input[type=text]:hover:not(:disabled), .pf2e.actor form input[type=text]:focus, .pf2e.actor form input[type=number]:hover:not(:disabled), .pf2e.actor form input[type=number]:focus {
  926. border: 1px solid black;
  927. box-shadow: 0 0 10px #00005a;
  928. }
  929. .pf2e.actor form label {
  930. display: block;
  931. }
  932. .pf2e.actor form .mce-panel span {
  933. display: inherit;
  934. }
  935. .pf2e.actor form.editable .rollable:hover {
  936. color: #000;
  937. text-shadow: 0 0 10px #00005a;
  938. cursor: pointer;
  939. }
  940. .pf2e.actor form .sheet-tabs {
  941. font-weight: 500;
  942. height: 30px;
  943. }
  944. .pf2e.actor form .sheet-tabs > .list-row {
  945. line-height: 2rem;
  946. padding-top: 3px;
  947. font-size: var(--font-size-12);
  948. text-align: center;
  949. }
  950. .pf2e.actor form .sheet-tabs > .list-row:last-of-type {
  951. padding-right: 4px;
  952. }
  953. .pf2e.actor form .sheet-tabs > .list-row.active {
  954. color: var(--text-dark);
  955. font-weight: 700;
  956. }
  957. .pf2e.actor form .tag-legacy {
  958. float: left;
  959. margin: 0 2px 2px 0;
  960. padding: 0 3px;
  961. font-size: var(--font-size-10);
  962. line-height: 1rem;
  963. border: 1px solid var(--color-border-light-2);
  964. border-radius: 3px;
  965. white-space: normal;
  966. font-weight: 500;
  967. }
  968. .pf2e.actor form .traits label {
  969. font-weight: bold;
  970. }
  971. .pf2e.actor form .traits select {
  972. margin: 2px 0;
  973. }
  974. .pf2e.actor form .traits .trait-perception > input {
  975. flex: 0 0 32px;
  976. text-align: center;
  977. }
  978. .pf2e.actor form .traits .tag-selector {
  979. float: right;
  980. margin-right: 3px;
  981. color: #999;
  982. font-size: var(--font-size-10);
  983. line-height: 16px;
  984. }
  985. .pf2e.actor form .inventory-header {
  986. list-style: none;
  987. margin: 0;
  988. padding: 0;
  989. }
  990. .pf2e.actor form .action-header .item-controls {
  991. flex: 0 0 44px;
  992. }
  993. .pf2e.actor form .action-header .item-controls a {
  994. display: block;
  995. float: left;
  996. width: 44px;
  997. font-size: var(--font-size-14);
  998. text-align: center;
  999. }
  1000. .pf2e.actor form .list-row.action-header .item-controls a {
  1001. display: block;
  1002. float: left;
  1003. width: 22px;
  1004. font-size: var(--font-size-10);
  1005. text-align: center;
  1006. color: #666;
  1007. }
  1008. .pf2e.actor form .action-header .item-controls a.item-create, .pf2e.actor form .action-header .item-controls a.item-delete, .pf2e.actor form .action-header .item-controls a.feat-browse, .pf2e.actor form .action-header .item-controls a.action-browse {
  1009. width: 100%;
  1010. color: #fff;
  1011. background: var(--primary-background);
  1012. }
  1013. /* ----------------------------------------- */
  1014. /* Item Buttons */
  1015. /* ----------------------------------------- */
  1016. .pf2e.sheet .item-buttons button {
  1017. font-size: var(--font-size-10);
  1018. line-height: 12px;
  1019. margin: 0;
  1020. }
  1021. .pf2e.sheet .item-buttons > span {
  1022. padding: 0;
  1023. }
  1024. li.list-row.hover-container {
  1025. background-color: #aaa !important;
  1026. }
  1027. .dice-total-shield-btn.shield-activated {
  1028. background-color: #333;
  1029. color: var(--text-light);
  1030. }
  1031. .recall-knowledge-table th {
  1032. padding: 5px 8px;
  1033. }
  1034. .recall-knowledge-table td {
  1035. text-align: center;
  1036. padding: 5px 8px;
  1037. }
  1038. .recall-knowledge-table td:first-child {
  1039. text-align: right;
  1040. }
  1041. .recall-knowledge-table th:first-child {
  1042. text-align: right;
  1043. }
  1044. button:hover::not(:disabled) {
  1045. box-shadow: 0 0 3px #c00;
  1046. }
  1047. button:disabled {
  1048. color: #666;
  1049. }
  1050. button:active {
  1051. box-shadow: 0 0 5px red;
  1052. }
  1053. .app.tag-selector {
  1054. max-height: 700px;
  1055. }
  1056. /* ----------------------------------------- */
  1057. /* Item Card Structure */
  1058. /* ----------------------------------------- */
  1059. .pf2e.chat-card {
  1060. font-style: normal;
  1061. }
  1062. .pf2e.chat-card .card-header {
  1063. padding: 2px 0;
  1064. border-top: 2px groove #fff;
  1065. border-bottom: 2px groove #fff;
  1066. align-items: center;
  1067. min-height: 36px;
  1068. }
  1069. .pf2e.chat-card .card-header img {
  1070. flex: 0 0 36px;
  1071. margin-right: 5px;
  1072. height: 36px;
  1073. width: 36px;
  1074. }
  1075. .pf2e.chat-card .card-header h3 {
  1076. border-bottom: none;
  1077. flex: 1;
  1078. margin: 0;
  1079. }
  1080. .pf2e.chat-card .card-header h4 {
  1081. flex: 0;
  1082. margin: 0 5px 0 0;
  1083. white-space: nowrap;
  1084. }
  1085. .pf2e.chat-card .tags {
  1086. margin: 3px 0 0;
  1087. }
  1088. .pf2e.chat-card .card-content {
  1089. margin: 4px 0;
  1090. }
  1091. .pf2e.chat-card .card-content p {
  1092. margin: 4px 0;
  1093. min-height: unset;
  1094. }
  1095. .pf2e.chat-card .card-buttons {
  1096. display: flex;
  1097. flex-basis: 100%;
  1098. flex-direction: column;
  1099. margin: 4px 0;
  1100. }
  1101. .pf2e.chat-card .card-buttons button {
  1102. margin: 2px 0;
  1103. }
  1104. .pf2e.chat-card .card-buttons button.with-image {
  1105. display: flex;
  1106. align-items: center;
  1107. justify-content: center;
  1108. }
  1109. .pf2e.chat-card .card-buttons button.with-image img {
  1110. border: none;
  1111. height: 2em;
  1112. margin-right: 0.5em;
  1113. }
  1114. .pf2e.chat-card .card-buttons button span {
  1115. border: none;
  1116. }
  1117. .pf2e.chat-card .card-buttons .owner-buttons {
  1118. display: flex;
  1119. flex-basis: 100%;
  1120. flex-direction: column;
  1121. }
  1122. .pf2e.chat-card .card-buttons .spell-attack-buttons,
  1123. .pf2e.chat-card .card-buttons .spell-button {
  1124. display: flex;
  1125. flex-direction: row;
  1126. }
  1127. .pf2e.chat-card .card-buttons .spell-attack-buttons *,
  1128. .pf2e.chat-card .card-buttons .spell-button * {
  1129. flex-grow: 1;
  1130. flex-basis: 0;
  1131. }
  1132. .pf2e.chat-card .card-buttons .spell-attack-buttons :first-child,
  1133. .pf2e.chat-card .card-buttons .spell-button :first-child {
  1134. flex-grow: 2;
  1135. }
  1136. .pf2e.chat-card .card-buttons .spell-button button.small {
  1137. flex-grow: 0;
  1138. }
  1139. .pf2e.chat-card .card-buttons .spell-button button.small > i {
  1140. margin-right: 0;
  1141. }
  1142. .pf2e.chat-card .card-buttons .hidden-to-others {
  1143. background: var(--visibility-gm-bg);
  1144. }
  1145. .pf2e.chat-card .card-footer {
  1146. padding: 3px 0 0;
  1147. border-top: 2px groove #fff;
  1148. }
  1149. .pf2e.chat-card .card-footer span {
  1150. border-right: 2px groove #fff;
  1151. padding: 0 5px 0 0;
  1152. font-size: var(--font-size-12);
  1153. }
  1154. .pf2e.chat-card .card-footer span:last-child {
  1155. border-right: none;
  1156. padding-right: 0;
  1157. }
  1158. .pf2e.chat-card .card-buttons-multiattack {
  1159. display: grid;
  1160. grid-template-columns: auto 40px 40px;
  1161. grid-column-gap: 4px;
  1162. }
  1163. .pf2e.chat-card .card-buttons-two-column {
  1164. display: grid;
  1165. grid-template-columns: 1fr 1fr;
  1166. grid-column-gap: 4px;
  1167. }
  1168. /* This is the core CSS of Tooltipster */
  1169. /* GENERAL STRUCTURE RULES (do not edit this section) */
  1170. .tooltipster-base {
  1171. /* this ensures that a constrained height set by functionPosition,
  1172. if greater that the natural height of the tooltip, will be enforced
  1173. in browsers that support display:flex */
  1174. display: flex;
  1175. pointer-events: none;
  1176. /* this may be overriden in JS for fixed position origins */
  1177. position: absolute;
  1178. }
  1179. .tooltipster-box {
  1180. /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  1181. and flex-basis auto for IE11- (at least) */
  1182. flex: 1 1 auto;
  1183. }
  1184. .tooltipster-content {
  1185. /* prevents an overflow if the user adds padding to the div */
  1186. box-sizing: border-box;
  1187. /* these make sure we'll be able to detect any overflow */
  1188. max-height: 100%;
  1189. max-width: 100%;
  1190. overflow: auto;
  1191. }
  1192. .tooltipster-ruler {
  1193. /* these let us test the size of the tooltip without overflowing the window */
  1194. bottom: 0;
  1195. left: 0;
  1196. overflow: hidden;
  1197. position: fixed;
  1198. right: 0;
  1199. top: 0;
  1200. visibility: hidden;
  1201. }
  1202. /* ANIMATIONS */
  1203. /* Open/close animations */
  1204. /* fade */
  1205. .tooltipster-fade {
  1206. opacity: 0;
  1207. -webkit-transition-property: opacity;
  1208. -moz-transition-property: opacity;
  1209. -o-transition-property: opacity;
  1210. -ms-transition-property: opacity;
  1211. transition-property: opacity;
  1212. }
  1213. .tooltipster-fade.tooltipster-show {
  1214. opacity: 1;
  1215. }
  1216. /* grow */
  1217. .tooltipster-grow {
  1218. -webkit-transform: scale(0, 0);
  1219. -moz-transform: scale(0, 0);
  1220. -o-transform: scale(0, 0);
  1221. -ms-transform: scale(0, 0);
  1222. transform: scale(0, 0);
  1223. -webkit-transition-property: -webkit-transform;
  1224. -moz-transition-property: -moz-transform;
  1225. -o-transition-property: -o-transform;
  1226. -ms-transition-property: -ms-transform;
  1227. transition-property: transform;
  1228. -webkit-backface-visibility: hidden;
  1229. backface-visibility: hidden;
  1230. }
  1231. .tooltipster-grow.tooltipster-show {
  1232. -webkit-transform: scale(1, 1);
  1233. -moz-transform: scale(1, 1);
  1234. -o-transform: scale(1, 1);
  1235. -ms-transform: scale(1, 1);
  1236. transform: scale(1, 1);
  1237. -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  1238. -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  1239. -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  1240. -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  1241. -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  1242. transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  1243. }
  1244. /* swing */
  1245. .tooltipster-swing {
  1246. opacity: 0;
  1247. -webkit-transform: rotateZ(4deg);
  1248. -moz-transform: rotateZ(4deg);
  1249. -o-transform: rotateZ(4deg);
  1250. -ms-transform: rotateZ(4deg);
  1251. transform: rotateZ(4deg);
  1252. -webkit-transition-property: -webkit-transform, opacity;
  1253. -moz-transition-property: -moz-transform;
  1254. -o-transition-property: -o-transform;
  1255. -ms-transition-property: -ms-transform;
  1256. transition-property: transform;
  1257. }
  1258. .tooltipster-swing.tooltipster-show {
  1259. opacity: 1;
  1260. -webkit-transform: rotateZ(0deg);
  1261. -moz-transform: rotateZ(0deg);
  1262. -o-transform: rotateZ(0deg);
  1263. -ms-transform: rotateZ(0deg);
  1264. transform: rotateZ(0deg);
  1265. -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  1266. -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  1267. -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  1268. -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  1269. -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  1270. transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  1271. }
  1272. /* fall */
  1273. .tooltipster-fall {
  1274. -webkit-transition-property: top;
  1275. -moz-transition-property: top;
  1276. -o-transition-property: top;
  1277. -ms-transition-property: top;
  1278. transition-property: top;
  1279. -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  1280. -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  1281. -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  1282. -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  1283. -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  1284. transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  1285. }
  1286. .tooltipster-fall.tooltipster-initial {
  1287. top: 0 !important;
  1288. }
  1289. .tooltipster-fall.tooltipster-dying {
  1290. -webkit-transition-property: all;
  1291. -moz-transition-property: all;
  1292. -o-transition-property: all;
  1293. -ms-transition-property: all;
  1294. transition-property: all;
  1295. top: 0 !important;
  1296. opacity: 0;
  1297. }
  1298. /* slide */
  1299. .tooltipster-slide {
  1300. -webkit-transition-property: left;
  1301. -moz-transition-property: left;
  1302. -o-transition-property: left;
  1303. -ms-transition-property: left;
  1304. transition-property: left;
  1305. -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  1306. -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  1307. -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  1308. -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  1309. -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  1310. transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  1311. }
  1312. .tooltipster-slide.tooltipster-initial {
  1313. left: -40px !important;
  1314. }
  1315. .tooltipster-slide.tooltipster-dying {
  1316. -webkit-transition-property: all;
  1317. -moz-transition-property: all;
  1318. -o-transition-property: all;
  1319. -ms-transition-property: all;
  1320. transition-property: all;
  1321. left: 0 !important;
  1322. opacity: 0;
  1323. }
  1324. /* Update animations */
  1325. /* We use animations rather than transitions here because
  1326. transition durations may be specified in the style tag due to
  1327. animationDuration, and we try to avoid collisions and the use
  1328. of !important */
  1329. /* fade */
  1330. @keyframes tooltipster-fading {
  1331. 0% {
  1332. opacity: 0;
  1333. }
  1334. 100% {
  1335. opacity: 1;
  1336. }
  1337. }
  1338. .tooltipster-update-fade {
  1339. animation: tooltipster-fading 400ms;
  1340. }
  1341. /* rotate */
  1342. @keyframes tooltipster-rotating {
  1343. 25% {
  1344. transform: rotate(-2deg);
  1345. }
  1346. 75% {
  1347. transform: rotate(2deg);
  1348. }
  1349. 100% {
  1350. transform: rotate(0);
  1351. }
  1352. }
  1353. .tooltipster-update-rotate {
  1354. animation: tooltipster-rotating 600ms;
  1355. }
  1356. /* scale */
  1357. @keyframes tooltipster-scaling {
  1358. 50% {
  1359. transform: scale(1.1);
  1360. }
  1361. 100% {
  1362. transform: scale(1);
  1363. }
  1364. }
  1365. .tooltipster-update-scale {
  1366. animation: tooltipster-scaling 600ms;
  1367. }
  1368. /**
  1369. * DEFAULT STYLE OF THE SIDETIP PLUGIN
  1370. *
  1371. * All styles are "namespaced" with .tooltipster-sidetip to prevent
  1372. * conflicts between plugins.
  1373. */
  1374. /* .tooltipster-box */
  1375. .tooltipster-sidetip .tooltipster-box {
  1376. background: #565656;
  1377. border: 2px solid black;
  1378. border-radius: 4px;
  1379. }
  1380. .tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  1381. margin-top: 8px;
  1382. }
  1383. .tooltipster-sidetip.tooltipster-left .tooltipster-box {
  1384. margin-right: 8px;
  1385. }
  1386. .tooltipster-sidetip.tooltipster-right .tooltipster-box {
  1387. margin-left: 8px;
  1388. }
  1389. .tooltipster-sidetip.tooltipster-top .tooltipster-box {
  1390. margin-bottom: 8px;
  1391. }
  1392. /* .tooltipster-content */
  1393. .tooltipster-sidetip .tooltipster-content {
  1394. color: var(--text-light);
  1395. line-height: 18px;
  1396. padding: 6px 14px;
  1397. }
  1398. /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
  1399. corresponds to the arrow we want to display */
  1400. .tooltipster-sidetip .tooltipster-arrow {
  1401. overflow: hidden;
  1402. position: absolute;
  1403. }
  1404. .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  1405. height: 10px;
  1406. /* half the width, for centering */
  1407. margin-left: -10px;
  1408. top: 0;
  1409. width: 20px;
  1410. }
  1411. .tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  1412. height: 20px;
  1413. margin-top: -10px;
  1414. right: 0;
  1415. /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  1416. been positioned yet */
  1417. top: 0;
  1418. width: 10px;
  1419. }
  1420. .tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  1421. height: 20px;
  1422. margin-top: -10px;
  1423. left: 0;
  1424. /* same as .tooltipster-left .tooltipster-arrow */
  1425. top: 0;
  1426. width: 10px;
  1427. }
  1428. .tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  1429. bottom: 0;
  1430. height: 10px;
  1431. margin-left: -10px;
  1432. width: 20px;
  1433. }
  1434. /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
  1435. .tooltipster-sidetip .tooltipster-arrow-background,
  1436. .tooltipster-sidetip .tooltipster-arrow-border {
  1437. height: 0;
  1438. position: absolute;
  1439. width: 0;
  1440. }
  1441. /* .tooltipster-arrow-background */
  1442. .tooltipster-sidetip .tooltipster-arrow-background {
  1443. border: 10px solid transparent;
  1444. }
  1445. .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  1446. border-bottom-color: #565656;
  1447. left: 0;
  1448. top: 3px;
  1449. }
  1450. .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  1451. border-left-color: #565656;
  1452. left: -3px;
  1453. top: 0;
  1454. }
  1455. .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  1456. border-right-color: #565656;
  1457. left: 3px;
  1458. top: 0;
  1459. }
  1460. .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  1461. border-top-color: #565656;
  1462. left: 0;
  1463. top: -3px;
  1464. }
  1465. /* .tooltipster-arrow-border */
  1466. .tooltipster-sidetip .tooltipster-arrow-border {
  1467. border: 10px solid transparent;
  1468. left: 0;
  1469. top: 0;
  1470. }
  1471. .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  1472. border-bottom-color: black;
  1473. }
  1474. .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  1475. border-left-color: black;
  1476. }
  1477. .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  1478. border-right-color: black;
  1479. }
  1480. .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  1481. border-top-color: black;
  1482. }
  1483. /* tooltipster-arrow-uncropped */
  1484. .tooltipster-sidetip .tooltipster-arrow-uncropped {
  1485. position: relative;
  1486. }
  1487. .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  1488. top: -10px;
  1489. }
  1490. .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  1491. left: -10px;
  1492. }
  1493. @-webkit-keyframes wobble {
  1494. from {
  1495. -webkit-transform: translate3d(0, 0, 0);
  1496. transform: translate3d(0, 0, 0);
  1497. }
  1498. 15% {
  1499. -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  1500. transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  1501. }
  1502. 30% {
  1503. -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  1504. transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  1505. }
  1506. 45% {
  1507. -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  1508. transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  1509. }
  1510. 60% {
  1511. -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  1512. transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  1513. }
  1514. 75% {
  1515. -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  1516. transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  1517. }
  1518. to {
  1519. -webkit-transform: translate3d(0, 0, 0);
  1520. transform: translate3d(0, 0, 0);
  1521. }
  1522. }
  1523. @keyframes wobble {
  1524. from {
  1525. -webkit-transform: translate3d(0, 0, 0);
  1526. transform: translate3d(0, 0, 0);
  1527. }
  1528. 15% {
  1529. -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  1530. transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  1531. }
  1532. 30% {
  1533. -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  1534. transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  1535. }
  1536. 45% {
  1537. -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  1538. transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  1539. }
  1540. 60% {
  1541. -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  1542. transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  1543. }
  1544. 75% {
  1545. -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  1546. transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  1547. }
  1548. to {
  1549. -webkit-transform: translate3d(0, 0, 0);
  1550. transform: translate3d(0, 0, 0);
  1551. }
  1552. }
  1553. @keyframes rotation {
  1554. from {
  1555. -webkit-transform: rotate(0deg);
  1556. }
  1557. to {
  1558. -webkit-transform: rotate(359deg);
  1559. }
  1560. }
  1561. /* ----------------------------------------- */
  1562. /* Animation */
  1563. /* ----------------------------------------- */
  1564. :root {
  1565. --animate-duration: 1s;
  1566. --animate-delay: 1s;
  1567. --animate-repeat: 1;
  1568. }
  1569. /* ----------------------------------------- */
  1570. /* Layout */
  1571. /* ----------------------------------------- */
  1572. /** A vertical rule in a flexbox */
  1573. hr.vr {
  1574. border: 1px inset;
  1575. height: 1.25em;
  1576. margin: 1px 2px;
  1577. }
  1578. /* ----------------------------------------- */
  1579. /* Typography */
  1580. /* ----------------------------------------- */
  1581. .pf2e,
  1582. .app.sheet.actor {
  1583. font-family: var(--sans-serif);
  1584. }
  1585. .pf2e h1,
  1586. .pf2e h2,
  1587. .pf2e h3,
  1588. .pf2e h4,
  1589. .app.sheet.actor h1,
  1590. .app.sheet.actor h2,
  1591. .app.sheet.actor h3,
  1592. .app.sheet.actor h4 {
  1593. font-weight: 600;
  1594. }
  1595. .pf2e.sheet form span.pf2-icon,
  1596. .pf2e.sheet form span[data-pf2-action],
  1597. .pf2e.sheet form span[data-pf2-action] *,
  1598. .pf2e.sheet form span[data-pf2-check],
  1599. .pf2e.sheet form span[data-pf2-check] *,
  1600. .pf2-icon {
  1601. display: inline;
  1602. }
  1603. .pf2e.sheet form span.pf2-icon,
  1604. .pf2-icon {
  1605. font-family: "Pathfinder2eActions", sans-serif;
  1606. }
  1607. section.roll-note,
  1608. p.compact-text {
  1609. display: inline-block;
  1610. font-weight: normal;
  1611. line-height: 1.4em;
  1612. margin: 0.25em 0;
  1613. min-height: 1rem;
  1614. width: 100%;
  1615. }
  1616. .action-glyph {
  1617. align-self: center;
  1618. display: inline;
  1619. font-family: "Pathfinder2eActions", sans-serif;
  1620. letter-spacing: 0;
  1621. margin: 0;
  1622. padding: 0;
  1623. }
  1624. /* ----------------------------------------- */
  1625. /* Styled table */
  1626. /* ----------------------------------------- */
  1627. table.pf2-table {
  1628. border: solid 1px #000000;
  1629. border-collapse: collapse;
  1630. font-size: var(--font-size-13);
  1631. color: #191813;
  1632. user-select: text;
  1633. }
  1634. table.pf2-table thead,
  1635. table.pf2-table tbody,
  1636. table.pf2-table tr,
  1637. table.pf2-table th,
  1638. table.pf2-table td {
  1639. box-sizing: border-box;
  1640. user-select: text;
  1641. }
  1642. table.pf2-table tr:nth-child(odd) {
  1643. background-color: #eee5c8;
  1644. }
  1645. table.pf2-table tr:nth-child(even) {
  1646. background-color: #f6f1e1;
  1647. }
  1648. table.pf2-table th {
  1649. color: var(--text-light);
  1650. font-weight: bold;
  1651. background-color: #522e2c;
  1652. }
  1653. table.pf2-table th,
  1654. table.pf2-table td {
  1655. border: solid 1px #808080;
  1656. padding: 6px 15px;
  1657. text-align: center;
  1658. }
  1659. a.foundry-href {
  1660. color: var(--primary);
  1661. font-weight: 500;
  1662. text-decoration: underline;
  1663. }
  1664. a.content-link {
  1665. line-height: 1.6em;
  1666. }
  1667. a.content-link:has(i.fa-sparkles) {
  1668. font-style: italic;
  1669. }
  1670. #tooltip a.content-link {
  1671. color: var(--color-text-dark-primary);
  1672. }
  1673. .inline-roll.altered {
  1674. color: var(--color-text-dark-improved);
  1675. }
  1676. /* ----------------------------------------- */
  1677. /* PF2E Action Custom Element */
  1678. /* ----------------------------------------- */
  1679. span[data-pf2-action] {
  1680. background: var(--inline-link-bg);
  1681. border-radius: 2px;
  1682. border: 1px solid var(--color-border-dark-tertiary);
  1683. box-sizing: border-box;
  1684. color: var(--color-text-dark-primary);
  1685. line-height: 1.6em;
  1686. padding: 1px 4px;
  1687. white-space: nowrap;
  1688. word-break: break-all;
  1689. cursor: pointer;
  1690. }
  1691. span[data-pf2-action] > i.icon {
  1692. color: var(--color-text-dark-inactive);
  1693. margin-right: 0.25em;
  1694. }
  1695. span[data-pf2-action][data-pf2-glyph]::before {
  1696. font-family: "Pathfinder2eActions";
  1697. margin-right: 2px;
  1698. color: var(--color-text-dark-inactive);
  1699. }
  1700. span[data-pf2-action]:not([data-pf2-glyph])::before, span[data-pf2-action][data-pf2-glyph=""]::before {
  1701. display: inline-block;
  1702. height: 15px;
  1703. width: 15px;
  1704. background-image: url("../icons/actions/Passive.webp");
  1705. background-repeat: no-repeat;
  1706. background-size: 15px 15px;
  1707. opacity: 0.4;
  1708. margin-bottom: -3px;
  1709. margin-right: 2px;
  1710. content: "";
  1711. }
  1712. span[data-pf2-action][data-pf2-glyph=A]::before, span[data-pf2-action][data-pf2-glyph=a]::before, span[data-pf2-action][data-pf2-glyph="1"]::before {
  1713. content: "A";
  1714. }
  1715. span[data-pf2-action][data-pf2-glyph=D]::before, span[data-pf2-action][data-pf2-glyph=d]::before, span[data-pf2-action][data-pf2-glyph="2"]::before {
  1716. content: "D";
  1717. }
  1718. span[data-pf2-action][data-pf2-glyph=T]::before, span[data-pf2-action][data-pf2-glyph=t]::before, span[data-pf2-action][data-pf2-glyph="3"]::before {
  1719. content: "T";
  1720. }
  1721. span[data-pf2-action][data-pf2-glyph=F]::before, span[data-pf2-action][data-pf2-glyph=f]::before {
  1722. content: "F";
  1723. }
  1724. span[data-pf2-action][data-pf2-glyph=R]::before, span[data-pf2-action][data-pf2-glyph=r]::before {
  1725. content: "R";
  1726. }
  1727. /* ----------------------------------------- */
  1728. /* PF2E Check Custom Element */
  1729. /* ----------------------------------------- */
  1730. a.inline-check,
  1731. span[data-pf2-check] {
  1732. background: var(--inline-link-bg);
  1733. border-radius: 2px;
  1734. border: 1px solid var(--color-border-dark-tertiary);
  1735. box-sizing: border-box;
  1736. color: var(--color-text-dark-primary);
  1737. line-height: 1.6em;
  1738. padding: 1px 4px;
  1739. white-space: nowrap;
  1740. word-break: break-all;
  1741. }
  1742. a.inline-check > i.icon,
  1743. span[data-pf2-check] > i.icon {
  1744. color: var(--color-text-dark-inactive);
  1745. margin-right: 0.25em;
  1746. }
  1747. a.inline-check:has([data-pf2-repost]),
  1748. span[data-pf2-check]:has([data-pf2-repost]) {
  1749. padding-right: 0;
  1750. }
  1751. a.inline-check:hover,
  1752. span[data-pf2-check]:hover {
  1753. text-shadow: none;
  1754. }
  1755. a.inline-check:has(.label:hover, i.fa-dice-d20:hover),
  1756. span[data-pf2-check]:has(.label:hover, i.fa-dice-d20:hover) {
  1757. text-shadow: 0 0 8px var(--color-shadow-primary);
  1758. }
  1759. a.inline-check > i.icon:has(+ span.label > :first-child:is([data-visibility=gm])),
  1760. span[data-pf2-check] > i.icon:has(+ span.label > :first-child:is([data-visibility=gm])) {
  1761. margin-right: 0.25em;
  1762. }
  1763. a.inline-check[data-pf2-traits*=secret],
  1764. span[data-pf2-check][data-pf2-traits*=secret] {
  1765. background: var(--blind-roll);
  1766. border-color: #720073;
  1767. }
  1768. a.inline-check[data-invalid],
  1769. span[data-pf2-check][data-invalid] {
  1770. background: rgba(255, 0, 0, 0.05);
  1771. border: 1px dashed red;
  1772. }
  1773. /* ----------------------------------------- */
  1774. /* PF2E Inline Template Custom Element */
  1775. /* ----------------------------------------- */
  1776. span[data-pf2-effect-area] {
  1777. background: var(--inline-link-bg);
  1778. border-radius: 2px;
  1779. border: 1px solid var(--color-border-dark-tertiary);
  1780. box-sizing: border-box;
  1781. color: var(--color-text-dark-primary);
  1782. line-height: 1.6em;
  1783. padding: 1px 4px;
  1784. white-space: nowrap;
  1785. word-break: break-all;
  1786. cursor: pointer;
  1787. padding-right: 0;
  1788. }
  1789. span[data-pf2-effect-area] > i.icon {
  1790. color: var(--color-text-dark-inactive);
  1791. margin-right: 0.25em;
  1792. }
  1793. span[data-pf2-effect-area]::before {
  1794. color: var(--color-text-dark-inactive);
  1795. font-family: "Font Awesome 5 Free";
  1796. font-weight: 900;
  1797. margin-right: 0.25em;
  1798. }
  1799. span[data-pf2-effect-area][data-pf2-effect-area=cone]::before {
  1800. content: "\f104";
  1801. }
  1802. span[data-pf2-effect-area][data-pf2-effect-area=line]::before {
  1803. content: "\f7a5";
  1804. }
  1805. span[data-pf2-effect-area][data-pf2-effect-area=burst]::before {
  1806. content: "\f111";
  1807. }
  1808. span[data-pf2-effect-area][data-pf2-effect-area=emanation]::before {
  1809. content: "\f192";
  1810. }
  1811. span[data-pf2-effect-area][data-pf2-effect-area=rect]::before {
  1812. content: "\f0c8";
  1813. }
  1814. /* ----------------------------------------- */
  1815. /* PF2E Inline Repost Element */
  1816. /* ----------------------------------------- */
  1817. i[data-pf2-repost] {
  1818. transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  1819. background: var(--inline-repost-bg);
  1820. color: var(--color-text-dark-inactive);
  1821. border-left: 1px solid var(--color-border-dark-tertiary);
  1822. background: rgba(255, 255, 255, 0.6);
  1823. padding: 2px;
  1824. margin-left: 2px;
  1825. text-shadow: none;
  1826. }
  1827. i[data-pf2-repost]:hover {
  1828. color: var(--text-light);
  1829. text-shadow: 0px 0px 2px var(--text-dark);
  1830. }
  1831. [data-visibility]:not([data-visibility=all]) {
  1832. border-radius: 1px;
  1833. box-sizing: border-box;
  1834. display: inline-block;
  1835. line-height: 1em;
  1836. outline: 1px dotted rgba(75, 74, 68, 0.5);
  1837. padding: 1px;
  1838. /* ----------------------------------------- */
  1839. /* GM Visibility Elements */
  1840. /* ----------------------------------------- */
  1841. }
  1842. [data-visibility]:not([data-visibility=all])[data-visibility=gm] {
  1843. background: var(--visibility-gm-bg);
  1844. }
  1845. [data-visibility]:not([data-visibility=all])[data-visibility=gm].message-sender {
  1846. max-width: fit-content;
  1847. }
  1848. [data-visibility]:not([data-visibility=all])[data-visibility=gm] [data-visibility=gm] {
  1849. outline: none;
  1850. padding: initial;
  1851. }
  1852. /* ----------------------------------------- */
  1853. /* Forms */
  1854. /* ----------------------------------------- */
  1855. .crb-style {
  1856. display: flex;
  1857. }
  1858. .crb-style .details-label {
  1859. color: var(--primary);
  1860. font: 600 var(--font-size-11)/1em var(--sans-serif);
  1861. margin-left: 1px;
  1862. text-transform: uppercase;
  1863. white-space: nowrap;
  1864. }
  1865. .crb-style .details-input {
  1866. color: var(--text-dark);
  1867. font-family: var(--body-serif);
  1868. font-weight: bold;
  1869. width: calc(100% - 6px);
  1870. border-bottom: 1px solid var(--color-border-dark-input);
  1871. background-color: rgba(28, 28, 28, 0.1);
  1872. }
  1873. .crb-style .details-input::placeholder {
  1874. filter: opacity(0.5);
  1875. }
  1876. .crb-style .details-input:focus {
  1877. border-bottom: 1px solid var(--alt);
  1878. }
  1879. .crb-style .details-input[type=number] {
  1880. padding-bottom: 0;
  1881. padding-left: 4px;
  1882. }
  1883. .crb-style input {
  1884. border: none;
  1885. border-radius: 0;
  1886. }
  1887. .crb-style input:focus {
  1888. box-shadow: none;
  1889. }
  1890. .crb-style input:focus::placeholder {
  1891. color: transparent;
  1892. }
  1893. .crb-style input::placeholder {
  1894. color: inherit;
  1895. }
  1896. .crb-style input::-webkit-outer-spin-button, .crb-style input::-webkit-inner-spin-button {
  1897. -webkit-appearance: none;
  1898. margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
  1899. }
  1900. .crb-style input[type=number] {
  1901. -moz-appearance: textfield;
  1902. appearance: textfield;
  1903. }
  1904. .crb-style select {
  1905. -moz-appearance: none;
  1906. -webkit-appearance: none;
  1907. appearance: none;
  1908. background-color: var(--alt);
  1909. background-image: url("../assets/icons/chevron-down.svg");
  1910. background-position: right 0.25em top 50%;
  1911. background-repeat: no-repeat;
  1912. background-size: 1em auto;
  1913. border-radius: 2px;
  1914. border: 1px solid #53422a;
  1915. color: var(--text-light);
  1916. font: 500 var(--font-size-14) var(--serif);
  1917. height: auto;
  1918. line-height: 1;
  1919. padding: 0.25rem 1.1rem 0.25rem 0.25rem;
  1920. position: relative;
  1921. text-overflow: ellipsis;
  1922. }
  1923. .crb-style select:not(:disabled) {
  1924. cursor: pointer;
  1925. }
  1926. .crb-style select option {
  1927. background-color: var(--alt);
  1928. }
  1929. .crb-style .dots span {
  1930. cursor: pointer;
  1931. }
  1932. input[type=range]:disabled::-webkit-slider-runnable-track {
  1933. background: rgba(0, 0, 0, 0.1);
  1934. border: rgba(0, 0, 0, 0.1);
  1935. box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
  1936. cursor: default;
  1937. }
  1938. input[type=range]:disabled::-moz-range-track {
  1939. background: rgba(0, 0, 0, 0.1);
  1940. border: rgba(0, 0, 0, 0.1);
  1941. box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
  1942. cursor: default;
  1943. }
  1944. input[type=range]:disabled::-webkit-slider-thumb {
  1945. background: var(--color-text-light-1);
  1946. border: var(--color-text-light-1);
  1947. box-shadow: 1px 1px 1px var(--color-text-light-1), 0px 0px 1px var(--color-text-light-1);
  1948. cursor: default;
  1949. }
  1950. input[type=range]:disabled::-moz-range-thumb {
  1951. background: var(--color-text-light-1);
  1952. border: var(--color-text-light-1);
  1953. box-shadow: 1px 1px 1px var(--color-text-light-1), 0px 0px 1px var(--color-text-light-1);
  1954. cursor: default;
  1955. }
  1956. a[href]:hover {
  1957. text-shadow: 0 0 8px var(--color-text-hyperlink);
  1958. }
  1959. #loading-bar {
  1960. white-space: nowrap;
  1961. }
  1962. #tinymce {
  1963. --space-s: 0.25em;
  1964. --space-m: 0.5em;
  1965. --space-l: 1em;
  1966. --space-xl: 1.5em;
  1967. --space-2xl: 2em;
  1968. --radius: 3px;
  1969. }
  1970. #tinymce p {
  1971. min-height: unset;
  1972. }
  1973. #tinymce :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
  1974. margin-top: 1em;
  1975. }
  1976. #tinymce .inline-header {
  1977. display: flex;
  1978. align-items: center;
  1979. gap: var(--space-l);
  1980. background-color: var(--alt);
  1981. font-family: var(--sans-serif);
  1982. color: var(--text-light);
  1983. padding: 0;
  1984. font-size: 0.8em;
  1985. font-weight: 400;
  1986. border: none;
  1987. }
  1988. #tinymce .inline-header strong {
  1989. display: inline-flex;
  1990. padding: 0 var(--space-m);
  1991. background-color: var(--primary);
  1992. min-width: 15ch;
  1993. border-right: 1px solid rgba(0, 0, 0, 0.4);
  1994. box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
  1995. font-weight: 400;
  1996. }
  1997. #tinymce .inline-header + p {
  1998. margin-top: var(--space-s);
  1999. }
  2000. #tinymce .info {
  2001. background-color: var(--secondary);
  2002. padding: var(--space-m);
  2003. color: var(--text-light);
  2004. margin-left: auto;
  2005. margin-right: auto;
  2006. padding: 0;
  2007. border-radius: var(--radius);
  2008. font-family: var(--sans-serif);
  2009. padding-bottom: var(--space-m);
  2010. }
  2011. #tinymce .info > * + * {
  2012. margin-top: var(--space-m);
  2013. }
  2014. #tinymce .info + * {
  2015. margin-top: var(--space-xl);
  2016. }
  2017. #tinymce .info + #tinymce .info {
  2018. margin-top: var(--space-s);
  2019. }
  2020. #tinymce .info h4 {
  2021. font-size: 0.9em;
  2022. font-weight: 400;
  2023. line-height: 1.2;
  2024. font-family: var(--sans-serif);
  2025. border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  2026. padding: var(--space-m) var(--space-l);
  2027. position: relative;
  2028. display: flex;
  2029. align-items: center;
  2030. justify-content: space-between;
  2031. color: var(--text-light);
  2032. }
  2033. #tinymce .info h4::after {
  2034. font-family: "Font Awesome 6";
  2035. content: "\f05a";
  2036. font-weight: 900;
  2037. margin-right: var(--space-s);
  2038. }
  2039. #tinymce .info p {
  2040. font-size: 0.8em;
  2041. margin: 0;
  2042. padding: 0 var(--space-l);
  2043. }
  2044. #tinymce .info p:first-of-type {
  2045. padding-top: var(--space-m);
  2046. border-top: 1px solid rgba(255, 255, 255, 0.1);
  2047. }
  2048. #tinymce .traits {
  2049. display: flex;
  2050. flex-wrap: wrap;
  2051. padding: 0;
  2052. }
  2053. #tinymce .traits p {
  2054. display: inline-flex;
  2055. padding: 0.16rem 0.25rem;
  2056. margin: 0;
  2057. background-color: var(--primary);
  2058. border: 2px solid var(--color-border-trait);
  2059. color: var(--text-light);
  2060. font: 500 var(--font-size-10) var(--sans-serif);
  2061. text-transform: uppercase;
  2062. }
  2063. #tinymce .statblock {
  2064. font-family: var(--sans-serif-condensed);
  2065. color: var(--text-dark);
  2066. line-height: 1.2;
  2067. margin-bottom: var(--space-m);
  2068. }
  2069. #tinymce .statblock > * + * {
  2070. margin-top: var(--space-s);
  2071. margin-bottom: 0;
  2072. }
  2073. #tinymce .statblock p {
  2074. --indent: var(--space-l);
  2075. margin-left: var(--indent);
  2076. position: relative;
  2077. }
  2078. #tinymce .statblock p strong:first-of-type {
  2079. margin-left: calc(var(--indent) * -1);
  2080. }
  2081. #tinymce .statblock p .trait:first-of-type {
  2082. margin-left: calc(var(--indent) * -1 - 2px);
  2083. }
  2084. #tinymce .statblock span.pf2-icon {
  2085. line-height: 1;
  2086. }
  2087. #tinymce .statblock h1,
  2088. #tinymce .statblock h2,
  2089. #tinymce .statblock h3,
  2090. #tinymce .statblock h4 {
  2091. display: flex;
  2092. align-items: baseline;
  2093. justify-content: space-between;
  2094. border-bottom: 1px solid var(--color-border-dark);
  2095. text-transform: uppercase;
  2096. letter-spacing: -0.05em;
  2097. font-family: var(--sans-serif-condensed);
  2098. font-weight: 700;
  2099. }
  2100. #tinymce .statblock hr {
  2101. border: none;
  2102. border-bottom: 1px solid var(--color-border-dark);
  2103. }
  2104. #tinymce .message {
  2105. font-family: var(--journal-cursive);
  2106. font-size: 2em;
  2107. line-height: 1.2;
  2108. }
  2109. #tooltip.pf2e {
  2110. border-style: solid;
  2111. border-image-outset: 0;
  2112. border-width: 9px;
  2113. border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
  2114. box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  2115. background: rgba(0, 0, 0, 0.9);
  2116. font-size: var(--font-size-14);
  2117. padding: 0.25rem 0;
  2118. text-align: left;
  2119. }
  2120. #tooltip.pf2e h1,
  2121. #tooltip.pf2e h2,
  2122. #tooltip.pf2e h3 {
  2123. font-size: var(--font-size-12);
  2124. font-weight: 500;
  2125. text-align: left;
  2126. }
  2127. /* ----------------------------------------- */
  2128. /* Upstream Overrides */
  2129. /* ----------------------------------------- */
  2130. button:disabled {
  2131. cursor: default;
  2132. }
  2133. .crb-style.sheet .window-content {
  2134. background: url("../assets/sheet/background.webp") no-repeat;
  2135. background-size: cover;
  2136. }
  2137. .actors-sidebar .directory-item.actor h4 {
  2138. line-height: normal;
  2139. display: flex;
  2140. flex-direction: column;
  2141. justify-content: center;
  2142. }
  2143. .actors-sidebar .directory-item.actor .actor-level {
  2144. font-size: x-small;
  2145. color: var(--color-text-light-primary);
  2146. }
  2147. .actors-sidebar ol.party-list {
  2148. list-style-type: none;
  2149. margin: 0 0 0.25rem 0;
  2150. padding: 0;
  2151. position: relative;
  2152. }
  2153. .actors-sidebar li.folder-like {
  2154. border-top: none;
  2155. border-bottom: none;
  2156. }
  2157. .actors-sidebar li.folder-like > header {
  2158. border-bottom: 1px solid var(--color-border-dark);
  2159. border-top: 1px solid var(--color-border-dark);
  2160. display: flex;
  2161. line-height: 1.5rem;
  2162. padding: 6px;
  2163. }
  2164. .actors-sidebar li.folder-like > header .icon {
  2165. cursor: pointer;
  2166. font-size: var(--font-size-16);
  2167. }
  2168. .actors-sidebar li.folder-like > header .left-control > i {
  2169. margin: 0 0.5em 0 0.25em;
  2170. text-align: center;
  2171. }
  2172. .actors-sidebar li.folder-like > header h3 {
  2173. display: block;
  2174. flex: 1;
  2175. font-size: var(--font-size-16);
  2176. margin: 0;
  2177. padding-left: 1px;
  2178. }
  2179. .actors-sidebar li.folder-like > header a.create-button {
  2180. flex: 0 0 20px;
  2181. margin-left: 3px;
  2182. position: relative;
  2183. text-align: center;
  2184. }
  2185. .actors-sidebar li.folder-like > header a.create-button:hover i + i {
  2186. color: var(--color-text-hyperlink);
  2187. }
  2188. .actors-sidebar li.folder-like > header a.create-button i + i {
  2189. position: absolute;
  2190. top: -2px;
  2191. right: -2px;
  2192. font-size: 0.5rem;
  2193. background: black;
  2194. color: var(--color-text-light-highlight);
  2195. padding: 1px;
  2196. border-radius: 4px;
  2197. }
  2198. .actors-sidebar li.folder-like.collapsed i.folder {
  2199. margin-right: 2px;
  2200. }
  2201. .actors-sidebar li.folder-like.collapsed .fa-folder-open::before {
  2202. content: "\f07b";
  2203. }
  2204. .actors-sidebar li.folder-like.collapsed .subdirectory {
  2205. display: none;
  2206. }
  2207. .actors-sidebar li.folder-like.droptarget > header h3 {
  2208. text-shadow: 1px 1px 3px var(--color-shadow-dark);
  2209. font-size: 1.2em;
  2210. }
  2211. .actors-sidebar li.folder-like.droptarget > header h3 i {
  2212. text-shadow: 0 0 4px var(--color-shadow-primary);
  2213. transform: scale(1.2);
  2214. }
  2215. .actors-sidebar li.folder-like.other-parties > header {
  2216. background: var(--primary-dark);
  2217. }
  2218. .actors-sidebar li.folder-like.other-parties > header h3 i {
  2219. margin-right: 6px;
  2220. }
  2221. .actors-sidebar li.folder-like.other-parties.collapsed > header h3 i {
  2222. margin-right: 8px;
  2223. }
  2224. .actors-sidebar .subdirectory .folder-like {
  2225. border-left: 1px solid var(--color-border-dark-1);
  2226. }
  2227. .actors-sidebar .subdirectory .folder-like > header {
  2228. background: var(--primary-darker);
  2229. }
  2230. .actors-sidebar .party:not(.activated) .party-header {
  2231. background: var(--primary-darker);
  2232. padding: 2px 6px;
  2233. }
  2234. .actors-sidebar .party:not(.activated) .party-header > *:not(nav) {
  2235. opacity: 0.85;
  2236. }
  2237. .actors-sidebar .party .activate-party:hover i {
  2238. font-weight: 900;
  2239. }
  2240. .actors-sidebar .party.activated .party-header {
  2241. background: var(--primary);
  2242. }
  2243. .actors-sidebar .party .blank {
  2244. line-height: 2.375em;
  2245. padding: 0 0.5rem;
  2246. }
  2247. .directory-item.item img.thumbnail {
  2248. object-fit: contain;
  2249. }
  2250. .directory-item.item h4 {
  2251. line-height: normal;
  2252. display: flex;
  2253. flex-direction: column;
  2254. justify-content: center;
  2255. }
  2256. .directory-item.item .item-level {
  2257. font-size: x-small;
  2258. color: var(--color-text-light-primary);
  2259. }
  2260. .roll-inspector .window-content {
  2261. overflow: hidden;
  2262. }
  2263. .roll-inspector .content {
  2264. display: grid;
  2265. gap: 1em;
  2266. grid-template: auto 1fr/2fr 50%;
  2267. height: 100%;
  2268. }
  2269. .roll-inspector .summary {
  2270. grid-column: span 2;
  2271. }
  2272. .roll-inspector .summary .type {
  2273. display: flex;
  2274. align-items: baseline;
  2275. gap: 2px;
  2276. }
  2277. .roll-inspector .summary .tags.domains {
  2278. justify-items: end;
  2279. margin-top: 4px;
  2280. }
  2281. .roll-inspector .summary .tags.domains .tag {
  2282. font-size: var(--font-size-12);
  2283. font-weight: normal;
  2284. text-transform: none;
  2285. user-select: all;
  2286. }
  2287. .roll-inspector .roll-options,
  2288. .roll-inspector .modifiers {
  2289. display: flex;
  2290. flex-direction: column;
  2291. overflow: hidden;
  2292. }
  2293. .roll-inspector .roll-options .filter {
  2294. margin-bottom: 0.25em;
  2295. }
  2296. .roll-inspector .roll-options > ul {
  2297. margin: 0;
  2298. padding: 0;
  2299. border-radius: 3px;
  2300. border: 1px solid var(--color-border-dark-tertiary);
  2301. height: 100%;
  2302. list-style-type: none;
  2303. overflow: hidden scroll;
  2304. white-space: nowrap;
  2305. }
  2306. .roll-inspector .roll-options > ul li {
  2307. line-height: 1.5em;
  2308. overflow-x: hidden;
  2309. padding-left: 5px;
  2310. text-overflow: ellipsis;
  2311. user-select: text;
  2312. }
  2313. .roll-inspector .roll-options > ul li:nth-child(even of :not([hidden])) {
  2314. background-color: rgba(0, 0, 0, 0.0666666667);
  2315. }
  2316. .roll-inspector .modifiers {
  2317. grid-area: "modifiers";
  2318. }
  2319. .roll-inspector .modifier-list {
  2320. display: flex;
  2321. flex-direction: column;
  2322. flex: 1 0 0;
  2323. gap: 4px;
  2324. overflow: hidden scroll;
  2325. }
  2326. .roll-inspector .modifier-list .modifier {
  2327. border: 1px solid black;
  2328. border-radius: 3px;
  2329. padding: 4px;
  2330. }
  2331. .roll-inspector .modifier-list .modifier.disabled {
  2332. border-style: dashed;
  2333. opacity: 0.6;
  2334. }
  2335. .roll-inspector .modifier-list .modifier h4 {
  2336. font-size: 1.1em;
  2337. margin-bottom: 0.37em;
  2338. }
  2339. .roll-inspector .modifier-list .modifier > div {
  2340. display: flex;
  2341. justify-content: space-between;
  2342. align-items: baseline;
  2343. }
  2344. .chat-message.emote > .message-content {
  2345. font-style: italic;
  2346. }
  2347. .chat-message.emote > .message-content p.action-content {
  2348. display: flex;
  2349. align-items: center;
  2350. font-weight: normal;
  2351. }
  2352. .chat-message.emote > .message-content p.action-content img {
  2353. height: 2.33em;
  2354. width: 2.33em;
  2355. float: left;
  2356. margin-right: 0.5em;
  2357. }
  2358. .chat-message.emote > .message-content hr.action-divider {
  2359. margin: 0;
  2360. }
  2361. .chat-message > .message-header .flavor-text h4.action {
  2362. line-height: 1.5em;
  2363. margin: 0;
  2364. }
  2365. .chat-message > .message-header .flavor-text h4.action > strong {
  2366. font-weight: 600;
  2367. }
  2368. .chat-message > .message-content > .description {
  2369. margin-bottom: 0rem;
  2370. position: relative;
  2371. }
  2372. .chat-message > .message-content > .description a.preview {
  2373. height: 4.5ch;
  2374. display: block;
  2375. -webkit-mask-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0));
  2376. mask-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0));
  2377. overflow: hidden;
  2378. position: relative;
  2379. z-index: 2;
  2380. }
  2381. .chat-message > .message-content > .description a.preview:hover {
  2382. text-shadow: none;
  2383. }
  2384. .chat-message > .message-content > .description a.preview:hover + .shadow {
  2385. box-shadow: 0 1px 6px var(--color-shadow-primary);
  2386. clip-path: polygon(0 0, 100% 0, 100% 200%, 0 200%);
  2387. width: 100%;
  2388. }
  2389. .chat-message > .message-content > .description .shadow {
  2390. border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  2391. height: 6px;
  2392. position: relative;
  2393. top: -6px;
  2394. z-index: 1;
  2395. }
  2396. .chat-message > .message-content .message-buttons {
  2397. display: flex;
  2398. margin: 0.35em 0 2px;
  2399. }
  2400. .chat-message > .message-content .message-buttons button {
  2401. align-items: center;
  2402. display: flex;
  2403. justify-content: center;
  2404. position: relative;
  2405. }
  2406. .chat-message > .message-content .message-buttons button .cue {
  2407. position: absolute;
  2408. right: 0.5rem;
  2409. }
  2410. .chat-message > .message-content .message-buttons button .cue i {
  2411. --fa-primary-color: var(--color-border-dark);
  2412. --fa-secondary-color: var(--primary);
  2413. --fa-secondary-opacity: 0.6;
  2414. }
  2415. .chat-message > .message-content .message-buttons:has(.effect-applied) {
  2416. align-items: center;
  2417. color: var(--color-text-dark-secondary);
  2418. font-style: italic;
  2419. height: 2.1rem;
  2420. justify-content: center;
  2421. padding-bottom: 0.1rem;
  2422. }
  2423. .chat-message > .message-header .flavor-text .target-dc-result {
  2424. line-height: 0.75rem;
  2425. margin-bottom: 4px;
  2426. }
  2427. .chat-message > .message-header .flavor-text .target-dc-result .target-dc,
  2428. .chat-message > .message-header .flavor-text .target-dc-result .result {
  2429. display: block;
  2430. margin: 1px 0;
  2431. width: fit-content;
  2432. }
  2433. .chat-message > .message-header .flavor-text .target-dc-result .unadjusted {
  2434. text-decoration: line-through;
  2435. }
  2436. .chat-message > .message-header .flavor-text .target-dc-result .adjusted {
  2437. text-decoration: underline dotted;
  2438. }
  2439. .chat-message > .message-header .flavor-text .target-dc-result .adjusted.increased {
  2440. color: rgb(0, 128, 0);
  2441. }
  2442. .chat-message > .message-header .flavor-text .target-dc-result .adjusted.decreased {
  2443. color: rgb(255, 0, 0);
  2444. }
  2445. .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .criticalSuccess {
  2446. color: rgb(0, 128, 0);
  2447. }
  2448. .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .success {
  2449. color: rgb(0, 0, 255);
  2450. }
  2451. .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .failure {
  2452. color: rgb(255, 69, 0);
  2453. }
  2454. .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .criticalFailure {
  2455. color: rgb(255, 0, 0);
  2456. }
  2457. .chat-message > .message-header .flavor-text .effect {
  2458. display: flex;
  2459. align-items: center;
  2460. column-gap: 5px;
  2461. }
  2462. .chat-message > .message-header .flavor-text .effect img {
  2463. height: 32px;
  2464. width: 32px;
  2465. }
  2466. .chat-message .message-content .damage-roll:not(:first-child) {
  2467. margin-top: 1em;
  2468. }
  2469. .chat-message .message-content .damage-roll .dice-result .dice-formula {
  2470. align-items: center;
  2471. display: flex;
  2472. flex-wrap: wrap;
  2473. gap: 0.25em;
  2474. justify-content: center;
  2475. }
  2476. .chat-message .message-content .damage-roll .dice-result .dice-formula .instance {
  2477. padding: 0 0.25em;
  2478. }
  2479. .chat-message .message-content .damage-roll .dice-result .dice-total {
  2480. flex-direction: column;
  2481. font-weight: normal;
  2482. }
  2483. .chat-message .message-content .damage-roll .dice-result .dice-total .total {
  2484. font-weight: 700;
  2485. padding: 0 2ch;
  2486. }
  2487. .chat-message .message-content .damage-roll .dice-result .dice-total .total .increased-from {
  2488. color: var(--color-text-dark-2);
  2489. font-size: var(--font-size-16);
  2490. font-weight: normal;
  2491. vertical-align: 15%;
  2492. }
  2493. .chat-message .message-content .damage-roll .dice-result .dice-total .instances {
  2494. align-items: center;
  2495. display: flex;
  2496. flex-wrap: wrap;
  2497. font-size: var(--font-size-12);
  2498. justify-content: center;
  2499. line-height: var(--font-size-12);
  2500. margin-bottom: 0.2em;
  2501. vertical-align: top;
  2502. }
  2503. .chat-message .message-content .damage-roll .dice-result .dice-total .instances .instance {
  2504. padding: 0.15em 0.25em;
  2505. }
  2506. .chat-message .message-content .damage-roll .dice-result .dice-tooltip {
  2507. display: flex;
  2508. flex-direction: column;
  2509. gap: 0.25em;
  2510. margin-bottom: 0.25em;
  2511. }
  2512. .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance {
  2513. border-radius: 2px;
  2514. border-style: solid;
  2515. border-width: 1px;
  2516. }
  2517. .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance > header {
  2518. align-items: center;
  2519. display: flex;
  2520. justify-content: space-between;
  2521. margin-bottom: 0.1em;
  2522. }
  2523. .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-formula,
  2524. .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-total {
  2525. color: var(--color-text-dark-secondary);
  2526. }
  2527. .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance > header,
  2528. .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice {
  2529. padding: 0.2em;
  2530. }
  2531. .chat-message .message-content .damage-roll .dice-result .instance {
  2532. white-space: nowrap;
  2533. }
  2534. .chat-message .message-content .damage-roll .dice-result .instance.tooltip-part > header {
  2535. background: var(--color-bg-bludgeoning);
  2536. }
  2537. .chat-message .message-content .damage-roll .dice-result .instance.tooltip-part > .dice {
  2538. text-shadow: none;
  2539. }
  2540. .chat-message .message-content .damage-roll .dice-result .instance .precision,
  2541. .chat-message .message-content .damage-roll .dice-result .instance .splash {
  2542. border-color: inherit;
  2543. border-width: 1px;
  2544. border-style: dotted;
  2545. padding: 1px 2px;
  2546. line-height: 0;
  2547. }
  2548. .chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type {
  2549. margin-bottom: 3px;
  2550. }
  2551. .chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type h3 {
  2552. text-transform: capitalize;
  2553. padding-left: 3px;
  2554. padding-right: 1px;
  2555. }
  2556. .chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type i.fa {
  2557. flex: none;
  2558. margin: 2px;
  2559. }
  2560. .chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type .dice {
  2561. margin-left: 2px;
  2562. margin-right: 2px;
  2563. }
  2564. .chat-message .message-content .damage-roll .dice-result .dice-tooltip .dice .part-header .part-flavor {
  2565. text-transform: capitalize;
  2566. }
  2567. .chat-message .message-content .damage-application {
  2568. display: flex;
  2569. justify-content: center;
  2570. margin-top: 3px;
  2571. order: 3;
  2572. }
  2573. .chat-message .message-content .damage-application button {
  2574. align-items: center;
  2575. display: flex;
  2576. flex-direction: column;
  2577. font-size: var(--font-size-18);
  2578. height: 2em;
  2579. justify-content: space-around;
  2580. line-height: unset;
  2581. padding: 0;
  2582. }
  2583. .chat-message .message-content .damage-application button.half-damage {
  2584. position: relative;
  2585. }
  2586. .chat-message .message-content .damage-application button.half-damage i.fa-heart-broken {
  2587. -moz-background-clip: text;
  2588. -moz-text-fill-color: transparent;
  2589. -webkit-background-clip: text;
  2590. -webkit-text-fill-color: transparent;
  2591. background-clip: text;
  2592. background-image: linear-gradient(to right, var(--text-dark) 50%, var(--color-text-light-6) 50%);
  2593. }
  2594. .chat-message .message-content .damage-application button > img {
  2595. border: none;
  2596. height: var(--font-size-18);
  2597. }
  2598. .chat-message .message-content .damage-application button .label {
  2599. font-size: 0.5em;
  2600. font-weight: 500;
  2601. text-transform: uppercase;
  2602. }
  2603. .chat-message .message-content .damage-application button.apply-healing .fa-stack {
  2604. font-size: 0.5em;
  2605. }
  2606. .chat-message .message-content .damage-application button.apply-healing .fa-stack i.fa-plus {
  2607. font-size: var(--font-size-11);
  2608. }
  2609. .chat-message .message-content .damage-application button.healing-only {
  2610. flex-direction: row;
  2611. justify-content: center;
  2612. gap: 0.25rem;
  2613. }
  2614. .chat-message .message-content .damage-application button.healing-only .fa-stack {
  2615. font-size: 0.5em;
  2616. }
  2617. .chat-message .message-content .damage-application button.healing-only .fa-stack i.fa-plus {
  2618. font-size: var(--font-size-11);
  2619. }
  2620. .chat-message .message-content .damage-application button.healing-only .label {
  2621. font-size: var(--font-size-14);
  2622. font-weight: normal;
  2623. text-transform: none;
  2624. }
  2625. .chat-message .message-content .damage-taken section.roll-note {
  2626. font-size: var(--font-size-12);
  2627. }
  2628. .chat-message .message-content .damage-taken .persistent {
  2629. font-style: normal;
  2630. margin-top: 1em;
  2631. }
  2632. .chat-message .message-content .damage-taken .persistent h4 {
  2633. border-bottom: 1px solid var(--color-underline-header);
  2634. max-width: fit-content;
  2635. }
  2636. .chat-message .message-content .damage-taken button.revert-damage {
  2637. align-items: center;
  2638. background: var(--bg-dark);
  2639. display: inline-flex;
  2640. justify-content: center;
  2641. width: 3ch;
  2642. margin-left: 2px;
  2643. }
  2644. .chat-message .message-content .damage-taken button.revert-damage > i {
  2645. margin: 0;
  2646. }
  2647. .chat-message .message-content .damage-taken .reverted {
  2648. text-decoration: line-through;
  2649. }
  2650. .chat-message .flavor-text .pf2e-reroll-indicator {
  2651. float: right;
  2652. }
  2653. .chat-message .message-content .pf2e-reroll-discard .dice-total,
  2654. .chat-message .message-content .pf2e-reroll-discard .dice-tooltip {
  2655. opacity: 0.3;
  2656. }
  2657. .chat-message .message-content .pf2e-reroll-second .dice-formula {
  2658. display: none;
  2659. }
  2660. .chat-message .message-header .flavor-text {
  2661. display: block;
  2662. }
  2663. .chat-message .message-header .flavor-text ul.notes {
  2664. display: block;
  2665. line-height: 1.5em;
  2666. list-style: none;
  2667. margin: 0;
  2668. padding: 0;
  2669. }
  2670. .chat-message .message-header .flavor-text ul.notes li {
  2671. display: block;
  2672. line-height: 1.5em;
  2673. }
  2674. .chat-message > .message-content ul.participant-conditions {
  2675. background: rgba(0, 0, 0, 0.1);
  2676. border-radius: 3px;
  2677. border: 1px solid var(--color-border-light-2);
  2678. box-shadow: 0 0 2px white inset;
  2679. display: flex;
  2680. flex-direction: column;
  2681. gap: 3px;
  2682. list-style: none;
  2683. padding: 0.5em;
  2684. }
  2685. .chat-message > .message-content ul.participant-conditions li {
  2686. align-items: center;
  2687. cursor: help;
  2688. display: flex;
  2689. gap: 0.5rem;
  2690. }
  2691. .chat-message > .message-content ul.participant-conditions li img {
  2692. width: 2rem;
  2693. }
  2694. section.compendium-sidebar .directory-item.compendium.locked > .compendium-banner {
  2695. opacity: 0.5;
  2696. }
  2697. section.compendium-sidebar .directory-item.compendium.locked:hover > .compendium-banner {
  2698. opacity: 1;
  2699. }
  2700. section.compendium-sidebar ol.directory-list ol.document-matches {
  2701. background: rgba(0, 0, 0, 0.25);
  2702. margin-top: 1px;
  2703. padding: 0;
  2704. }
  2705. section.compendium-sidebar ol.directory-list ol.document-matches li.match {
  2706. align-items: center;
  2707. column-gap: 2px;
  2708. cursor: pointer;
  2709. display: grid;
  2710. font-size: var(--font-size-12);
  2711. grid-template-areas: "thumbnail name" "thumbnail details";
  2712. grid-template-columns: 38px 1fr;
  2713. grid-template-rows: 1fr 1fr;
  2714. list-style: none;
  2715. padding: 2px 0 2px 4px;
  2716. }
  2717. section.compendium-sidebar ol.directory-list ol.document-matches li.match:hover {
  2718. background: rgba(255, 255, 255, 0.1);
  2719. }
  2720. section.compendium-sidebar ol.directory-list ol.document-matches li.match > * {
  2721. align-items: inherit;
  2722. display: flex;
  2723. height: 100%;
  2724. }
  2725. section.compendium-sidebar ol.directory-list ol.document-matches li.match .thumbnail {
  2726. grid-area: thumbnail;
  2727. justify-content: start;
  2728. }
  2729. section.compendium-sidebar ol.directory-list ol.document-matches li.match .thumbnail img {
  2730. border: none;
  2731. height: 36px;
  2732. object-fit: contain;
  2733. object-position: 50% 0;
  2734. padding: 2px 0;
  2735. width: 36px;
  2736. }
  2737. section.compendium-sidebar ol.directory-list ol.document-matches li.match .name {
  2738. grid-area: name;
  2739. }
  2740. section.compendium-sidebar ol.directory-list ol.document-matches li.match .details {
  2741. color: var(--color-text-light-primary);
  2742. grid-area: details;
  2743. }
  2744. #pack-search-drag-preview {
  2745. background: url(../../../ui/parchment.jpg) repeat;
  2746. border-bottom: 1px solid var(--color-border-light-1);
  2747. border-top: 1px solid transparent;
  2748. box-shadow: none;
  2749. display: flex;
  2750. height: 50px;
  2751. line-height: 48px;
  2752. position: absolute;
  2753. text-shadow: 0 0 0.5rem var(--color-shadow-primary);
  2754. top: -1000px;
  2755. width: 328px;
  2756. }
  2757. #pack-search-drag-preview img {
  2758. border: none;
  2759. height: 48px;
  2760. }
  2761. #pack-search-drag-preview h4 {
  2762. color: var(--color-text-dark-primary);
  2763. font-size: var(--font-size-14);
  2764. }
  2765. #combat nav.encounters,
  2766. #combat-popout nav.encounters {
  2767. line-height: 1.5rem;
  2768. padding-top: 0.25rem;
  2769. }
  2770. #combat .threat-award,
  2771. #combat-popout .threat-award {
  2772. color: var(--text-light);
  2773. display: flex;
  2774. font-size: var(--font-size-14);
  2775. gap: 1rem;
  2776. justify-content: center;
  2777. line-height: 1.5rem;
  2778. text-shadow: 1px 1px 4px var(--color-shadow-dark);
  2779. white-space: nowrap;
  2780. }
  2781. #combat .threat-award > *,
  2782. #combat-popout .threat-award > * {
  2783. width: 6rem;
  2784. }
  2785. #combat .threat-award .threat .value.trivial,
  2786. #combat-popout .threat-award .threat .value.trivial {
  2787. color: aqua;
  2788. }
  2789. #combat .threat-award .threat .value.low,
  2790. #combat-popout .threat-award .threat .value.low {
  2791. color: lime;
  2792. }
  2793. #combat .threat-award .threat .value.moderate,
  2794. #combat-popout .threat-award .threat .value.moderate {
  2795. color: yellow;
  2796. }
  2797. #combat .threat-award .threat .value.severe,
  2798. #combat-popout .threat-award .threat .value.severe {
  2799. color: orange;
  2800. }
  2801. #combat .threat-award .threat .value.extreme,
  2802. #combat-popout .threat-award .threat .value.extreme {
  2803. color: red;
  2804. }
  2805. #combat .encounter-controls,
  2806. #combat-popout .encounter-controls {
  2807. padding: 0.25rem 0 0.5rem;
  2808. }
  2809. #combat li.combatant,
  2810. #combat-popout li.combatant {
  2811. cursor: default;
  2812. padding: 3px 0 3px 3px;
  2813. }
  2814. #combat li.combatant.gm-draggable,
  2815. #combat-popout li.combatant.gm-draggable {
  2816. cursor: grab;
  2817. }
  2818. #combat li.combatant.drag-preview,
  2819. #combat-popout li.combatant.drag-preview {
  2820. background: rgba(0, 0, 0, 0.75);
  2821. box-shadow: 0 0 6px inset var(--color-shadow-highlight);
  2822. }
  2823. #combat li.combatant.drag-gap,
  2824. #combat-popout li.combatant.drag-gap {
  2825. visibility: hidden;
  2826. }
  2827. #combat li.combatant .hidden-name .token-name h4,
  2828. #combat-popout li.combatant .hidden-name .token-name h4 {
  2829. color: var(--color-text-light-7);
  2830. }
  2831. #combat li.combatant .token-name h4,
  2832. #combat-popout li.combatant .token-name h4 {
  2833. flex-direction: row;
  2834. }
  2835. #combat li.combatant .token-name h4 .users-targeting,
  2836. #combat-popout li.combatant .token-name h4 .users-targeting {
  2837. display: inline-block;
  2838. font-size: x-small;
  2839. line-height: inherit;
  2840. padding: 0 0.3em;
  2841. text-shadow: none;
  2842. vertical-align: bottom;
  2843. }
  2844. #combat a.combat-control.center,
  2845. #combat-popout a.combat-control.center {
  2846. white-space: nowrap;
  2847. }
  2848. .sidebar-tab ol.subdirectory {
  2849. border-left-width: 6px;
  2850. }
  2851. .hover {
  2852. cursor: pointer;
  2853. }
  2854. .hover-content {
  2855. display: none;
  2856. }
  2857. .crb-hover .tooltipster-box {
  2858. border-style: solid;
  2859. border-image-outset: 0;
  2860. border-width: 9px;
  2861. border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
  2862. box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  2863. background-color: rgba(0, 0, 0, 0.9);
  2864. overflow: visible;
  2865. }
  2866. .crb-hover .tooltipster-box .tooltipster-content {
  2867. margin: 0;
  2868. padding: 0;
  2869. }
  2870. .crb-hover .tooltipster-box .tooltipster-content .item-summary {
  2871. --space-s: 0.25em;
  2872. --space-m: 0.5em;
  2873. --space-l: 1em;
  2874. --space-xl: 1.5em;
  2875. --space-2xl: 2em;
  2876. --radius: 3px;
  2877. }
  2878. .crb-hover .tooltipster-box .tooltipster-content .item-summary p {
  2879. min-height: unset;
  2880. }
  2881. .crb-hover .tooltipster-box .tooltipster-content .item-summary :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
  2882. margin-top: 1em;
  2883. }
  2884. .crb-hover .tooltipster-box .tooltipster-content .item-summary .inline-header {
  2885. display: flex;
  2886. align-items: center;
  2887. gap: var(--space-l);
  2888. background-color: var(--alt);
  2889. font-family: var(--sans-serif);
  2890. color: var(--text-light);
  2891. padding: 0;
  2892. font-size: 0.8em;
  2893. font-weight: 400;
  2894. border: none;
  2895. }
  2896. .crb-hover .tooltipster-box .tooltipster-content .item-summary .inline-header strong {
  2897. display: inline-flex;
  2898. padding: 0 var(--space-m);
  2899. background-color: var(--primary);
  2900. min-width: 15ch;
  2901. border-right: 1px solid rgba(0, 0, 0, 0.4);
  2902. box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
  2903. font-weight: 400;
  2904. }
  2905. .crb-hover .tooltipster-box .tooltipster-content .item-summary .inline-header + p {
  2906. margin-top: var(--space-s);
  2907. }
  2908. .crb-hover .tooltipster-box .tooltipster-content .item-summary .info {
  2909. background-color: var(--secondary);
  2910. padding: var(--space-m);
  2911. color: var(--text-light);
  2912. margin-left: auto;
  2913. margin-right: auto;
  2914. padding: 0;
  2915. border-radius: var(--radius);
  2916. font-family: var(--sans-serif);
  2917. padding-bottom: var(--space-m);
  2918. }
  2919. .crb-hover .tooltipster-box .tooltipster-content .item-summary .info > * + * {
  2920. margin-top: var(--space-m);
  2921. }
  2922. .crb-hover .tooltipster-box .tooltipster-content .item-summary .info + * {
  2923. margin-top: var(--space-xl);
  2924. }
  2925. .crb-hover .tooltipster-box .tooltipster-content .item-summary .info + .crb-hover .tooltipster-box .tooltipster-content .item-summary .info {
  2926. margin-top: var(--space-s);
  2927. }
  2928. .crb-hover .tooltipster-box .tooltipster-content .item-summary .info h4 {
  2929. font-size: 0.9em;
  2930. font-weight: 400;
  2931. line-height: 1.2;
  2932. font-family: var(--sans-serif);
  2933. border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  2934. padding: var(--space-m) var(--space-l);
  2935. position: relative;
  2936. display: flex;
  2937. align-items: center;
  2938. justify-content: space-between;
  2939. color: var(--text-light);
  2940. }
  2941. .crb-hover .tooltipster-box .tooltipster-content .item-summary .info h4::after {
  2942. font-family: "Font Awesome 6";
  2943. content: "\f05a";
  2944. font-weight: 900;
  2945. margin-right: var(--space-s);
  2946. }
  2947. .crb-hover .tooltipster-box .tooltipster-content .item-summary .info p {
  2948. font-size: 0.8em;
  2949. margin: 0;
  2950. padding: 0 var(--space-l);
  2951. }
  2952. .crb-hover .tooltipster-box .tooltipster-content .item-summary .info p:first-of-type {
  2953. padding-top: var(--space-m);
  2954. border-top: 1px solid rgba(255, 255, 255, 0.1);
  2955. }
  2956. .crb-hover .tooltipster-box .tooltipster-content .item-summary .traits {
  2957. display: flex;
  2958. flex-wrap: wrap;
  2959. padding: 0;
  2960. }
  2961. .crb-hover .tooltipster-box .tooltipster-content .item-summary .traits p {
  2962. display: inline-flex;
  2963. padding: 0.16rem 0.25rem;
  2964. margin: 0;
  2965. background-color: var(--primary);
  2966. border: 2px solid var(--color-border-trait);
  2967. color: var(--text-light);
  2968. font: 500 var(--font-size-10) var(--sans-serif);
  2969. text-transform: uppercase;
  2970. }
  2971. .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock {
  2972. font-family: var(--sans-serif-condensed);
  2973. color: var(--text-dark);
  2974. line-height: 1.2;
  2975. margin-bottom: var(--space-m);
  2976. }
  2977. .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock > * + * {
  2978. margin-top: var(--space-s);
  2979. margin-bottom: 0;
  2980. }
  2981. .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock p {
  2982. --indent: var(--space-l);
  2983. margin-left: var(--indent);
  2984. position: relative;
  2985. }
  2986. .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock p strong:first-of-type {
  2987. margin-left: calc(var(--indent) * -1);
  2988. }
  2989. .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock p .trait:first-of-type {
  2990. margin-left: calc(var(--indent) * -1 - 2px);
  2991. }
  2992. .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock span.pf2-icon {
  2993. line-height: 1;
  2994. }
  2995. .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h1,
  2996. .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h2,
  2997. .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h3,
  2998. .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h4 {
  2999. display: flex;
  3000. align-items: baseline;
  3001. justify-content: space-between;
  3002. border-bottom: 1px solid var(--color-border-dark);
  3003. text-transform: uppercase;
  3004. letter-spacing: -0.05em;
  3005. font-family: var(--sans-serif-condensed);
  3006. font-weight: 700;
  3007. }
  3008. .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock hr {
  3009. border: none;
  3010. border-bottom: 1px solid var(--color-border-dark);
  3011. }
  3012. .crb-hover .tooltipster-box .tooltipster-content .item-summary .message {
  3013. font-family: var(--journal-cursive);
  3014. font-size: 2em;
  3015. line-height: 1.2;
  3016. }
  3017. .crb-hover .tooltipster-box .tooltipster-content .item-summary a,
  3018. .crb-hover .tooltipster-box .tooltipster-content .item-summary span[data-pf2-effect-area] {
  3019. color: var(--color-text-dark-primary);
  3020. }
  3021. .crb-hover .tooltipster-box .tooltipster-content .hover-content {
  3022. display: flex;
  3023. min-width: 120px;
  3024. max-width: fit-content;
  3025. padding: 4px;
  3026. line-height: 1;
  3027. flex-direction: column;
  3028. }
  3029. .crb-hover .tooltipster-box .tooltipster-content .hover-content p {
  3030. font-size: var(--font-size-14);
  3031. font-family: var(--body-serif);
  3032. font-weight: 400;
  3033. }
  3034. .crb-hover .tooltipster-box .tooltipster-content .hover-content h1,
  3035. .crb-hover .tooltipster-box .tooltipster-content .hover-content h2,
  3036. .crb-hover .tooltipster-box .tooltipster-content .hover-content h3 {
  3037. font-size: var(--font-size-12);
  3038. font-weight: 500;
  3039. text-align: left;
  3040. }
  3041. .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title {
  3042. align-items: baseline;
  3043. border-bottom: 1px solid var(--sidebar-title);
  3044. display: flex;
  3045. flex: 1 auto;
  3046. justify-content: space-between;
  3047. margin: 0.25em 0 0.5em;
  3048. }
  3049. .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title h2,
  3050. .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a {
  3051. font-family: var(--sans-serif);
  3052. font-size: var(--font-size-10);
  3053. text-transform: uppercase;
  3054. letter-spacing: 0.05em;
  3055. text-rendering: optimizeLegibility;
  3056. border: none;
  3057. color: var(--sidebar-title);
  3058. line-height: 1.5;
  3059. margin: 0;
  3060. }
  3061. .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title h2 + h2,
  3062. .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a + h2 {
  3063. font-size: var(--font-size-11);
  3064. }
  3065. .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a {
  3066. color: var(--text-light);
  3067. text-decoration: none;
  3068. }
  3069. .crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield {
  3070. width: 160px;
  3071. }
  3072. .crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield ul li.item .data {
  3073. position: relative;
  3074. top: -2px;
  3075. }
  3076. .crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield ul li.item .tag-legacy {
  3077. width: auto;
  3078. }
  3079. .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option {
  3080. color: rgba(255, 255, 255, 0.5);
  3081. }
  3082. .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option i {
  3083. margin: 1px 4px 1px 0;
  3084. }
  3085. .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option.selected {
  3086. color: var(--text-light);
  3087. }
  3088. .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option.selected:hover {
  3089. cursor: default;
  3090. text-shadow: none;
  3091. }
  3092. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul {
  3093. list-style: none;
  3094. margin: 0;
  3095. padding: 0;
  3096. flex: 1 auto;
  3097. }
  3098. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input {
  3099. color: var(--text-light);
  3100. border: none;
  3101. border-radius: 0;
  3102. background: transparent;
  3103. font-family: var(--body-serif);
  3104. width: 100%;
  3105. border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  3106. }
  3107. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input:focus {
  3108. box-shadow: none;
  3109. border-bottom: 1px solid white;
  3110. }
  3111. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input:focus::placeholder {
  3112. color: transparent;
  3113. }
  3114. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::placeholder {
  3115. color: rgba(255, 255, 255, 0.8);
  3116. }
  3117. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::-webkit-outer-spin-button, .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::-webkit-inner-spin-button {
  3118. -webkit-appearance: none;
  3119. appearance: none;
  3120. margin: 0;
  3121. }
  3122. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input[type=number] {
  3123. appearance: textfield;
  3124. -moz-appearance: textfield;
  3125. }
  3126. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul select {
  3127. border-radius: 2px;
  3128. height: 18px;
  3129. border: 1px solid white;
  3130. background: transparent;
  3131. cursor: pointer;
  3132. }
  3133. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul select option {
  3134. font-size: 0.8rem;
  3135. min-height: 1rem;
  3136. color: var(--text-dark);
  3137. text-transform: capitalize;
  3138. }
  3139. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul label {
  3140. display: flex;
  3141. align-items: center;
  3142. text-align: left;
  3143. font-family: var(--serif);
  3144. font-weight: 500;
  3145. }
  3146. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .label,
  3147. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .data {
  3148. font-size: var(--font-size-12);
  3149. font-family: var(--serif);
  3150. font-weight: 400;
  3151. color: var(--text-light);
  3152. margin: 0;
  3153. padding: 0;
  3154. }
  3155. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item {
  3156. display: grid;
  3157. grid: "data label close" min-content "data type close" min-content/30px 1fr;
  3158. margin: 8px 0;
  3159. align-items: center;
  3160. column-gap: 8px;
  3161. justify-items: start;
  3162. }
  3163. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item:first-child {
  3164. border: none;
  3165. }
  3166. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.no-effect {
  3167. filter: opacity(0.5);
  3168. position: relative;
  3169. }
  3170. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .tag-legacy {
  3171. font-family: var(--sans-serif);
  3172. font-size: var(--font-size-10);
  3173. text-transform: uppercase;
  3174. letter-spacing: 0.05em;
  3175. text-rendering: optimizeLegibility;
  3176. display: flex;
  3177. justify-content: center;
  3178. align-items: center;
  3179. color: var(--tertiary);
  3180. grid-area: type;
  3181. letter-spacing: 0.5px;
  3182. white-space: nowrap;
  3183. width: min-content;
  3184. }
  3185. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .tag-legacy .remove-modifier {
  3186. white-space: nowrap;
  3187. }
  3188. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .label {
  3189. grid-area: label;
  3190. }
  3191. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .data {
  3192. grid-area: data;
  3193. text-align: right;
  3194. font-size: var(--font-size-21);
  3195. justify-self: right;
  3196. width: min-content;
  3197. padding-top: 2px;
  3198. }
  3199. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .label,
  3200. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .data,
  3201. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .data::placeholder {
  3202. color: rgba(255, 255, 255, 0.5);
  3203. }
  3204. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .label {
  3205. text-decoration: line-through;
  3206. }
  3207. .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .remove-modifier {
  3208. grid-area: close;
  3209. font-size: 0.8rem;
  3210. cursor: pointer;
  3211. }
  3212. .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier {
  3213. border-top: 1px solid var(--sidebar-title);
  3214. padding-top: 5px;
  3215. grid: "value name name" 1fr "type type btn" 1fr/42px 1fr 1fr;
  3216. font-size: 0.8rem;
  3217. gap: 0.25rem 0.5rem;
  3218. align-items: baseline;
  3219. }
  3220. .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value {
  3221. grid-area: value;
  3222. font-size: 1rem;
  3223. text-align: right;
  3224. display: grid;
  3225. grid: "input plus" 1fr "input minus" 1fr/1fr 10px;
  3226. column-gap: 4px;
  3227. align-items: center;
  3228. }
  3229. .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value input {
  3230. grid-area: input;
  3231. }
  3232. .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value .fa-solid {
  3233. margin-top: 2px;
  3234. font-size: var(--font-size-9);
  3235. cursor: pointer;
  3236. }
  3237. .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value .fa-solid.fa-plus-circle {
  3238. grid-area: plus;
  3239. }
  3240. .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value .fa-solid.fa-minus-circle {
  3241. grid-area: minus;
  3242. }
  3243. .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-name {
  3244. grid-area: name;
  3245. }
  3246. .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-submit {
  3247. font-family: var(--sans-serif);
  3248. font-size: var(--font-size-10);
  3249. text-transform: uppercase;
  3250. letter-spacing: 0.05em;
  3251. text-rendering: optimizeLegibility;
  3252. grid-area: btn;
  3253. white-space: nowrap;
  3254. line-height: 1.5;
  3255. background-color: black;
  3256. color: var(--tertiary);
  3257. }
  3258. .crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li {
  3259. display: flex;
  3260. }
  3261. .crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li label {
  3262. color: var(--tertiary);
  3263. flex-basis: 100%;
  3264. }
  3265. .crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li input {
  3266. display: flex;
  3267. min-width: 2em;
  3268. }
  3269. .crb-hover .tooltipster-box .tooltipster-content .hover-content.carry-hover-content {
  3270. white-space: nowrap;
  3271. }
  3272. .crb-hover .tooltipster-box .tooltipster-content .hover-content.carry-hover-content a.item-control i.fas {
  3273. min-width: 1.25em;
  3274. }
  3275. .icon.anger::before {
  3276. content: "💢︎";
  3277. }
  3278. .icon.bang::before {
  3279. content: "💥︎";
  3280. }
  3281. .icon.collision::before {
  3282. content: "💥︎";
  3283. }
  3284. .icon.crystal-ball::before {
  3285. content: "🔮︎";
  3286. }
  3287. .icon.dizzy::before {
  3288. content: "💫︎";
  3289. }
  3290. .icon.diamond-with-dot::before {
  3291. content: "💠︎";
  3292. }
  3293. .icon.gemstone::before {
  3294. content: "💎︎";
  3295. }
  3296. .icon.gem-stone::before {
  3297. content: "💎︎";
  3298. }
  3299. .icon.glowing-star::before {
  3300. content: "🌟︎";
  3301. }
  3302. .icon.prayer-beads::before {
  3303. content: "📿︎";
  3304. }
  3305. .icon.ring::before {
  3306. content: "💍︎";
  3307. }
  3308. .icon.sparkle::before {
  3309. content: "❇︎";
  3310. }
  3311. .icon.sparkler::before {
  3312. content: "🎇︎";
  3313. }
  3314. .icon.sparkles::before {
  3315. content: "✨︎";
  3316. }
  3317. .roll-modifiers-dialog {
  3318. background: none;
  3319. box-shadow: none;
  3320. }
  3321. .roll-modifiers-dialog .window-header {
  3322. border: none;
  3323. box-shadow: inset 0 0 0 1px #9f725b, inset 0 0 0 2px var(--tertiary), inset 0 0 0 3px #956d58, 0 0 20px rgba(0, 0, 0, 0.8);
  3324. background: linear-gradient(90deg, var(--secondary) 0%, #202b93 50%, var(--secondary) 100%);
  3325. border-radius: 0;
  3326. margin-bottom: 2px;
  3327. font-size: var(--font-size-13);
  3328. }
  3329. .roll-modifiers-dialog .window-content {
  3330. border-style: solid;
  3331. border-image-outset: 0;
  3332. border-width: 9px;
  3333. border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
  3334. box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  3335. padding-top: 0;
  3336. }
  3337. .roll-modifiers-dialog button {
  3338. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  3339. background-color: var(--alt);
  3340. border-radius: 2px;
  3341. color: var(--text-light);
  3342. cursor: pointer;
  3343. font-family: var(--sans-serif);
  3344. }
  3345. .roll-modifiers-dialog button:hover {
  3346. text-shadow: 0 0 2px var(--tertiary);
  3347. }
  3348. .roll-modifiers-dialog .toggle {
  3349. background: var(--secondary);
  3350. border-radius: 50px;
  3351. box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  3352. cursor: pointer;
  3353. display: inline-block;
  3354. height: 19px;
  3355. position: relative;
  3356. vertical-align: bottom;
  3357. width: 46px;
  3358. }
  3359. .roll-modifiers-dialog .toggle::before {
  3360. color: var(--text-light);
  3361. content: "ON";
  3362. left: 6px;
  3363. position: absolute;
  3364. z-index: 0;
  3365. }
  3366. .roll-modifiers-dialog .toggle::after {
  3367. color: var(--text-dark);
  3368. content: "OFF";
  3369. position: absolute;
  3370. right: 4px;
  3371. text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
  3372. z-index: 0;
  3373. }
  3374. .roll-modifiers-dialog .toggle::after, .roll-modifiers-dialog .toggle::before {
  3375. font-family: var(--sans-serif);
  3376. font-size: var(--font-size-10);
  3377. text-transform: uppercase;
  3378. letter-spacing: 0.05em;
  3379. text-rendering: optimizeLegibility;
  3380. top: 4px;
  3381. }
  3382. .roll-modifiers-dialog .toggle .widget {
  3383. background: #fcfff4;
  3384. background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  3385. border-radius: 50px;
  3386. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  3387. cursor: pointer;
  3388. display: block;
  3389. height: 16px;
  3390. position: absolute;
  3391. right: 1px;
  3392. top: 1px;
  3393. transition: all 0.4s ease;
  3394. width: 19px;
  3395. z-index: 1;
  3396. }
  3397. .roll-modifiers-dialog .toggle input[type=checkbox] {
  3398. visibility: hidden;
  3399. }
  3400. .roll-modifiers-dialog .toggle input[type=checkbox]:not(:checked) + .widget {
  3401. right: 23px;
  3402. }
  3403. .roll-modifiers-dialog .dialog-row {
  3404. align-items: center;
  3405. display: flex;
  3406. padding: 0.5rem 0;
  3407. gap: 0.5rem;
  3408. }
  3409. .roll-modifiers-dialog .dialog-row .mod {
  3410. flex: 1.5 0 0;
  3411. }
  3412. .roll-modifiers-dialog .dialog-row .type {
  3413. flex: 0 0 6.25rem;
  3414. text-transform: capitalize;
  3415. }
  3416. .roll-modifiers-dialog .dialog-row .value {
  3417. flex: 0 0 36px;
  3418. display: flex;
  3419. justify-content: center;
  3420. }
  3421. .roll-modifiers-dialog .dialog-row .exclude {
  3422. flex: 0 0 50px;
  3423. }
  3424. .roll-modifiers-dialog .dialog-row.header {
  3425. font-size: var(--font-size-13);
  3426. font-weight: 700;
  3427. padding-bottom: 0;
  3428. }
  3429. .roll-modifiers-dialog .dialog-row.header + hr {
  3430. margin-bottom: 0;
  3431. }
  3432. .roll-modifiers-dialog .dialog-row.disabled {
  3433. text-decoration: line-through;
  3434. }
  3435. .roll-modifiers-dialog .dialog-row.disabled > * {
  3436. filter: opacity(0.5);
  3437. }
  3438. .roll-modifiers-dialog .dialog-row.disabled > * i {
  3439. color: var(--text-dark);
  3440. }
  3441. .roll-modifiers-dialog .dialog-row.disabled .toggle {
  3442. background: rgba(0, 0, 0, 0.4);
  3443. }
  3444. .roll-modifiers-dialog .dialog-row.disabled .toggle input[type=checkbox] + label {
  3445. right: 26px;
  3446. }
  3447. .roll-modifiers-dialog .dialog-row.disabled.hidden {
  3448. display: none;
  3449. }
  3450. .roll-modifiers-dialog .dialog-row .exclude.disabled {
  3451. filter: opacity(0.5);
  3452. }
  3453. .roll-modifiers-dialog .dialog-row .exclude.disabled .toggle,
  3454. .roll-modifiers-dialog .dialog-row .exclude.disabled .widget {
  3455. cursor: default;
  3456. }
  3457. .roll-modifiers-dialog .dialog-row .exclude.disabled i {
  3458. color: var(--text-dark);
  3459. }
  3460. .roll-modifiers-dialog .substitutions,
  3461. .roll-modifiers-dialog .modifier-container {
  3462. display: flex;
  3463. flex-direction: column;
  3464. }
  3465. .roll-modifiers-dialog .substitutions + hr,
  3466. .roll-modifiers-dialog .modifier-container + hr {
  3467. margin-top: 0;
  3468. }
  3469. .roll-modifiers-dialog .substitutions .dialog-row,
  3470. .roll-modifiers-dialog .modifier-container .dialog-row {
  3471. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  3472. }
  3473. .roll-modifiers-dialog .substitutions .dialog-row:last-child,
  3474. .roll-modifiers-dialog .modifier-container .dialog-row:last-child {
  3475. border-bottom: none;
  3476. }
  3477. .roll-modifiers-dialog .substitutions .dialog-row .tag,
  3478. .roll-modifiers-dialog .modifier-container .dialog-row .tag {
  3479. background-color: var(--sub);
  3480. border-radius: 2px;
  3481. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
  3482. color: var(--text-light);
  3483. font-family: var(--sans-serif);
  3484. font-size: var(--font-size-10);
  3485. letter-spacing: 0.5px;
  3486. padding: 4px 8px;
  3487. text-transform: uppercase;
  3488. width: fit-content;
  3489. }
  3490. .roll-modifiers-dialog .total-mod {
  3491. font-weight: 700;
  3492. padding: 0;
  3493. }
  3494. .roll-modifiers-dialog .roll-mode-panel {
  3495. display: flex;
  3496. flex-wrap: nowrap;
  3497. align-items: stretch;
  3498. justify-content: space-between;
  3499. white-space: nowrap;
  3500. gap: 8px;
  3501. }
  3502. .roll-modifiers-dialog .roll-mode-panel label {
  3503. display: flex;
  3504. align-items: center;
  3505. }
  3506. .roll-modifiers-dialog .roll-mode-panel .roll-mode {
  3507. flex: 1;
  3508. }
  3509. .roll-modifiers-dialog .roll-mode-panel .roll-mode select {
  3510. border-radius: 2px;
  3511. cursor: pointer;
  3512. height: 1.5em;
  3513. margin-left: 8px;
  3514. width: 100%;
  3515. }
  3516. .roll-modifiers-dialog .roll {
  3517. color: var(--text-light);
  3518. background-color: var(--secondary);
  3519. }
  3520. .roll-modifiers-dialog .roll .damage.color,
  3521. .roll-modifiers-dialog .roll i {
  3522. color: var(--text-light) !important;
  3523. }
  3524. .roll-modifiers-dialog .add-entry-row {
  3525. display: flex;
  3526. flex-wrap: nowrap;
  3527. align-items: stretch;
  3528. gap: 2px;
  3529. }
  3530. .roll-modifiers-dialog .add-entry-row select,
  3531. .roll-modifiers-dialog .add-entry-row input {
  3532. height: auto;
  3533. border-radius: 2px;
  3534. }
  3535. .roll-modifiers-dialog .add-entry-row button {
  3536. line-height: 1;
  3537. margin: 0;
  3538. padding: 4px 6px;
  3539. text-transform: uppercase;
  3540. flex: 0 0 min-content;
  3541. font-weight: 700;
  3542. font-size: 0.75rem;
  3543. }
  3544. .roll-modifiers-dialog .add-entry-row .add-modifier-name {
  3545. flex: 1;
  3546. }
  3547. .roll-modifiers-dialog .add-entry-row .add-modifier-type {
  3548. flex: 0 0 min-content;
  3549. }
  3550. .roll-modifiers-dialog .add-entry-row .add-modifier-value {
  3551. flex: 0 0 4ch;
  3552. text-align: right;
  3553. }
  3554. .dice-checks .fate {
  3555. display: flex;
  3556. justify-content: space-evenly;
  3557. align-items: center;
  3558. }
  3559. .dice-checks .fate label {
  3560. cursor: pointer;
  3561. }
  3562. .dialog.trick-magic-item .dialog-content p {
  3563. font-weight: normal;
  3564. }
  3565. .dialog.trick-magic-item .dialog-buttons {
  3566. flex-direction: column;
  3567. }
  3568. .damage-dialog .dialog-row .value {
  3569. flex-basis: 4rem;
  3570. }
  3571. .damage-dialog .dialog-row .dice-type,
  3572. .damage-dialog .dialog-row .modifier-type {
  3573. background: none;
  3574. white-space: nowrap;
  3575. }
  3576. .damage-dialog .dialog-row .dice-type .icon-container,
  3577. .damage-dialog .dialog-row .modifier-type .icon-container {
  3578. white-space: nowrap;
  3579. }
  3580. .damage-dialog .dialog-row .dice-type .icon-container i,
  3581. .damage-dialog .dialog-row .modifier-type .icon-container i {
  3582. vertical-align: middle;
  3583. text-align: start;
  3584. font-size: 1rem;
  3585. }
  3586. .damage-dialog .dialog-row .no-mod {
  3587. filter: opacity(0.7);
  3588. }
  3589. .damage-dialog .dialog-row .damage {
  3590. padding: 2px 4px;
  3591. }
  3592. .damage-dialog .dice .dialog-row {
  3593. gap: 1.5rem;
  3594. }
  3595. .damage-dialog .dice .dialog-row .value {
  3596. flex: 1 0 0;
  3597. gap: 2px;
  3598. justify-content: end;
  3599. }
  3600. .damage-dialog .add-modifier-panel {
  3601. flex-wrap: wrap;
  3602. }
  3603. .damage-dialog .add-modifier-panel .add-modifier-name {
  3604. flex-basis: 100%;
  3605. }
  3606. .damage-dialog .add-modifier-panel .add-modifier-value {
  3607. flex: 1;
  3608. }
  3609. .damage-dialog .add-dice-panel {
  3610. justify-content: end;
  3611. }
  3612. .damage-dialog .add-dice-panel .add-dice-count {
  3613. flex: 0 0 4ch;
  3614. text-align: end;
  3615. }
  3616. /* ----------------------------------------- */
  3617. /* Tag Selector */
  3618. /* ----------------------------------------- */
  3619. .app.tag-selector form {
  3620. height: 100%;
  3621. }
  3622. .app.tag-selector form ol.trait-list {
  3623. display: flex;
  3624. flex-direction: column;
  3625. list-style-type: none;
  3626. max-height: 87%;
  3627. overflow-y: scroll;
  3628. padding: 0;
  3629. }
  3630. .app.tag-selector form ol.trait-list.has-custom {
  3631. max-height: 78%;
  3632. }
  3633. .app.tag-selector form table th,
  3634. .app.tag-selector form table td {
  3635. text-align: left;
  3636. white-space: nowrap;
  3637. }
  3638. .app.tag-selector form table tbody td:first-child label {
  3639. vertical-align: super;
  3640. }
  3641. .app.tag-selector form .trait-header {
  3642. flex: 0 0 32px;
  3643. line-height: 32px;
  3644. text-align: center;
  3645. margin: 0;
  3646. }
  3647. .app.tag-selector form .trait-header .header-search {
  3648. flex: 1;
  3649. }
  3650. .app.tag-selector form .trait-header .header-search input {
  3651. background: rgba(255, 255, 245, 0.8);
  3652. width: calc(100% - 26px);
  3653. margin: 0 2px;
  3654. }
  3655. .app.tag-selector form .trait-footer {
  3656. flex: 0 0 32px;
  3657. line-height: 32px;
  3658. margin: 0;
  3659. margin-bottom: 5px;
  3660. border-top: 1px solid grey;
  3661. }
  3662. .app.tag-selector form .trait-selection-label {
  3663. display: flex;
  3664. align-items: center;
  3665. }
  3666. .app.tag-selector form .trait-selection-label .trait-label {
  3667. margin-left: 5px;
  3668. }
  3669. .app.tag-selector form input:not([type=checkbox]) {
  3670. flex: 1.8;
  3671. }
  3672. #token-hud .status-effects {
  3673. grid-template-columns: repeat(5, 1fr);
  3674. width: auto;
  3675. }
  3676. #token-hud .status-effects .effect-control {
  3677. border-radius: 1px;
  3678. color: var(--color-text-dark-1);
  3679. cursor: pointer;
  3680. height: 36px;
  3681. opacity: 0.75;
  3682. position: relative;
  3683. width: 36px;
  3684. }
  3685. #token-hud .status-effects .effect-control.active img {
  3686. border: 1px solid var(--color-border-highlight);
  3687. opacity: 1;
  3688. }
  3689. #token-hud .status-effects .effect-control img {
  3690. border: 1px solid rgba(0, 0, 0, 0);
  3691. height: 35px;
  3692. margin: 0;
  3693. width: 35px;
  3694. }
  3695. #token-hud .status-effects .effect-control:not(.active):hover img {
  3696. border: 1px solid rgba(255, 100, 0, 0.5);
  3697. }
  3698. #token-hud .status-effects .effect-control .badge {
  3699. background: rgba(255, 255, 255, 0.9);
  3700. border-radius: 50%;
  3701. border: 0.1em solid darkred;
  3702. font-size: var(--font-size-8);
  3703. height: 0.8rem;
  3704. line-height: var(--font-size-10);
  3705. pointer-events: none;
  3706. position: absolute;
  3707. right: -3px;
  3708. text-align: center;
  3709. top: -3px;
  3710. width: 0.8rem;
  3711. z-index: 1;
  3712. }
  3713. #token-hud .status-effects .effect-control.overridden > * {
  3714. filter: saturate(0);
  3715. }
  3716. #token-hud .status-effects .effect-control.valued .badge {
  3717. font-size: var(--font-size-12);
  3718. font-style: unset;
  3719. font-weight: 500;
  3720. line-height: var(--font-size-12);
  3721. }
  3722. #token-hud .status-effects .title-bar {
  3723. background: rgba(0, 0, 0, 0.6);
  3724. border-radius: inherit;
  3725. border: inherit;
  3726. box-shadow: inherit;
  3727. box-sizing: content-box;
  3728. font-size: var(--font-size-14);
  3729. font-weight: normal;
  3730. left: 0;
  3731. line-height: normal;
  3732. padding: 3px 0;
  3733. position: absolute;
  3734. text-align: center;
  3735. top: -30px;
  3736. visibility: hidden;
  3737. width: 100%;
  3738. z-index: 1;
  3739. }
  3740. #token-hud .status-effects .title-bar.active {
  3741. visibility: visible;
  3742. }
  3743. #token-hud .control-icon[data-action=clown-car][data-disabled=true] {
  3744. cursor: wait;
  3745. opacity: 0.5;
  3746. }
  3747. #token-hud .control-icon[data-action=clown-car] img {
  3748. height: 36px;
  3749. transform-style: preserve-3d;
  3750. transition: 0.5s;
  3751. width: 36px;
  3752. }
  3753. #token-hud .control-icon[data-action=clown-car] img.retrieve {
  3754. transform: scaleX(-1);
  3755. }
  3756. .default section.window-content {
  3757. padding: 0;
  3758. overflow: hidden;
  3759. }
  3760. /* Adjust height of the header */
  3761. .attribute-builder .window-content {
  3762. background: url("../assets/sheet/background.webp");
  3763. background-repeat: repeat-x, no-repeat;
  3764. background-size: cover;
  3765. background-attachment: local;
  3766. height: 100%;
  3767. padding: 10px 20px 10px 20px;
  3768. position: relative;
  3769. --color-boost: #316549;
  3770. --color-boost-dark: #1b3c2a;
  3771. --color-flaw: #5e0000;
  3772. }
  3773. .attribute-builder .window-content h3 {
  3774. font: 400 var(--font-size-24) var(--serif-condensed);
  3775. line-height: var(--font-size-24);
  3776. }
  3777. .attribute-builder .window-content h4 {
  3778. font: 400 var(--font-size-10) var(--sans-serif);
  3779. text-transform: uppercase;
  3780. color: #605856;
  3781. }
  3782. .attribute-builder .window-content button:focus:not(:focus-visible) {
  3783. box-shadow: none;
  3784. }
  3785. .attribute-builder .window-content .row {
  3786. display: flex;
  3787. align-items: center;
  3788. }
  3789. .attribute-builder .window-content .row .row-heading {
  3790. width: 220px;
  3791. }
  3792. .attribute-builder .window-content .row.not-eligible {
  3793. pointer-events: none;
  3794. filter: blur(1px);
  3795. opacity: 0.6;
  3796. }
  3797. .attribute-builder .window-content .row.not-eligible .remaining {
  3798. visibility: hidden;
  3799. }
  3800. .attribute-builder .window-content .row .attributes {
  3801. display: grid;
  3802. grid-template-columns: repeat(6, 84px);
  3803. grid-template-rows: auto;
  3804. flex: 0 0 auto;
  3805. }
  3806. .attribute-builder .window-content .row .full-row {
  3807. display: flex;
  3808. flex: 1;
  3809. justify-content: center;
  3810. }
  3811. .attribute-builder .window-content header.row {
  3812. align-items: normal;
  3813. padding-top: 10px;
  3814. height: 60px;
  3815. }
  3816. .attribute-builder .window-content header.row .row-column {
  3817. display: block;
  3818. }
  3819. .attribute-builder .window-content header.row .attributes {
  3820. align-items: normal;
  3821. }
  3822. .attribute-builder .window-content .background-stripes {
  3823. position: absolute;
  3824. left: 0;
  3825. top: 0;
  3826. bottom: 50px;
  3827. right: 0;
  3828. padding: 10px 20px 10px 20px;
  3829. pointer-events: none;
  3830. align-items: normal;
  3831. }
  3832. .attribute-builder .window-content .background-stripes .attributes div:nth-child(odd) {
  3833. background-color: rgba(68, 55, 48, 0.1);
  3834. }
  3835. .attribute-builder .window-content .voluntary-flaw-row {
  3836. margin: 0.5rem 0;
  3837. }
  3838. .attribute-builder .window-content .voluntary-flaw-row .flaw-buttons {
  3839. display: flex;
  3840. flex-direction: row;
  3841. }
  3842. .attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button {
  3843. flex: 1 1 0;
  3844. }
  3845. .attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button.first {
  3846. border-bottom-right-radius: 0;
  3847. border-right: none;
  3848. border-top-right-radius: 0;
  3849. width: 4em;
  3850. }
  3851. .attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button.second {
  3852. border-bottom-left-radius: 0;
  3853. border-top-left-radius: 0;
  3854. max-width: 2em;
  3855. text-transform: none;
  3856. }
  3857. .attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button.second.selected {
  3858. border-left-color: rgba(255, 255, 255, 0.5);
  3859. }
  3860. .attribute-builder .window-content .row-heading {
  3861. align-items: center;
  3862. display: grid;
  3863. grid-template-areas: "img description remaining";
  3864. grid-template-columns: 42px 1fr auto;
  3865. }
  3866. .attribute-builder .window-content .row-heading h3 {
  3867. align-self: start;
  3868. font-size: var(--font-size-24);
  3869. grid-column: 1/4;
  3870. }
  3871. .attribute-builder .window-content .row-heading .hint-container {
  3872. grid-column: 1/4;
  3873. }
  3874. .attribute-builder .window-content .row-heading img {
  3875. border: 0;
  3876. grid-area: img;
  3877. height: 2rem;
  3878. width: 2rem;
  3879. }
  3880. .attribute-builder .window-content .row-heading div.label {
  3881. display: flex;
  3882. flex-direction: column;
  3883. grid-area: description;
  3884. margin-right: 10px;
  3885. overflow: hidden;
  3886. text-overflow: ellipsis;
  3887. white-space: nowrap;
  3888. }
  3889. .attribute-builder .window-content .row-heading div.remaining {
  3890. grid-area: remaining;
  3891. display: flex;
  3892. margin-right: 10px;
  3893. width: 1.6rem;
  3894. height: 1.6rem;
  3895. border-radius: 50%;
  3896. background: rgba(68, 55, 48, 0.1);
  3897. align-self: center;
  3898. align-items: center;
  3899. justify-content: center;
  3900. text-align: center;
  3901. }
  3902. .attribute-builder .window-content .row-heading div.remaining.extra {
  3903. animation: glow 0.75s infinite alternate;
  3904. }
  3905. @keyframes glow {
  3906. from {
  3907. box-shadow: 0 0 1px 1px #ffb351;
  3908. }
  3909. to {
  3910. box-shadow: 0 0 3px 3px #ffb351;
  3911. }
  3912. }
  3913. .attribute-builder .window-content .row-column {
  3914. align-items: center;
  3915. display: flex;
  3916. flex-direction: column;
  3917. justify-content: center;
  3918. text-align: center;
  3919. }
  3920. .attribute-builder .window-content .row-column button {
  3921. align-items: center;
  3922. border: 1px solid var(--button-color);
  3923. color: var(--button-color);
  3924. display: flex;
  3925. font-size: var(--font-size-12);
  3926. height: 1.5em;
  3927. justify-content: center;
  3928. margin: 0;
  3929. outline: none;
  3930. padding: 0.1em 0 0;
  3931. position: relative;
  3932. text-transform: uppercase;
  3933. width: 6em;
  3934. }
  3935. .attribute-builder .window-content .row-column button > i.key-attribute {
  3936. bottom: 3px;
  3937. font-size: smaller;
  3938. left: 2px;
  3939. position: absolute;
  3940. }
  3941. .attribute-builder .window-content .row-column button.boost, .attribute-builder .window-content .row-column button.apex {
  3942. margin-top: auto;
  3943. --button-color: var(--color-boost);
  3944. --button-locked-color: var(--color-boost-dark);
  3945. }
  3946. .attribute-builder .window-content .row-column button.flaw {
  3947. margin-bottom: auto;
  3948. --button-color: var(--color-flaw);
  3949. --button-locked-color: var(--color-flaw);
  3950. }
  3951. .attribute-builder .window-content .row-column button.selected {
  3952. background: var(--button-color);
  3953. }
  3954. .attribute-builder .window-content .row-column button.selected.partial {
  3955. background: var(--color-boost-dark);
  3956. }
  3957. .attribute-builder .window-content .row-column button:hover {
  3958. box-shadow: 0 0 5px var(--button-color);
  3959. cursor: pointer;
  3960. }
  3961. .attribute-builder .window-content .row-column button:hover.key-attribute.selected {
  3962. box-shadow: none;
  3963. cursor: default;
  3964. }
  3965. .attribute-builder .window-content .row-column button:hover:disabled {
  3966. background: rgba(0, 0, 0, 0.04);
  3967. box-shadow: none;
  3968. cursor: not-allowed;
  3969. }
  3970. .attribute-builder .window-content .row-column button.hidden {
  3971. pointer-events: none;
  3972. visibility: hidden;
  3973. }
  3974. .attribute-builder .window-content .row-column button:disabled {
  3975. background: rgba(0, 0, 0, 0.04);
  3976. opacity: 0.4;
  3977. }
  3978. .attribute-builder .window-content .row-column button:disabled:active {
  3979. pointer-events: none;
  3980. }
  3981. .attribute-builder .window-content .row-column button.locked {
  3982. background: var(--button-locked-color);
  3983. border-color: var(--button-locked-color);
  3984. pointer-events: none;
  3985. }
  3986. .attribute-builder .window-content .row-column button.locked, .attribute-builder .window-content .row-column button.selected {
  3987. color: var(--text-light);
  3988. }
  3989. .attribute-builder .window-content .row-column div + .boost,
  3990. .attribute-builder .window-content .row-column button + .boost {
  3991. margin-top: 4px;
  3992. }
  3993. .attribute-builder .window-content .summary-row .row-heading {
  3994. display: block;
  3995. }
  3996. .attribute-builder .window-content .summary-row .hint-container {
  3997. background: rgba(211, 204, 188, 0.4);
  3998. padding: 12px;
  3999. margin-right: 10px;
  4000. border: 1px solid rgb(211, 204, 188);
  4001. border-radius: 3px;
  4002. align-self: end;
  4003. }
  4004. .attribute-builder .window-content .summary-row .hint-container h3 {
  4005. color: var(--primary);
  4006. font-variant: small-caps;
  4007. font-size: var(--font-size-20);
  4008. line-height: var(--font-size-16);
  4009. font-family: var(--sans-serif-condensed);
  4010. font-weight: 500;
  4011. }
  4012. .attribute-builder .window-content .summary-row .hint-container p {
  4013. font-style: italic;
  4014. font-size: var(--font-size-12);
  4015. line-height: var(--font-size-14);
  4016. font-family: var(--sans-serif);
  4017. font-weight: 500;
  4018. margin-bottom: 3px;
  4019. }
  4020. .attribute-builder .window-content .summary-row .hint-container label {
  4021. display: flex;
  4022. align-items: center;
  4023. margin-top: 10px;
  4024. }
  4025. .attribute-builder .window-content .summary-row .attributes {
  4026. grid-template-rows: auto auto;
  4027. }
  4028. .attribute-builder .window-content .summary-row .row-column {
  4029. display: flex;
  4030. flex-direction: column;
  4031. padding-top: 10px;
  4032. }
  4033. .attribute-builder .window-content .summary-row .row-column .value {
  4034. height: 40px;
  4035. font: 700 var(--font-size-24) var(--serif);
  4036. line-height: var(--font-size-30);
  4037. }
  4038. .attribute-builder .window-content .summary-row .row-column input {
  4039. width: calc(100% - 20px);
  4040. flex-grow: 0;
  4041. height: 30px;
  4042. color: var(--text-dark);
  4043. font: 500 var(--font-size-24) var(--serif);
  4044. border: 0;
  4045. border-bottom: 1px solid #d3ccbc;
  4046. border-radius: 0;
  4047. background-color: transparent;
  4048. margin: 0 10px 10px 10px;
  4049. }
  4050. .attribute-builder .window-content .summary-row .row-column input::placeholder {
  4051. filter: opacity(0.5);
  4052. }
  4053. .attribute-builder .window-content .summary-row .row-column input:focus {
  4054. border-bottom: 1px solid var(--alt);
  4055. }
  4056. .attribute-builder .window-content .summary-row .row-column input[type=number] {
  4057. padding-bottom: 0;
  4058. padding-left: 4px;
  4059. }
  4060. .attribute-builder .window-content .summary-row .complete {
  4061. grid-row: 2;
  4062. grid-column: 1/7;
  4063. margin-top: 10px;
  4064. margin-left: auto;
  4065. }
  4066. .attribute-builder .window-content .summary-row button.complete {
  4067. color: var(--text-light);
  4068. background: var(--secondary);
  4069. height: 35px;
  4070. width: 131px;
  4071. border: 1px solid var(--tertiary);
  4072. }
  4073. .attribute-builder .window-content .title {
  4074. color: var(--primary);
  4075. font: 500 var(--font-size-10) var(--sans-serif-condensed);
  4076. line-height: var(--font-size-10);
  4077. text-transform: uppercase;
  4078. }
  4079. .attribute-builder .window-content div[data-tooltip-content].description,
  4080. .attribute-builder .window-content div[data-tooltip-content] .description,
  4081. .attribute-builder .window-content div[data-tooltip].description,
  4082. .attribute-builder .window-content div[data-tooltip] .description {
  4083. text-decoration: underline dotted;
  4084. text-underline-offset: 2px;
  4085. }
  4086. .attribute-builder .window-content .description {
  4087. font: 600 var(--font-size-16) var(--serif);
  4088. }
  4089. .attribute-builder .window-content .extra {
  4090. align-items: center;
  4091. display: flex;
  4092. font-size: var(--font-size-12);
  4093. gap: 1px;
  4094. margin-top: -0.25rem;
  4095. }
  4096. .attribute-builder .window-content .extra > i {
  4097. margin-left: 0.125rem;
  4098. }
  4099. .attribute-builder .window-content .extra input[type=checkbox] {
  4100. height: var(--font-size-12);
  4101. margin: 0;
  4102. }
  4103. .crb-hover .tooltipster-box .tooltipster-content .hover-content h2:not(:first-child) {
  4104. margin-top: 10px;
  4105. }
  4106. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul.boost-details li {
  4107. white-space: nowrap;
  4108. display: flex;
  4109. flex-direction: row;
  4110. align-items: center;
  4111. }
  4112. .crb-hover .tooltipster-box .tooltipster-content .hover-content ul.boost-details li i {
  4113. font-size: var(--font-size-5);
  4114. margin-right: 5px;
  4115. }
  4116. .iwr-editor {
  4117. max-height: 500px;
  4118. }
  4119. .iwr-editor a.document-id-link {
  4120. display: none;
  4121. }
  4122. .iwr-editor .entries {
  4123. display: flex;
  4124. flex-direction: column;
  4125. gap: 0.5em;
  4126. }
  4127. .iwr-editor .entries .entry {
  4128. padding: 0.25em 0.5em;
  4129. }
  4130. .iwr-editor .entries .entry label {
  4131. flex: unset;
  4132. white-space: nowrap;
  4133. width: 6em;
  4134. }
  4135. .iwr-editor .entries .entry a.form-action,
  4136. .iwr-editor .entries .entry .synthetic-source {
  4137. flex: 0;
  4138. margin-left: 0.5em;
  4139. }
  4140. .iwr-editor .entries .entry:not(.new):nth-child(odd) {
  4141. background-color: rgba(0, 0, 0, 0.075);
  4142. }
  4143. .iwr-editor select:disabled {
  4144. color: var(--color-text-dark-7);
  4145. }
  4146. .iwr-editor tags.tagify.pf2e-tagify {
  4147. background: rgba(0, 0, 0, 0.05);
  4148. border: 1px solid var(--color-border-light-tertiary);
  4149. }
  4150. .iwr-editor tags.tagify.pf2e-tagify[disabled] > .tagify__input {
  4151. margin: 0;
  4152. }
  4153. .iwr-editor input[type=number] {
  4154. max-width: 5ch;
  4155. }
  4156. body > .choices__list--dropdown {
  4157. background-color: white;
  4158. position: fixed;
  4159. }
  4160. .actor.sheet .image-container {
  4161. position: relative;
  4162. }
  4163. .actor.sheet .image-container .hover-icon {
  4164. display: none;
  4165. font-size: var(--font-size-16);
  4166. }
  4167. .actor.sheet .image-container:hover .hover-icon {
  4168. display: block;
  4169. }
  4170. .actor.sheet .image-container [data-action=show-image] {
  4171. bottom: 0.25rem;
  4172. position: absolute;
  4173. right: 0.025rem;
  4174. }
  4175. .actor.sheet h3 {
  4176. border-bottom: none;
  4177. }
  4178. .actor.sheet button > i {
  4179. margin-right: 0;
  4180. }
  4181. .actor.sheet .item-summary {
  4182. --space-s: 0.25em;
  4183. --space-m: 0.5em;
  4184. --space-l: 1em;
  4185. --space-xl: 1.5em;
  4186. --space-2xl: 2em;
  4187. --radius: 3px;
  4188. overflow: hidden;
  4189. }
  4190. .actor.sheet .item-summary p {
  4191. min-height: unset;
  4192. }
  4193. .actor.sheet .item-summary :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
  4194. margin-top: 1em;
  4195. }
  4196. .actor.sheet .item-summary .inline-header {
  4197. display: flex;
  4198. align-items: center;
  4199. gap: var(--space-l);
  4200. background-color: var(--alt);
  4201. font-family: var(--sans-serif);
  4202. color: var(--text-light);
  4203. padding: 0;
  4204. font-size: 0.8em;
  4205. font-weight: 400;
  4206. border: none;
  4207. }
  4208. .actor.sheet .item-summary .inline-header strong {
  4209. display: inline-flex;
  4210. padding: 0 var(--space-m);
  4211. background-color: var(--primary);
  4212. min-width: 15ch;
  4213. border-right: 1px solid rgba(0, 0, 0, 0.4);
  4214. box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
  4215. font-weight: 400;
  4216. }
  4217. .actor.sheet .item-summary .inline-header + p {
  4218. margin-top: var(--space-s);
  4219. }
  4220. .actor.sheet .item-summary .info {
  4221. background-color: var(--secondary);
  4222. padding: var(--space-m);
  4223. color: var(--text-light);
  4224. margin-left: auto;
  4225. margin-right: auto;
  4226. padding: 0;
  4227. border-radius: var(--radius);
  4228. font-family: var(--sans-serif);
  4229. padding-bottom: var(--space-m);
  4230. }
  4231. .actor.sheet .item-summary .info > * + * {
  4232. margin-top: var(--space-m);
  4233. }
  4234. .actor.sheet .item-summary .info + * {
  4235. margin-top: var(--space-xl);
  4236. }
  4237. .actor.sheet .item-summary .info + .actor.sheet .item-summary .info {
  4238. margin-top: var(--space-s);
  4239. }
  4240. .actor.sheet .item-summary .info h4 {
  4241. font-size: 0.9em;
  4242. font-weight: 400;
  4243. line-height: 1.2;
  4244. font-family: var(--sans-serif);
  4245. border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  4246. padding: var(--space-m) var(--space-l);
  4247. position: relative;
  4248. display: flex;
  4249. align-items: center;
  4250. justify-content: space-between;
  4251. color: var(--text-light);
  4252. }
  4253. .actor.sheet .item-summary .info h4::after {
  4254. font-family: "Font Awesome 6";
  4255. content: "\f05a";
  4256. font-weight: 900;
  4257. margin-right: var(--space-s);
  4258. }
  4259. .actor.sheet .item-summary .info p {
  4260. font-size: 0.8em;
  4261. margin: 0;
  4262. padding: 0 var(--space-l);
  4263. }
  4264. .actor.sheet .item-summary .info p:first-of-type {
  4265. padding-top: var(--space-m);
  4266. border-top: 1px solid rgba(255, 255, 255, 0.1);
  4267. }
  4268. .actor.sheet .item-summary .traits {
  4269. display: flex;
  4270. flex-wrap: wrap;
  4271. padding: 0;
  4272. }
  4273. .actor.sheet .item-summary .traits p {
  4274. display: inline-flex;
  4275. padding: 0.16rem 0.25rem;
  4276. margin: 0;
  4277. background-color: var(--primary);
  4278. border: 2px solid var(--color-border-trait);
  4279. color: var(--text-light);
  4280. font: 500 var(--font-size-10) var(--sans-serif);
  4281. text-transform: uppercase;
  4282. }
  4283. .actor.sheet .item-summary .statblock {
  4284. font-family: var(--sans-serif-condensed);
  4285. color: var(--text-dark);
  4286. line-height: 1.2;
  4287. margin-bottom: var(--space-m);
  4288. }
  4289. .actor.sheet .item-summary .statblock > * + * {
  4290. margin-top: var(--space-s);
  4291. margin-bottom: 0;
  4292. }
  4293. .actor.sheet .item-summary .statblock p {
  4294. --indent: var(--space-l);
  4295. margin-left: var(--indent);
  4296. position: relative;
  4297. }
  4298. .actor.sheet .item-summary .statblock p strong:first-of-type {
  4299. margin-left: calc(var(--indent) * -1);
  4300. }
  4301. .actor.sheet .item-summary .statblock p .trait:first-of-type {
  4302. margin-left: calc(var(--indent) * -1 - 2px);
  4303. }
  4304. .actor.sheet .item-summary .statblock span.pf2-icon {
  4305. line-height: 1;
  4306. }
  4307. .actor.sheet .item-summary .statblock h1,
  4308. .actor.sheet .item-summary .statblock h2,
  4309. .actor.sheet .item-summary .statblock h3,
  4310. .actor.sheet .item-summary .statblock h4 {
  4311. display: flex;
  4312. align-items: baseline;
  4313. justify-content: space-between;
  4314. border-bottom: 1px solid var(--color-border-dark);
  4315. text-transform: uppercase;
  4316. letter-spacing: -0.05em;
  4317. font-family: var(--sans-serif-condensed);
  4318. font-weight: 700;
  4319. }
  4320. .actor.sheet .item-summary .statblock hr {
  4321. border: none;
  4322. border-bottom: 1px solid var(--color-border-dark);
  4323. }
  4324. .actor.sheet .item-summary .message {
  4325. font-family: var(--journal-cursive);
  4326. font-size: 2em;
  4327. line-height: 1.2;
  4328. }
  4329. .actor.sheet .item-summary span[data-visibility=all] {
  4330. display: inline-block;
  4331. line-height: 1em;
  4332. padding: 2px 1px 1px;
  4333. }
  4334. .actor.sheet .item-summary .item-buttons button {
  4335. background-color: var(--primary);
  4336. border: none;
  4337. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  4338. border-top: 1px solid #ff5e5e;
  4339. border-bottom: 1px solid black;
  4340. color: var(--text-light);
  4341. cursor: pointer;
  4342. font-family: var(--serif);
  4343. font-size: var(--font-size-14);
  4344. font-weight: 500;
  4345. line-height: 1.8em;
  4346. margin: 8px 0 0 0;
  4347. padding: 0 8px;
  4348. }
  4349. .actor.sheet .item-summary .item-buttons button:hover {
  4350. box-shadow: none;
  4351. text-shadow: 0 0 2px white;
  4352. }
  4353. .actor.sheet .expandable:not(.expanded) .item-summary {
  4354. display: none;
  4355. }
  4356. .actor.sheet .inventory {
  4357. --border-color: var(--alt);
  4358. }
  4359. .actor.sheet .inventory ol:not(.currency) {
  4360. margin: 0;
  4361. padding: 0;
  4362. list-style: none;
  4363. display: flex;
  4364. flex-direction: column;
  4365. }
  4366. .actor.sheet .inventory .notify {
  4367. animation: glow 0.75s infinite alternate;
  4368. }
  4369. .actor.sheet .inventory .item-name {
  4370. align-items: center;
  4371. display: flex;
  4372. flex: 2;
  4373. font-weight: 500;
  4374. gap: 0.25rem;
  4375. padding-right: 0.25rem;
  4376. }
  4377. .actor.sheet .inventory .item-name h3,
  4378. .actor.sheet .inventory .item-name h4 {
  4379. cursor: pointer;
  4380. font-weight: 500;
  4381. line-height: var(--font-size-12);
  4382. margin: auto auto auto 0;
  4383. padding: 2px;
  4384. word-break: break-word;
  4385. }
  4386. .actor.sheet .inventory .item-name h3:hover,
  4387. .actor.sheet .inventory .item-name h4:hover {
  4388. color: var(--primary);
  4389. }
  4390. .actor.sheet .inventory .item-name h3 i.fa-info-circle,
  4391. .actor.sheet .inventory .item-name h4 i.fa-info-circle {
  4392. color: var(--text-dark);
  4393. }
  4394. .actor.sheet .inventory .item-name h3 i.fa-info-circle:hover,
  4395. .actor.sheet .inventory .item-name h4 i.fa-info-circle:hover {
  4396. color: var(--text-dark);
  4397. }
  4398. .actor.sheet .inventory .item-name h4:not(:hover).rarity-uncommon {
  4399. border-color: var(--color-rarity-uncommon);
  4400. color: var(--color-rarity-uncommon);
  4401. }
  4402. .actor.sheet .inventory .item-name h4:not(:hover).rarity-rare {
  4403. border-color: var(--color-rarity-rare);
  4404. color: var(--color-rarity-rare);
  4405. }
  4406. .actor.sheet .inventory .item-name h4:not(:hover).rarity-unique {
  4407. border-color: var(--color-rarity-unique);
  4408. color: var(--color-rarity-unique);
  4409. }
  4410. .actor.sheet .inventory .item-name .size {
  4411. font-size: 0.8em;
  4412. color: var(--alt);
  4413. margin: 0;
  4414. }
  4415. .actor.sheet .inventory .item-name .item-charges {
  4416. color: var(--sub);
  4417. }
  4418. .actor.sheet .inventory .inventory-list,
  4419. .actor.sheet .inventory .inventory-items {
  4420. flex-direction: column;
  4421. list-style-type: none;
  4422. position: relative;
  4423. width: 100%;
  4424. }
  4425. .actor.sheet .inventory .inventory-list > li:nth-of-type(even),
  4426. .actor.sheet .inventory .inventory-items > li:nth-of-type(even) {
  4427. background-color: rgba(120, 100, 82, 0.1);
  4428. }
  4429. .actor.sheet .inventory .inventory-list .list-row:last-child .item-summary,
  4430. .actor.sheet .inventory .inventory-items .list-row:last-child .item-summary {
  4431. border-bottom: none;
  4432. }
  4433. .actor.sheet .inventory .inventory-list .temporary-item,
  4434. .actor.sheet .inventory .inventory-items .temporary-item {
  4435. background-color: rgba(0, 5, 255, 0.1137254902);
  4436. }
  4437. .actor.sheet .inventory .inventory-list {
  4438. overflow: hidden scroll;
  4439. display: flex;
  4440. height: calc(100% - 60px);
  4441. padding-right: 0.15rem;
  4442. }
  4443. .actor.sheet .inventory .quantity,
  4444. .actor.sheet .inventory .bulk,
  4445. .actor.sheet .inventory .item-controls,
  4446. .actor.sheet .inventory .sell-value {
  4447. display: flex;
  4448. justify-content: center;
  4449. align-items: center;
  4450. flex: 0 0 68px;
  4451. }
  4452. .actor.sheet .inventory .sell-value {
  4453. justify-content: end;
  4454. padding-right: 3px;
  4455. }
  4456. .actor.sheet .inventory .quantity {
  4457. justify-content: space-around;
  4458. }
  4459. .actor.sheet .inventory .quantity .decrease,
  4460. .actor.sheet .inventory .quantity .increase {
  4461. display: flex;
  4462. justify-content: center;
  4463. align-items: center;
  4464. font-family: var(--sans-serif-monospace);
  4465. height: 100%;
  4466. text-align: center;
  4467. width: 18px;
  4468. }
  4469. .actor.sheet .inventory .bulk {
  4470. flex: 0 0 36px;
  4471. }
  4472. .actor.sheet .inventory .item-controls {
  4473. flex: 0 0 90px;
  4474. font-size: var(--font-size-12);
  4475. gap: 1px;
  4476. justify-content: end;
  4477. }
  4478. .actor.sheet .inventory .inventory-header {
  4479. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  4480. align-items: center;
  4481. background-color: var(--alt);
  4482. color: var(--color-text-light-0);
  4483. display: flex;
  4484. font-family: var(--sans-serif);
  4485. font-size: var(--font-size-10);
  4486. justify-content: end;
  4487. letter-spacing: 0.05em;
  4488. line-height: 1;
  4489. margin-top: 6px;
  4490. padding: 0.25rem;
  4491. text-rendering: optimizeLegibility;
  4492. text-transform: uppercase;
  4493. width: 100%;
  4494. }
  4495. .actor.sheet .inventory .inventory-header:first-child {
  4496. margin-top: 0;
  4497. }
  4498. .actor.sheet .inventory .inventory-header h3 {
  4499. font-size: var(--font-size-14);
  4500. margin: 2px 0;
  4501. text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
  4502. text-transform: capitalize;
  4503. }
  4504. .actor.sheet .inventory .inventory-header h3:hover {
  4505. color: var(--color-text-light-0);
  4506. }
  4507. .actor.sheet .inventory .inventory-header .item-name {
  4508. padding-left: 4px;
  4509. }
  4510. .actor.sheet .inventory .inventory-header .item-invested-total {
  4511. flex: none;
  4512. margin-right: 1em;
  4513. }
  4514. .actor.sheet .inventory .inventory-header .item-controls {
  4515. gap: 0.25rem;
  4516. }
  4517. .actor.sheet .inventory .inventory-header .overinvested {
  4518. color: orange;
  4519. text-shadow: 1px 1px 0px black;
  4520. }
  4521. .actor.sheet .inventory .inventory-items {
  4522. border: 1px solid var(--border-color);
  4523. border-top: none;
  4524. }
  4525. .actor.sheet .inventory .item {
  4526. display: flex;
  4527. flex-wrap: wrap;
  4528. font-size: var(--font-size-12);
  4529. justify-content: flex-start;
  4530. width: 100%;
  4531. }
  4532. .actor.sheet .inventory .item .quantity,
  4533. .actor.sheet .inventory .item .bulk,
  4534. .actor.sheet .inventory .item .item-controls,
  4535. .actor.sheet .inventory .item .sell-value {
  4536. border-left: 1px solid var(--alt);
  4537. }
  4538. .actor.sheet .inventory .list-row {
  4539. width: 100%;
  4540. }
  4541. .actor.sheet .inventory .list-row .item-controls {
  4542. color: var(--text-dark);
  4543. font-size: var(--font-size-13);
  4544. }
  4545. .actor.sheet .inventory .list-row .item-controls .item-control.toggle-invested, .actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type {
  4546. color: rgba(0, 0, 0, 0.5);
  4547. }
  4548. .actor.sheet .inventory .list-row .item-controls .item-control.toggle-invested.active, .actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type.active {
  4549. color: var(--secondary);
  4550. }
  4551. .actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type {
  4552. text-align: right;
  4553. }
  4554. .actor.sheet .inventory .list-row .item-controls .item-control .fa-stack {
  4555. margin: -3px -2px 0;
  4556. }
  4557. .actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-1,
  4558. .actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-2 {
  4559. left: 1px;
  4560. position: relative;
  4561. }
  4562. .actor.sheet .inventory .list-row.drag-preview {
  4563. box-shadow: 0 0 6px inset var(--color-shadow-highlight);
  4564. }
  4565. .actor.sheet .inventory .list-row.drag-gap {
  4566. visibility: hidden;
  4567. }
  4568. .actor.sheet .inventory .container-metadata .container-capacity {
  4569. font-family: var(--sans-serif);
  4570. font-size: var(--font-size-10);
  4571. text-transform: uppercase;
  4572. letter-spacing: 0.05em;
  4573. text-rendering: optimizeLegibility;
  4574. position: relative;
  4575. background-color: rgba(0, 0, 0, 0.75);
  4576. box-shadow: inset 0 0 4px black;
  4577. color: var(--color-text-light-0);
  4578. display: flex;
  4579. width: 100%;
  4580. }
  4581. .actor.sheet .inventory .container-metadata .container-capacity .container-capacity-bar {
  4582. background-color: var(--secondary);
  4583. border-radius: 0 2px 2px 0;
  4584. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.1);
  4585. padding: 8px 0;
  4586. }
  4587. .actor.sheet .inventory .container-metadata .container-capacity .container-capacity-label {
  4588. position: absolute;
  4589. height: 100%;
  4590. top: 0;
  4591. left: 0;
  4592. padding: 2px;
  4593. }
  4594. .actor.sheet .inventory .container-metadata .container-capacity.over-limit .container-capacity-bar {
  4595. background-color: var(--primary);
  4596. }
  4597. .actor.sheet .inventory .container-metadata .container-held-items {
  4598. padding-left: 10px;
  4599. border-left: none;
  4600. border-right: none;
  4601. }
  4602. .actor.sheet .inventory .container-metadata .container-held-items li:nth-of-type(even) {
  4603. background-color: rgba(120, 100, 82, 0.1);
  4604. }
  4605. .actor.sheet .inventory .container-metadata .container-held-items li:first-of-type .item::before {
  4606. height: 50%;
  4607. top: 0;
  4608. }
  4609. .actor.sheet .inventory .container-metadata .container-held-items .item {
  4610. position: relative;
  4611. }
  4612. .actor.sheet .inventory .container-metadata .container-held-items .item::before, .actor.sheet .inventory .container-metadata .container-held-items .item::after {
  4613. position: absolute;
  4614. border-left: 1px solid var(--alt);
  4615. top: 0;
  4616. height: 50%;
  4617. left: -5px;
  4618. width: 5px;
  4619. content: "";
  4620. }
  4621. .actor.sheet .inventory .container-metadata .container-held-items .item::before {
  4622. border-bottom: 1px solid var(--alt);
  4623. top: 0;
  4624. }
  4625. .actor.sheet .inventory .container-metadata .container-held-items .item::after {
  4626. top: 50%;
  4627. }
  4628. .actor.sheet .inventory .container-metadata .container-held-items .item .item-summary {
  4629. border-left: 1px solid var(--alt);
  4630. }
  4631. .actor.sheet .inventory .container-metadata .container-held-items .container-metadata {
  4632. position: relative;
  4633. }
  4634. .actor.sheet .inventory .container-metadata .container-held-items .container-metadata::before {
  4635. position: absolute;
  4636. border-left: 1px solid var(--alt);
  4637. top: 0;
  4638. height: 100%;
  4639. left: -5px;
  4640. width: 0px;
  4641. content: "";
  4642. }
  4643. .actor.sheet .inventory .container-metadata .container-held-items li:last-of-type .item::after,
  4644. .actor.sheet .inventory .container-metadata .container-held-items li:last-of-type .container-metadata::before {
  4645. border: none;
  4646. }
  4647. .actor.sheet .inventory .item-summary {
  4648. flex: 100%;
  4649. padding: 4px 8px 8px;
  4650. border-top: 1px solid var(--alt);
  4651. border-bottom: 1px solid var(--alt);
  4652. background: rgba(255, 255, 255, 0.333);
  4653. }
  4654. .actor.sheet .inventory .encumbrance {
  4655. align-items: center;
  4656. display: grid;
  4657. grid: "img bar overflow" min-content/24px 1fr;
  4658. margin-top: auto;
  4659. }
  4660. .actor.sheet .inventory .encumbrance img {
  4661. border: none;
  4662. border-radius: 2px;
  4663. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
  4664. border-radius: 0;
  4665. grid-area: img;
  4666. position: relative;
  4667. z-index: 4;
  4668. }
  4669. .actor.sheet .inventory .encumbrance .encumbrance-bar {
  4670. position: relative;
  4671. z-index: 2;
  4672. grid-area: bar;
  4673. height: 16px;
  4674. width: 100%;
  4675. background-color: var(--secondary);
  4676. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  4677. }
  4678. .actor.sheet .inventory .encumbrance .encumbrance-label {
  4679. position: relative;
  4680. z-index: 3;
  4681. grid-area: bar;
  4682. color: var(--text-light);
  4683. font-family: var(--serif);
  4684. font-size: var(--font-size-12);
  4685. font-weight: 500;
  4686. padding: 0 8px;
  4687. padding-top: 2px;
  4688. display: flex;
  4689. align-items: center;
  4690. justify-content: space-between;
  4691. width: 100%;
  4692. text-shadow: 0 0 2px black;
  4693. }
  4694. .actor.sheet .inventory .encumbrance .encumbrance-light-bulk-overflow {
  4695. position: relative;
  4696. z-index: 3;
  4697. grid-area: overflow;
  4698. color: var(--text-dark);
  4699. font-family: var(--serif);
  4700. font-size: var(--font-size-12);
  4701. font-weight: 500;
  4702. padding: 0 8px;
  4703. padding-top: 2px;
  4704. display: flex;
  4705. align-items: center;
  4706. justify-content: space-between;
  4707. width: 100%;
  4708. text-shadow: 0 0 2px white;
  4709. }
  4710. .actor.sheet .inventory .encumbrance .bar-bg {
  4711. position: relative;
  4712. z-index: 1;
  4713. grid-area: bar;
  4714. width: 100%;
  4715. height: 16px;
  4716. background-color: rgba(0, 0, 0, 0.5);
  4717. border-radius: 0 2px 2px 0;
  4718. box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.75);
  4719. }
  4720. .actor.sheet .inventory .encumbrance.over-limit .encumbrance-bar {
  4721. background-color: var(--primary) !important;
  4722. }
  4723. .actor.sheet .inventory .total-bulk {
  4724. align-items: center;
  4725. display: flex;
  4726. font-weight: 500;
  4727. gap: 0.25rem;
  4728. height: 1.5rem;
  4729. justify-content: start;
  4730. margin-bottom: 0.7rem;
  4731. }
  4732. .actor.sheet .inventory .total-bulk img {
  4733. border: none;
  4734. border-radius: 2px;
  4735. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
  4736. height: 1.5rem;
  4737. width: 1.5rem;
  4738. border-radius: 0;
  4739. z-index: 1;
  4740. }
  4741. .actor.sheet .inventory .total-bulk .bar {
  4742. justify-content: start;
  4743. margin-top: 0;
  4744. position: relative;
  4745. height: 1.25rem;
  4746. padding-left: 0.5rem;
  4747. left: -0.35rem;
  4748. z-index: 0;
  4749. }
  4750. .actor.sheet a.disabled {
  4751. cursor: default;
  4752. }
  4753. .actor.sheet a.disabled:hover {
  4754. text-shadow: none;
  4755. }
  4756. .actor.sheet i.fa-info-circle {
  4757. cursor: help;
  4758. }
  4759. .actor.sheet .item-image {
  4760. cursor: pointer;
  4761. display: flex;
  4762. flex: 0 0 1.5rem;
  4763. font-size: var(--font-size-16);
  4764. height: 1.5rem;
  4765. position: relative;
  4766. }
  4767. .actor.sheet .item-image.framed {
  4768. background-color: var(--tertiary);
  4769. }
  4770. .actor.sheet .item-image.framed img {
  4771. border-radius: 2px;
  4772. }
  4773. .actor.sheet .item-image.framed,
  4774. .actor.sheet .item-image.framed i {
  4775. border: none;
  4776. border-radius: 2px;
  4777. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
  4778. }
  4779. .actor.sheet .item-image img {
  4780. border: none;
  4781. border-radius: 0;
  4782. }
  4783. .actor.sheet .item-image i {
  4784. box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  4785. color: var(--text-dark);
  4786. display: none;
  4787. height: 100%;
  4788. position: absolute;
  4789. width: 100%;
  4790. }
  4791. .actor.sheet .item-image:hover i {
  4792. align-items: center;
  4793. background: #f1eee9;
  4794. display: flex;
  4795. justify-content: center;
  4796. }
  4797. .actor.sheet .alignment-select {
  4798. background-color: var(--color-bg-alignment);
  4799. border: 2px solid var(--color-border-trait);
  4800. color: var(--color-text-trait);
  4801. }
  4802. .actor.sheet .size-select {
  4803. background-color: var(--color-bg-size);
  4804. border: 2px solid var(--color-border-trait);
  4805. color: var(--color-text-trait);
  4806. }
  4807. .actor.sheet .rarity-select {
  4808. border: 2px solid var(--color-border-trait);
  4809. color: var(--color-text-trait);
  4810. }
  4811. .actor.sheet .rarity-select.common {
  4812. background-color: var(--color-rarity-common);
  4813. }
  4814. .actor.sheet .rarity-select.uncommon {
  4815. background-color: var(--color-rarity-uncommon);
  4816. }
  4817. .actor.sheet .rarity-select.rare {
  4818. background-color: var(--color-rarity-rare);
  4819. }
  4820. .actor.sheet .rarity-select.unique {
  4821. background-color: var(--color-rarity-unique);
  4822. }
  4823. .actor.sheet.character .attack-popout.actions {
  4824. gap: 0.5rem;
  4825. padding: 0;
  4826. margin-left: 0.25rem;
  4827. }
  4828. .actor.sheet.character .attack-popout.actions ol.actions-list + .actions-list {
  4829. margin-top: 0.5rem;
  4830. }
  4831. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .item-name {
  4832. align-items: start;
  4833. }
  4834. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .item-name .actions-title {
  4835. display: flex;
  4836. flex-direction: column;
  4837. }
  4838. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .item-name .item-image {
  4839. flex: 0 0 2rem;
  4840. height: 2rem;
  4841. }
  4842. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .action-name .item-controls {
  4843. margin-left: auto;
  4844. }
  4845. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group {
  4846. align-items: center;
  4847. display: flex;
  4848. flex-direction: row;
  4849. flex-wrap: nowrap;
  4850. font-size: var(--font-size-14);
  4851. margin-bottom: 0;
  4852. padding: 2px 0;
  4853. }
  4854. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group button {
  4855. border: none;
  4856. flex: 0;
  4857. gap: 2px;
  4858. height: 1.25rem;
  4859. line-height: unset;
  4860. margin: 0;
  4861. padding: 0 0.5em;
  4862. white-space: nowrap;
  4863. }
  4864. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group button:not(:disabled):hover {
  4865. box-shadow: none;
  4866. text-shadow: 0 0 2px var(--text-light);
  4867. }
  4868. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options {
  4869. align-items: center;
  4870. display: flex;
  4871. font-size: var(--font-size-14);
  4872. gap: 2px;
  4873. justify-content: center;
  4874. padding: 0 3px;
  4875. }
  4876. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options .title {
  4877. text-transform: uppercase;
  4878. }
  4879. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button {
  4880. align-items: center;
  4881. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  4882. display: flex;
  4883. justify-content: center;
  4884. width: 3ch;
  4885. }
  4886. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button.selected {
  4887. background: var(--text-dark);
  4888. }
  4889. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button.selected > i[class^=fa-] {
  4890. color: var(--bg-dark);
  4891. }
  4892. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button:not(disabled):hover {
  4893. box-shadow: inset 0 0 0 1px rgba(94, 0, 0, 0.5);
  4894. text-shadow: none;
  4895. }
  4896. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button:active {
  4897. text-shadow: 0 0 1px var(--primary);
  4898. }
  4899. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .alt-usage {
  4900. flex-basis: 100%;
  4901. margin-left: calc(3em - 2px);
  4902. position: relative;
  4903. }
  4904. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .alt-usage .alt-usage-icon {
  4905. border: none;
  4906. height: 1rem;
  4907. position: absolute;
  4908. left: -1.5em;
  4909. top: 0.2em;
  4910. }
  4911. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo,
  4912. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions {
  4913. margin-left: 2.5rem;
  4914. }
  4915. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo {
  4916. align-items: center;
  4917. display: flex;
  4918. gap: 3px;
  4919. margin-bottom: 2px;
  4920. }
  4921. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo select.linked {
  4922. font: normal var(--font-size-12) var(--sans-serif);
  4923. line-height: var(--font-size-12);
  4924. padding-top: 3px;
  4925. width: fit-content;
  4926. }
  4927. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo select.linked[data-compatible=false] {
  4928. color: rgba(255, 255, 255, 0.6);
  4929. }
  4930. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo select.linked option,
  4931. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo select.linked optgroup {
  4932. color: var(--text-light);
  4933. }
  4934. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo .magazine {
  4935. margin-right: 0.5rem;
  4936. font-family: var(--sans-serif);
  4937. font-weight: 600;
  4938. }
  4939. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo .magazine .icon {
  4940. display: inline-block;
  4941. width: 0.9rem;
  4942. height: 0.9rem;
  4943. background-image: url("../assets/icons/heavy-bullets.svg");
  4944. background-size: cover;
  4945. }
  4946. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions {
  4947. display: flex;
  4948. gap: 3px;
  4949. }
  4950. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions button select.modular {
  4951. appearance: auto;
  4952. background: none;
  4953. color: var(--text-dark);
  4954. cursor: default;
  4955. font: inherit;
  4956. margin-left: 0.5em;
  4957. padding: 0.15em 0.2em;
  4958. text-transform: uppercase;
  4959. }
  4960. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions button select.modular option {
  4961. background: var(--bg-dark);
  4962. }
  4963. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions button:has(select.modular:hover) {
  4964. text-shadow: none;
  4965. }
  4966. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike:not(.ready) .item-name {
  4967. color: var(--color-text-dark-4);
  4968. }
  4969. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike:not(.ready) .item-name .item-image {
  4970. cursor: default;
  4971. filter: grayscale(1);
  4972. }
  4973. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike:not(.ready) .item-name .item-image:hover i {
  4974. display: none;
  4975. }
  4976. .actor.sheet.character .attack-popout.actions ol.actions-list li.strike:not(.ready) .hands-occupied {
  4977. font: italic 500 var(--font-size-10) var(--sans-serif);
  4978. letter-spacing: 0.05em;
  4979. text-rendering: optimizeLegibility;
  4980. text-transform: uppercase;
  4981. }
  4982. .actor.sheet.character .attack-popout.actions ol.actions-list li.action .item-image:hover {
  4983. background: none;
  4984. }
  4985. .actor.sheet.character .attack-popout.actions ol.actions-list li.action .tracking {
  4986. align-items: center;
  4987. display: flex;
  4988. flex-direction: row;
  4989. flex-wrap: nowrap;
  4990. margin-left: auto;
  4991. margin-right: 1rem;
  4992. }
  4993. .actor.sheet.character .attack-popout.actions ol.actions-list li.action .tracking input {
  4994. width: 0;
  4995. flex: 0 1 4rem;
  4996. text-align: center;
  4997. }
  4998. .actor.sheet.character .attack-popout.actions ol.actions-list li.action .tracking span {
  4999. white-space: nowrap;
  5000. }
  5001. .actor.sheet.character .attack-popout.actions h4 {
  5002. flex: 1;
  5003. }
  5004. .actor.sheet.character .attack-popout.actions button.activate {
  5005. background: none;
  5006. border: 1px solid var(--color-border-dark);
  5007. border-radius: 5px;
  5008. flex: 0;
  5009. line-height: 1.25em;
  5010. opacity: 0.7;
  5011. margin-right: 0.5rem;
  5012. padding: 0 0.25rem;
  5013. }
  5014. .actor.sheet.character .attack-popout.actions button.activate.active, .actor.sheet.character .attack-popout.actions button.activate:hover {
  5015. background-color: var(--primary);
  5016. color: var(--text-light);
  5017. opacity: 1;
  5018. }
  5019. .actor.sheet.character .attack-popout.actions .item-controls {
  5020. display: flex;
  5021. min-width: 2.5em;
  5022. justify-content: end;
  5023. }
  5024. .actor.sheet.character .attack-popout .actions-container {
  5025. padding: 0 0.5rem 2rem 0;
  5026. }
  5027. .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper {
  5028. justify-items: center;
  5029. }
  5030. .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .action-radio {
  5031. display: none;
  5032. }
  5033. .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels {
  5034. min-height: min-content;
  5035. width: 100%;
  5036. }
  5037. .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-panel {
  5038. display: none;
  5039. }
  5040. .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-panel.active {
  5041. display: flex;
  5042. flex-direction: column;
  5043. }
  5044. .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options {
  5045. border-image-repeat: repeat;
  5046. border-image-slice: 11;
  5047. border-image-source: url("../assets/sheet/frame-elegant.svg");
  5048. border-image-width: 14px;
  5049. border-style: double;
  5050. display: flex;
  5051. flex-wrap: wrap;
  5052. margin-bottom: 0.5rem;
  5053. padding: 0.5rem 1rem;
  5054. }
  5055. .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option {
  5056. align-items: center;
  5057. display: flex;
  5058. width: 100%;
  5059. margin: 1px 0;
  5060. }
  5061. .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label * {
  5062. vertical-align: middle;
  5063. }
  5064. .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label input {
  5065. margin: 0;
  5066. padding: 0;
  5067. }
  5068. .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label .unchecked-disabled {
  5069. color: var(--color-text-dark-inactive);
  5070. }
  5071. .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label select {
  5072. margin-left: 0.25em;
  5073. }
  5074. .actor.sheet.character .attack-popout ol.actions-list {
  5075. padding-left: 0;
  5076. }
  5077. .actor.sheet.character .attack-popout ol.actions-list li.action-header {
  5078. align-items: center;
  5079. display: flex;
  5080. }
  5081. .actor.sheet.character .attack-popout ol.actions-list li.action, .actor.sheet.character .attack-popout ol.actions-list li.strike {
  5082. border: solid transparent;
  5083. border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
  5084. border-width: 0 0 1px;
  5085. padding: 4px;
  5086. width: 100%;
  5087. }
  5088. .actor.sheet.character .attack-popout ol.actions-list li.action p:empty, .actor.sheet.character .attack-popout ol.actions-list li.strike p:empty {
  5089. display: none;
  5090. }
  5091. .actor.sheet.character .attack-popout ol.actions-list li.action .item-name, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name {
  5092. align-items: center;
  5093. display: flex;
  5094. gap: 0.5rem;
  5095. grid-area: icon-name;
  5096. margin: 0;
  5097. }
  5098. .actor.sheet.character .attack-popout ol.actions-list li.action .item-name h4, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name h4 {
  5099. cursor: pointer;
  5100. margin: 0;
  5101. max-width: fit-content;
  5102. }
  5103. .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .item-image, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .item-image {
  5104. display: flex;
  5105. justify-content: center;
  5106. align-items: center;
  5107. background-repeat: no-repeat;
  5108. background-size: contain;
  5109. cursor: pointer;
  5110. font-size: var(--font-size-18);
  5111. }
  5112. .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title {
  5113. flex: 1;
  5114. }
  5115. .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title .action-name, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title .action-name {
  5116. align-items: baseline;
  5117. display: flex;
  5118. flex-direction: row;
  5119. gap: 0.5em;
  5120. }
  5121. .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title .action-name > h4, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title .action-name > h4 {
  5122. cursor: pointer;
  5123. }
  5124. .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title .action-name > h4:hover, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title .action-name > h4:hover {
  5125. color: var(--primary);
  5126. }
  5127. .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title .action-name > h4:hover .action-glyph, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title .action-name > h4:hover .action-glyph {
  5128. color: var(--text-dark);
  5129. }
  5130. .actor.sheet.character .attack-popout ol.actions-list li.action button.use-action, .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action {
  5131. align-items: center;
  5132. border-radius: 2px;
  5133. border: none;
  5134. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 2px rgba(0, 0, 0, 0.2);
  5135. display: flex;
  5136. flex: 0;
  5137. font: 500 var(--font-size-10) var(--sans-serif);
  5138. gap: 0.25em;
  5139. height: 2em;
  5140. justify-content: space-evenly;
  5141. letter-spacing: 0.05em;
  5142. margin: 0;
  5143. max-width: fit-content;
  5144. padding: 0.5em;
  5145. text-rendering: optimizeLegibility;
  5146. text-transform: uppercase;
  5147. white-space: nowrap;
  5148. }
  5149. .actor.sheet.character .attack-popout ol.actions-list li.action button.use-action:not(:disabled), .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action:not(:disabled) {
  5150. background: var(--bg-dark);
  5151. cursor: pointer;
  5152. }
  5153. .actor.sheet.character .attack-popout ol.actions-list li.action button.use-action:not(:disabled):hover, .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action:not(:disabled):hover {
  5154. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4);
  5155. }
  5156. .actor.sheet.character .attack-popout ol.actions-list li.action button.use-action:not(:disabled):active, .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action:not(:disabled):active {
  5157. color: var(--primary);
  5158. }
  5159. .actor.sheet.character .attack-popout ol.actions-list li.action .item-controls, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-controls {
  5160. font-size: var(--font-size-12);
  5161. grid-area: controls;
  5162. white-space: nowrap;
  5163. }
  5164. .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary {
  5165. flex-basis: 100%;
  5166. margin: 0.5rem 0;
  5167. }
  5168. .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .title,
  5169. .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .title,
  5170. .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing {
  5171. color: var(--primary);
  5172. margin-top: 1em;
  5173. margin: 0;
  5174. padding: 0;
  5175. }
  5176. .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing {
  5177. color: var(--secondary);
  5178. margin: 1em 0 0.25em;
  5179. }
  5180. .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing strong, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing strong {
  5181. font-weight: 500;
  5182. }
  5183. .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing + p, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing + p {
  5184. margin-top: 0;
  5185. }
  5186. .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary img, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary img {
  5187. border: none;
  5188. vertical-align: middle;
  5189. }
  5190. .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary img.actionlight, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary img.actionlight {
  5191. background: var(--alt);
  5192. vertical-align: middle;
  5193. border: 1px solid var(--text-dark);
  5194. }
  5195. .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-off:hover, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off:hover {
  5196. box-shadow: none;
  5197. text-shadow: 0 0 2px white;
  5198. }
  5199. .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-off, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off {
  5200. cursor: pointer;
  5201. }
  5202. .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on {
  5203. background-color: rgba(23, 31, 105, 0.5);
  5204. color: var(--text-dark);
  5205. text-shadow: 0 0 2px white;
  5206. }
  5207. .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary {
  5208. border-image-repeat: repeat;
  5209. border-image-slice: 11;
  5210. border-image-source: url("../assets/sheet/frame-elegant.svg");
  5211. border-image-width: 14px;
  5212. border-style: double;
  5213. padding: 0.5rem 1rem 1rem;
  5214. }
  5215. .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary dd, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary dd {
  5216. margin: 0;
  5217. margin-bottom: 0.5rem;
  5218. }
  5219. .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .tag.tag_secondary, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .tag.tag_secondary {
  5220. background-color: rgba(0, 0, 0, 0.8);
  5221. }
  5222. .actor.sheet.character .attack-popout ol.actions-list li.action.hidden, .actor.sheet.character .attack-popout ol.actions-list li.strike.hidden {
  5223. display: none;
  5224. }
  5225. .actor.sheet.character .attack-popout ol.actions-list li.action {
  5226. align-items: center;
  5227. column-gap: 0.5rem;
  5228. display: grid;
  5229. grid: "icon name tracking controls" 1fr "icon buttons tracking controls" auto "summary summary summary summary" auto/min-content 1fr 20% 10%;
  5230. }
  5231. .actor.sheet.character .attack-popout ol.actions-list li.action > .icon {
  5232. grid-area: icon;
  5233. height: 32px;
  5234. width: 32px;
  5235. }
  5236. .actor.sheet.character .attack-popout ol.actions-list li.action .name {
  5237. align-items: center;
  5238. grid-area: name;
  5239. display: flex;
  5240. margin-bottom: 0;
  5241. text-align: left;
  5242. }
  5243. .actor.sheet.character .attack-popout ol.actions-list li.action .button-group {
  5244. grid-area: buttons;
  5245. display: flex;
  5246. flex-wrap: wrap;
  5247. gap: 1px;
  5248. }
  5249. .actor.sheet.character .attack-popout ol.actions-list li.action .tracking {
  5250. grid-area: tracking;
  5251. }
  5252. .actor.sheet.character .attack-popout ol.actions-list li.action .item-controls {
  5253. grid-area: controls;
  5254. }
  5255. .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary {
  5256. grid-area: summary;
  5257. }
  5258. .actor.sheet.character .attack-popout.actions {
  5259. margin: 0.25em 0.1em 0 0.4em;
  5260. }
  5261. .actor.sheet.character .attack-popout .actions-container {
  5262. padding: 0.5em 0 0.5em 0.4em;
  5263. }
  5264. .actor.sheet.character .attack-popout ol.actions-list li.strike {
  5265. border: unset;
  5266. }
  5267. .actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked {
  5268. -moz-appearance: none;
  5269. -webkit-appearance: none;
  5270. appearance: none;
  5271. background-color: var(--alt);
  5272. background-image: url("../assets/icons/chevron-down.svg");
  5273. background-position: right 0.25em top 50%;
  5274. background-repeat: no-repeat;
  5275. background-size: 1em auto;
  5276. border-radius: 2px;
  5277. border: 1px solid #53422a;
  5278. color: var(--text-light);
  5279. height: auto;
  5280. padding: 0.25rem 1.1rem 0.25rem 0.25rem;
  5281. position: relative;
  5282. text-overflow: ellipsis;
  5283. }
  5284. .actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked[data-compatible=false] {
  5285. color: rgba(255, 255, 255, 0.6);
  5286. }
  5287. .actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked option,
  5288. .actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked optgroup {
  5289. color: var(--text-light);
  5290. background-color: var(--alt);
  5291. }
  5292. .actor.sheet.character .crb-style .pf-rank {
  5293. font-family: var(--sans-serif);
  5294. font-size: var(--font-size-10);
  5295. text-transform: uppercase;
  5296. letter-spacing: 0.05em;
  5297. text-rendering: optimizeLegibility;
  5298. align-items: center;
  5299. background: var(--color-proficiency-untrained);
  5300. border-radius: 2px;
  5301. border: 1px solid rgba(0, 0, 0, 0.5);
  5302. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  5303. color: var(--text-light);
  5304. cursor: pointer;
  5305. display: flex;
  5306. font-weight: 500;
  5307. justify-content: center;
  5308. padding: 2px 1px 1px 1px;
  5309. text-align-last: center;
  5310. }
  5311. .actor.sheet.character .crb-style .pf-rank.readonly {
  5312. pointer-events: none;
  5313. }
  5314. .actor.sheet.character .crb-style .pf-rank option[value="0"] {
  5315. background: var(--color-proficiency-untrained);
  5316. }
  5317. .actor.sheet.character .crb-style .pf-rank.trained, .actor.sheet.character .crb-style .pf-rank[data-rank="1"],
  5318. .actor.sheet.character .crb-style .pf-rank option[value="1"] {
  5319. background: var(--color-proficiency-trained);
  5320. }
  5321. .actor.sheet.character .crb-style .pf-rank.expert, .actor.sheet.character .crb-style .pf-rank[data-rank="2"],
  5322. .actor.sheet.character .crb-style .pf-rank option[value="2"] {
  5323. background: var(--color-proficiency-expert);
  5324. }
  5325. .actor.sheet.character .crb-style .pf-rank.master, .actor.sheet.character .crb-style .pf-rank[data-rank="3"],
  5326. .actor.sheet.character .crb-style .pf-rank option[value="3"] {
  5327. background: var(--color-proficiency-master);
  5328. }
  5329. .actor.sheet.character .crb-style .pf-rank.legendary, .actor.sheet.character .crb-style .pf-rank[data-rank="4"],
  5330. .actor.sheet.character .crb-style .pf-rank option[value="4"] {
  5331. background: var(--color-proficiency-legendary);
  5332. }
  5333. .actor.sheet.character .crb-style span.pf-rank {
  5334. min-width: 61px;
  5335. pointer-events: none;
  5336. }
  5337. .actor.sheet.character .crb-style aside .sidebar a.roll-icon.rest {
  5338. padding-bottom: 0;
  5339. }
  5340. .actor.sheet.character .crb-style aside .sidebar .class-dc.secondary {
  5341. margin-top: 0.2em;
  5342. }
  5343. .actor.sheet.character .crb-style aside .sidebar .class-dc .classdc-rank {
  5344. align-items: center;
  5345. display: flex;
  5346. gap: 0.5em;
  5347. }
  5348. .actor.sheet.character .crb-style header.char-header .char-details .dots {
  5349. display: flex;
  5350. font-size: var(--font-size-10);
  5351. }
  5352. .actor.sheet.character .crb-style header.char-header .char-details .dots .label {
  5353. color: var(--sidebar-label);
  5354. padding-left: 3px;
  5355. margin-right: 8px;
  5356. font-weight: 700;
  5357. }
  5358. .actor.sheet.character .crb-style header.char-header .char-level .exp-data {
  5359. display: flex;
  5360. flex-direction: column;
  5361. justify-content: space-between;
  5362. padding: 0.5em 0;
  5363. position: relative;
  5364. }
  5365. .actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input {
  5366. font-size: var(--font-size-13);
  5367. height: 1.5em;
  5368. }
  5369. .actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input {
  5370. color: var(--text-light);
  5371. font-family: var(--sans-serif);
  5372. text-align: right;
  5373. width: 3em;
  5374. }
  5375. .actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input .slash {
  5376. color: var(--sidebar-label);
  5377. }
  5378. .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress {
  5379. background-color: unset;
  5380. border: 1px solid rgba(255, 255, 255, 0.1);
  5381. border-left: none;
  5382. bottom: 7px;
  5383. box-shadow: 0 0 2px var(--sidebar-label);
  5384. height: 5px;
  5385. left: -9px;
  5386. position: absolute;
  5387. width: 7em;
  5388. }
  5389. .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-moz-progress-bar {
  5390. background: var(--sidebar-title);
  5391. }
  5392. .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-webkit-progress-bar {
  5393. background: rgba(0, 0, 0, 0.2);
  5394. }
  5395. .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-webkit-progress-value {
  5396. background: var(--sidebar-title);
  5397. }
  5398. .actor.sheet.character .crb-style nav.sheet-navigation .item.to-hide {
  5399. opacity: 45%;
  5400. }
  5401. .actor.sheet.character .crb-style nav.sheet-navigation .item.hidden {
  5402. display: none;
  5403. }
  5404. .actor.sheet.character .crb-style nav.sheet-navigation .item .pfs-icon {
  5405. clip-rule: evenodd;
  5406. fill-rule: evenodd;
  5407. padding: 4px;
  5408. position: relative;
  5409. stroke-linejoin: round;
  5410. stroke-miterlimit: 2;
  5411. top: -1px;
  5412. }
  5413. .actor.sheet.character .crb-style nav.sheet-navigation .item .pfs-icon path {
  5414. fill-rule: nonzero;
  5415. }
  5416. .actor.sheet.character .crb-style nav.sheet-navigation .manage-tabs {
  5417. color: var(--text-light);
  5418. margin: 0;
  5419. padding: 0 6px;
  5420. }
  5421. .actor.sheet.character .crb-style .sheet-body .sheet-content > .tab.active {
  5422. display: flex;
  5423. height: 100%;
  5424. }
  5425. .actor.sheet.character .crb-style .sheet-body .sheet-content > .tab:not(.inventory, .actions),
  5426. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab-content {
  5427. overflow: hidden scroll;
  5428. flex-grow: 1;
  5429. min-height: 0;
  5430. overflow: hidden scroll;
  5431. }
  5432. .actor.sheet.character .crb-style .sheet-body .sheet-content nav + .tab-content {
  5433. padding-top: 0.75rem;
  5434. }
  5435. .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header {
  5436. position: relative;
  5437. margin-top: 0.75em;
  5438. font-size: var(--font-size-16);
  5439. font-family: var(--serif);
  5440. font-weight: 600;
  5441. color: var(--primary);
  5442. line-height: 1;
  5443. border-bottom: 1px solid var(--color-border-divider);
  5444. }
  5445. .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > button, .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > .controls {
  5446. position: absolute;
  5447. bottom: -1px;
  5448. right: 0;
  5449. }
  5450. .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header .controls {
  5451. display: flex;
  5452. }
  5453. .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header button {
  5454. background: transparent;
  5455. border-radius: 2px 2px 0 0;
  5456. border: 1px solid var(--color-border-divider);
  5457. color: var(--primary);
  5458. cursor: pointer;
  5459. font-family: var(--sans-serif);
  5460. font-size: var(--font-size-12);
  5461. font-weight: 500;
  5462. height: 20px;
  5463. line-height: var(--font-size-12);
  5464. margin: 0;
  5465. outline: none;
  5466. text-transform: uppercase;
  5467. width: auto;
  5468. }
  5469. .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header button.has-unallocated {
  5470. animation: glow 0.75s infinite alternate;
  5471. }
  5472. .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image i {
  5473. display: none;
  5474. position: absolute;
  5475. width: 100%;
  5476. height: 100%;
  5477. color: var(--text-dark);
  5478. }
  5479. .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image:hover i {
  5480. background: #f1eee9;
  5481. display: flex;
  5482. justify-content: center;
  5483. align-items: center;
  5484. }
  5485. .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed {
  5486. background-color: var(--tertiary);
  5487. }
  5488. .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed,
  5489. .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed i {
  5490. border: none;
  5491. border-radius: 2px;
  5492. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
  5493. }
  5494. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab {
  5495. flex-direction: column;
  5496. }
  5497. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character select {
  5498. width: calc(100% - 6px);
  5499. background-color: var(--alt);
  5500. border: 1px solid #605041;
  5501. }
  5502. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character select:disabled {
  5503. cursor: initial;
  5504. }
  5505. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character hr {
  5506. margin: 10px 6px 10px 0;
  5507. }
  5508. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 {
  5509. background-color: rgba(28, 28, 28, 0.1);
  5510. border: none;
  5511. color: var(--text-dark);
  5512. display: flex;
  5513. font: 700 var(--font-size-14) var(--body-serif);
  5514. grid-area: mod;
  5515. line-height: 1;
  5516. margin: 0;
  5517. padding: 8px 4px 6px;
  5518. width: calc(100% - 6px);
  5519. }
  5520. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 a {
  5521. margin-left: auto;
  5522. }
  5523. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 a i {
  5524. position: relative;
  5525. right: -2px;
  5526. top: -2px;
  5527. float: right;
  5528. }
  5529. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 span.value {
  5530. display: inline-block;
  5531. max-width: 87%;
  5532. overflow: hidden;
  5533. text-overflow: ellipsis;
  5534. white-space: nowrap;
  5535. }
  5536. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details {
  5537. display: grid;
  5538. grid: "img alignment deity" 46px "img details details" auto/120px 130px 1fr;
  5539. margin-top: 4px;
  5540. }
  5541. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .image-container {
  5542. grid-area: img;
  5543. margin-left: 0.25rem;
  5544. z-index: 3;
  5545. }
  5546. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .image-container .actor-image {
  5547. border: none;
  5548. box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
  5549. border-radius: 0;
  5550. max-height: 11rem;
  5551. object-fit: cover;
  5552. object-position: top;
  5553. width: 100%;
  5554. }
  5555. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment {
  5556. grid-area: alignment;
  5557. position: relative;
  5558. display: flex;
  5559. align-items: center;
  5560. justify-content: center;
  5561. background: url("../assets/sheet/banner-bg.webp") repeat-x center;
  5562. z-index: 1;
  5563. }
  5564. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment .bio-alignment {
  5565. position: absolute;
  5566. left: 0;
  5567. }
  5568. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment select {
  5569. background: none;
  5570. border: none;
  5571. box-shadow: none;
  5572. color: var(--text-dark);
  5573. cursor: pointer;
  5574. display: block;
  5575. font-family: var(--body-serif);
  5576. font-size: var(--font-size-14);
  5577. font-weight: 700;
  5578. outline: none;
  5579. overflow-x: visible;
  5580. padding-left: 8px;
  5581. width: auto;
  5582. line-height: 1;
  5583. text-transform: capitalize;
  5584. margin-top: 2px;
  5585. }
  5586. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment select option {
  5587. color: var(--text-light);
  5588. font: initial;
  5589. }
  5590. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment input[type=text] {
  5591. font: 700 var(--font-size-14) var(--body-serif);
  5592. text-align: center;
  5593. max-width: 138px;
  5594. }
  5595. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment::after {
  5596. position: absolute;
  5597. content: "";
  5598. height: 46px;
  5599. width: 15px;
  5600. top: 0;
  5601. right: -11px;
  5602. background: url("../assets/sheet/banner-bg2.webp") no-repeat right;
  5603. }
  5604. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity {
  5605. align-items: center;
  5606. display: flex;
  5607. grid-area: deity;
  5608. margin-left: auto;
  5609. min-width: 10em;
  5610. padding-bottom: 0.7em;
  5611. }
  5612. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input {
  5613. display: flex;
  5614. flex-flow: column wrap;
  5615. justify-content: end;
  5616. }
  5617. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input span {
  5618. text-align: right;
  5619. }
  5620. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input h3 {
  5621. min-width: 9em;
  5622. }
  5623. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input h3 span {
  5624. max-width: 10em;
  5625. }
  5626. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity img.symbol {
  5627. border: none;
  5628. box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
  5629. border-radius: 50%;
  5630. height: 32px;
  5631. margin: 0.5rem 0 0 0.5rem;
  5632. width: 32px;
  5633. }
  5634. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet {
  5635. grid-area: details;
  5636. display: grid;
  5637. grid-template-columns: 44% 55%;
  5638. grid-template-rows: repeat(2, 42px);
  5639. grid-row-gap: 8px;
  5640. padding-left: 12px;
  5641. margin-top: 8px;
  5642. }
  5643. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .pc_heritage, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .pc_background, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .pc_weight {
  5644. margin: 0;
  5645. }
  5646. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .detail-small {
  5647. display: flex;
  5648. }
  5649. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control {
  5650. cursor: pointer;
  5651. margin-left: auto;
  5652. }
  5653. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control i.fa-ellipsis-v:hover {
  5654. text-shadow: 0 0 8px var(--color-shadow-primary);
  5655. }
  5656. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu {
  5657. left: -85px;
  5658. min-width: 105px;
  5659. padding: 0;
  5660. text-align: left;
  5661. }
  5662. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu .context-item {
  5663. font-family: var(--font-primary);
  5664. font-weight: normal;
  5665. min-width: 105px;
  5666. }
  5667. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu .context-item i {
  5668. position: static;
  5669. float: none;
  5670. }
  5671. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background {
  5672. display: flex;
  5673. flex-wrap: wrap;
  5674. }
  5675. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background label {
  5676. align-items: start;
  5677. display: flex;
  5678. flex: 1 0 0;
  5679. flex-direction: column;
  5680. justify-content: start;
  5681. margin-bottom: 8px;
  5682. }
  5683. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background label span {
  5684. width: 100%;
  5685. }
  5686. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits {
  5687. display: flex;
  5688. flex-wrap: wrap;
  5689. }
  5690. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .tags {
  5691. width: 100%;
  5692. }
  5693. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc {
  5694. display: flex;
  5695. flex-direction: column;
  5696. justify-content: start;
  5697. align-items: start;
  5698. flex: 20%;
  5699. margin-bottom: 8px;
  5700. }
  5701. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc span {
  5702. width: 100%;
  5703. }
  5704. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc span.speed * {
  5705. width: 50%;
  5706. }
  5707. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_land-speed, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_size {
  5708. flex: 50%;
  5709. }
  5710. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_speed-types {
  5711. flex: 50%;
  5712. }
  5713. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_senses {
  5714. flex: 50%;
  5715. }
  5716. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_languages {
  5717. flex: 50%;
  5718. margin-bottom: 0;
  5719. }
  5720. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_traits {
  5721. flex: 50%;
  5722. margin-bottom: 0;
  5723. }
  5724. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc label,
  5725. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc h4 {
  5726. margin: 0;
  5727. white-space: nowrap;
  5728. }
  5729. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc .tags {
  5730. margin: 0;
  5731. padding: 0;
  5732. }
  5733. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc .tags,
  5734. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc select,
  5735. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc input,
  5736. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc h3 {
  5737. margin-top: 4px;
  5738. }
  5739. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes {
  5740. margin: 0;
  5741. padding: 0;
  5742. display: grid;
  5743. gap: 12px;
  5744. grid: 1fr/repeat(6, 1fr);
  5745. justify-content: center;
  5746. list-style: none;
  5747. }
  5748. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute {
  5749. display: grid;
  5750. grid: "abbrev" auto "mod" 1fr "label" auto/1fr;
  5751. column-gap: 10px;
  5752. align-items: center;
  5753. }
  5754. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute:focus-within .abbreviation {
  5755. filter: opacity(1);
  5756. }
  5757. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute.key .abbreviation,
  5758. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute.key .modifier {
  5759. color: var(--secondary);
  5760. }
  5761. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation {
  5762. margin: 0;
  5763. padding: 0;
  5764. border: none;
  5765. color: var(--primary);
  5766. font: 400 22px var(--serif-condensed);
  5767. grid-area: abbrev;
  5768. position: relative;
  5769. text-align: center;
  5770. text-transform: capitalize;
  5771. }
  5772. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.key,
  5773. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.apex {
  5774. bottom: 4px;
  5775. position: absolute;
  5776. font-size: var(--font-size-12);
  5777. }
  5778. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.key {
  5779. left: 2px;
  5780. }
  5781. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.apex {
  5782. right: 2px;
  5783. }
  5784. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.apex.unselected:not(:hover) {
  5785. opacity: 0.75;
  5786. }
  5787. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute h3.modifier {
  5788. display: flex;
  5789. justify-content: center;
  5790. align-items: center;
  5791. border-image-repeat: repeat;
  5792. border-image-slice: 11;
  5793. border-image-source: url("../assets/sheet/frame-elegant.svg");
  5794. border-image-width: 14px;
  5795. border-style: double;
  5796. grid-area: mod;
  5797. font-size: var(--font-size-24);
  5798. font-family: var(--serif);
  5799. font-weight: 700;
  5800. height: 46px;
  5801. margin: 0;
  5802. padding-right: 4px;
  5803. }
  5804. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .label {
  5805. color: rgb(68, 55, 48);
  5806. grid-area: label;
  5807. margin: 0;
  5808. opacity: 0.4;
  5809. padding: 2px;
  5810. text-align: center;
  5811. }
  5812. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions {
  5813. gap: 0.5rem;
  5814. padding: 0;
  5815. margin-left: 0.25rem;
  5816. }
  5817. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list + .actions-list {
  5818. margin-top: 0.5rem;
  5819. }
  5820. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name {
  5821. align-items: start;
  5822. }
  5823. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title {
  5824. display: flex;
  5825. flex-direction: column;
  5826. }
  5827. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .item-image {
  5828. flex: 0 0 2rem;
  5829. height: 2rem;
  5830. }
  5831. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .action-name .item-controls {
  5832. margin-left: auto;
  5833. }
  5834. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group {
  5835. align-items: center;
  5836. display: flex;
  5837. flex-direction: row;
  5838. flex-wrap: nowrap;
  5839. font-size: var(--font-size-14);
  5840. margin-bottom: 0;
  5841. padding: 2px 0;
  5842. }
  5843. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button {
  5844. border: none;
  5845. flex: 0;
  5846. gap: 2px;
  5847. height: 1.25rem;
  5848. line-height: unset;
  5849. margin: 0;
  5850. padding: 0 0.5em;
  5851. white-space: nowrap;
  5852. }
  5853. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button:not(:disabled):hover {
  5854. box-shadow: none;
  5855. text-shadow: 0 0 2px var(--text-light);
  5856. }
  5857. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options {
  5858. align-items: center;
  5859. display: flex;
  5860. font-size: var(--font-size-14);
  5861. gap: 2px;
  5862. justify-content: center;
  5863. padding: 0 3px;
  5864. }
  5865. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options .title {
  5866. text-transform: uppercase;
  5867. }
  5868. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button {
  5869. align-items: center;
  5870. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  5871. display: flex;
  5872. justify-content: center;
  5873. width: 3ch;
  5874. }
  5875. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.selected {
  5876. background: var(--text-dark);
  5877. }
  5878. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.selected > i[class^=fa-] {
  5879. color: var(--bg-dark);
  5880. }
  5881. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button:not(disabled):hover {
  5882. box-shadow: inset 0 0 0 1px rgba(94, 0, 0, 0.5);
  5883. text-shadow: none;
  5884. }
  5885. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button:active {
  5886. text-shadow: 0 0 1px var(--primary);
  5887. }
  5888. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .alt-usage {
  5889. flex-basis: 100%;
  5890. margin-left: calc(3em - 2px);
  5891. position: relative;
  5892. }
  5893. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .alt-usage .alt-usage-icon {
  5894. border: none;
  5895. height: 1rem;
  5896. position: absolute;
  5897. left: -1.5em;
  5898. top: 0.2em;
  5899. }
  5900. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo,
  5901. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions {
  5902. margin-left: 2.5rem;
  5903. }
  5904. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo {
  5905. align-items: center;
  5906. display: flex;
  5907. gap: 3px;
  5908. margin-bottom: 2px;
  5909. }
  5910. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked {
  5911. font: normal var(--font-size-12) var(--sans-serif);
  5912. line-height: var(--font-size-12);
  5913. padding-top: 3px;
  5914. width: fit-content;
  5915. }
  5916. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked[data-compatible=false] {
  5917. color: rgba(255, 255, 255, 0.6);
  5918. }
  5919. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked option,
  5920. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked optgroup {
  5921. color: var(--text-light);
  5922. }
  5923. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo .magazine {
  5924. margin-right: 0.5rem;
  5925. font-family: var(--sans-serif);
  5926. font-weight: 600;
  5927. }
  5928. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo .magazine .icon {
  5929. display: inline-block;
  5930. width: 0.9rem;
  5931. height: 0.9rem;
  5932. background-image: url("../assets/icons/heavy-bullets.svg");
  5933. background-size: cover;
  5934. }
  5935. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions {
  5936. display: flex;
  5937. gap: 3px;
  5938. }
  5939. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions button select.modular {
  5940. appearance: auto;
  5941. background: none;
  5942. color: var(--text-dark);
  5943. cursor: default;
  5944. font: inherit;
  5945. margin-left: 0.5em;
  5946. padding: 0.15em 0.2em;
  5947. text-transform: uppercase;
  5948. }
  5949. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions button select.modular option {
  5950. background: var(--bg-dark);
  5951. }
  5952. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions button:has(select.modular:hover) {
  5953. text-shadow: none;
  5954. }
  5955. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike:not(.ready) .item-name {
  5956. color: var(--color-text-dark-4);
  5957. }
  5958. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike:not(.ready) .item-name .item-image {
  5959. cursor: default;
  5960. filter: grayscale(1);
  5961. }
  5962. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike:not(.ready) .item-name .item-image:hover i {
  5963. display: none;
  5964. }
  5965. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike:not(.ready) .hands-occupied {
  5966. font: italic 500 var(--font-size-10) var(--sans-serif);
  5967. letter-spacing: 0.05em;
  5968. text-rendering: optimizeLegibility;
  5969. text-transform: uppercase;
  5970. }
  5971. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-image:hover {
  5972. background: none;
  5973. }
  5974. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking {
  5975. align-items: center;
  5976. display: flex;
  5977. flex-direction: row;
  5978. flex-wrap: nowrap;
  5979. margin-left: auto;
  5980. margin-right: 1rem;
  5981. }
  5982. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking input {
  5983. width: 0;
  5984. flex: 0 1 4rem;
  5985. text-align: center;
  5986. }
  5987. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking span {
  5988. white-space: nowrap;
  5989. }
  5990. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions h4 {
  5991. flex: 1;
  5992. }
  5993. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate {
  5994. background: none;
  5995. border: 1px solid var(--color-border-dark);
  5996. border-radius: 5px;
  5997. flex: 0;
  5998. line-height: 1.25em;
  5999. opacity: 0.7;
  6000. margin-right: 0.5rem;
  6001. padding: 0 0.25rem;
  6002. }
  6003. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.active, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate:hover {
  6004. background-color: var(--primary);
  6005. color: var(--text-light);
  6006. opacity: 1;
  6007. }
  6008. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .item-controls {
  6009. display: flex;
  6010. min-width: 2.5em;
  6011. justify-content: end;
  6012. }
  6013. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list {
  6014. gap: 0.2em;
  6015. padding-bottom: 1em;
  6016. }
  6017. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item {
  6018. display: flex;
  6019. flex-wrap: wrap;
  6020. align-items: center;
  6021. justify-content: space-between;
  6022. padding: 2px 4px 2px 12px;
  6023. width: 100%;
  6024. }
  6025. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item p:empty {
  6026. display: none;
  6027. }
  6028. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name {
  6029. display: flex;
  6030. align-items: center;
  6031. flex: 1;
  6032. }
  6033. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name h4 {
  6034. cursor: pointer;
  6035. margin: 0;
  6036. }
  6037. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name .item-image {
  6038. margin-right: 8px;
  6039. }
  6040. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls {
  6041. display: flex;
  6042. flex: 0;
  6043. font-size: var(--font-size-12);
  6044. gap: 1px;
  6045. white-space: nowrap;
  6046. }
  6047. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls a.info-only:hover {
  6048. cursor: default;
  6049. text-shadow: none;
  6050. }
  6051. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls a + a {
  6052. margin-left: 4px;
  6053. }
  6054. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary {
  6055. flex-basis: 100%;
  6056. }
  6057. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item.unidentified {
  6058. border-radius: 1px;
  6059. outline: 1px dotted rgba(75, 74, 68, 0.5);
  6060. background: var(--visibility-gm-bg);
  6061. }
  6062. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group {
  6063. display: flex;
  6064. justify-content: flex-end;
  6065. align-items: center;
  6066. flex-wrap: nowrap;
  6067. width: 50%;
  6068. flex: 0;
  6069. }
  6070. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group button {
  6071. margin: 0;
  6072. border: none;
  6073. cursor: pointer;
  6074. font-family: var(--sans-serif);
  6075. font-size: var(--font-size-10);
  6076. text-transform: uppercase;
  6077. letter-spacing: 0.05em;
  6078. text-rendering: optimizeLegibility;
  6079. padding: 5px;
  6080. color: var(--text-light);
  6081. width: 70px;
  6082. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  6083. background: var(--secondary);
  6084. border-radius: 2px;
  6085. flex: 0;
  6086. white-space: nowrap;
  6087. margin-left: 4px;
  6088. flex: 0;
  6089. }
  6090. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group button:hover {
  6091. box-shadow: none;
  6092. text-shadow: 0 0 2px white;
  6093. }
  6094. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item {
  6095. border-top: 1px solid #d5cac1;
  6096. border: solid transparent;
  6097. border-width: 0 0 1px;
  6098. border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
  6099. }
  6100. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item:last-child {
  6101. border-bottom: none;
  6102. }
  6103. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item-name h4 {
  6104. font-family: var(--serif);
  6105. }
  6106. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry {
  6107. align-items: center;
  6108. display: flex;
  6109. flex-wrap: wrap;
  6110. margin-bottom: 0.25em;
  6111. padding-bottom: 1em;
  6112. }
  6113. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry:first-child .action-header {
  6114. justify-content: start;
  6115. }
  6116. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg {
  6117. width: var(--font-size-14);
  6118. height: var(--font-size-14);
  6119. }
  6120. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg path {
  6121. fill: black;
  6122. }
  6123. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable:hover svg {
  6124. animation: rotation 2s infinite linear;
  6125. }
  6126. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data {
  6127. align-items: center;
  6128. display: flex;
  6129. flex: 1;
  6130. gap: 1rem;
  6131. margin: 0.5em 0.25rem;
  6132. }
  6133. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data section {
  6134. display: flex;
  6135. align-items: center;
  6136. }
  6137. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .rollable {
  6138. cursor: pointer;
  6139. }
  6140. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data button {
  6141. width: auto;
  6142. line-height: 1.5em;
  6143. padding-top: 1px;
  6144. margin-bottom: 1px;
  6145. }
  6146. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data button i {
  6147. font-size: 0.9em;
  6148. }
  6149. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score {
  6150. font-family: var(--serif);
  6151. font-weight: bold;
  6152. font-size: 1rem;
  6153. letter-spacing: -1px;
  6154. line-height: 1;
  6155. color: var(--secondary);
  6156. }
  6157. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values {
  6158. display: flex;
  6159. gap: 0.5rem;
  6160. }
  6161. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values .skill-data {
  6162. display: flex;
  6163. gap: 0.25rem;
  6164. white-space: nowrap;
  6165. }
  6166. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values h4 {
  6167. white-space: nowrap;
  6168. }
  6169. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values .rollable {
  6170. gap: 0.1rem;
  6171. }
  6172. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool {
  6173. cursor: pointer;
  6174. gap: 0.25em;
  6175. position: relative;
  6176. }
  6177. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool img.pool-size {
  6178. border: none;
  6179. width: 34px;
  6180. height: 32px;
  6181. }
  6182. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool .pips {
  6183. display: flex;
  6184. font-size: var(--font-size-10);
  6185. gap: 1px;
  6186. }
  6187. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool .pips i {
  6188. padding-bottom: 0.08rem;
  6189. }
  6190. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool h4 {
  6191. white-space: nowrap;
  6192. }
  6193. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .spell-ability {
  6194. gap: 0.5em;
  6195. margin-left: auto;
  6196. }
  6197. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .spell-ability .spell-tradition {
  6198. font-family: var(--body-serif);
  6199. font-weight: 600;
  6200. }
  6201. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .pf-rank {
  6202. margin-bottom: 0.13rem;
  6203. }
  6204. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellbook-empty {
  6205. margin: 8px 0;
  6206. background: none;
  6207. border: none;
  6208. }
  6209. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .pf-add-item-row {
  6210. grid-column: span 4;
  6211. text-align: center;
  6212. width: 100%;
  6213. display: flex;
  6214. justify-content: space-evenly;
  6215. }
  6216. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .pf-add-item-row a {
  6217. width: 100%;
  6218. margin-bottom: 12px;
  6219. }
  6220. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane {
  6221. margin: 0;
  6222. padding: 0;
  6223. }
  6224. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h1,
  6225. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h4,
  6226. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h6 {
  6227. margin: 0;
  6228. padding: 0;
  6229. line-height: 1;
  6230. display: flex;
  6231. align-items: center;
  6232. }
  6233. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h6 {
  6234. padding: 2px 4px;
  6235. border-radius: 2px;
  6236. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  6237. font-family: var(--sans-serif);
  6238. font-size: var(--font-size-10);
  6239. text-transform: uppercase;
  6240. letter-spacing: 0.05em;
  6241. text-rendering: optimizeLegibility;
  6242. color: var(--text-light);
  6243. display: flex;
  6244. justify-content: center;
  6245. align-items: center;
  6246. cursor: pointer;
  6247. }
  6248. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .core-title {
  6249. width: 100%;
  6250. text-align: left;
  6251. margin: 0;
  6252. padding: 0;
  6253. margin-left: 0;
  6254. padding-top: 10px;
  6255. padding-left: 12px;
  6256. height: 43px;
  6257. border: none;
  6258. color: var(--text-light);
  6259. font-family: var(--serif);
  6260. }
  6261. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list,
  6262. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list,
  6263. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list {
  6264. list-style: none;
  6265. margin: 0;
  6266. padding: 0;
  6267. display: grid;
  6268. grid-template-columns: repeat(2, 1fr);
  6269. gap: 12px;
  6270. align-items: center;
  6271. margin-bottom: 2em;
  6272. }
  6273. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill,
  6274. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill,
  6275. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill {
  6276. border-image-repeat: repeat;
  6277. border-image-slice: 11;
  6278. border-image-source: url("../assets/sheet/frame-elegant.svg");
  6279. border-image-width: 14px;
  6280. border-style: double;
  6281. padding: 2px 15px 2px 4px;
  6282. display: flex;
  6283. align-items: center;
  6284. }
  6285. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .rollable,
  6286. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .rollable,
  6287. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .rollable {
  6288. cursor: pointer;
  6289. }
  6290. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .rollable:hover,
  6291. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .rollable:hover,
  6292. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .rollable:hover {
  6293. color: var(--primary);
  6294. text-shadow: 0 0 2px white;
  6295. }
  6296. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .rollable:hover .skill-score,
  6297. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .rollable:hover .skill-score,
  6298. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .rollable:hover .skill-score {
  6299. text-decoration: underline;
  6300. }
  6301. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .skill-score,
  6302. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .skill-score,
  6303. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .skill-score {
  6304. color: var(--primary);
  6305. font-family: var(--serif);
  6306. font-size: var(--font-size-24);
  6307. font-weight: 600;
  6308. line-height: 1;
  6309. text-align: end;
  6310. margin-right: 4px;
  6311. width: 2.5rem;
  6312. }
  6313. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .skill-name,
  6314. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .skill-name,
  6315. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .skill-name {
  6316. display: flex;
  6317. align-items: center;
  6318. flex: 1;
  6319. }
  6320. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .button-group,
  6321. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .button-group,
  6322. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .button-group {
  6323. display: flex;
  6324. align-items: center;
  6325. justify-content: center;
  6326. flex-wrap: wrap;
  6327. flex-direction: column;
  6328. }
  6329. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .button-group h6,
  6330. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .button-group h6,
  6331. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .button-group h6 {
  6332. margin: 1px 0;
  6333. background: var(--sub);
  6334. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  6335. }
  6336. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .button-group h6:hover,
  6337. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .button-group h6:hover,
  6338. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .button-group h6:hover {
  6339. background: var(--primary);
  6340. }
  6341. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill.custom,
  6342. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill.custom,
  6343. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill.custom {
  6344. position: relative;
  6345. }
  6346. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill.custom a.delete,
  6347. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill.custom a.delete,
  6348. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill.custom a.delete {
  6349. position: absolute;
  6350. top: -8px;
  6351. right: -8px;
  6352. z-index: -1;
  6353. opacity: 0.75;
  6354. }
  6355. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill.custom a.delete:hover,
  6356. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill.custom a.delete:hover,
  6357. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill.custom a.delete:hover {
  6358. z-index: 1;
  6359. opacity: 1;
  6360. }
  6361. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill.custom:hover a.delete,
  6362. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill.custom:hover a.delete,
  6363. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill.custom:hover a.delete {
  6364. z-index: 1;
  6365. }
  6366. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill,
  6367. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill {
  6368. grid: "score name btn" min-content/42px 2fr 1fr;
  6369. padding: 2px 15px 2px 6px;
  6370. }
  6371. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input,
  6372. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input {
  6373. color: var(--text-dark);
  6374. border-bottom: 1px solid var(--sub);
  6375. margin-right: 4px;
  6376. font-weight: 600;
  6377. }
  6378. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input:hover,
  6379. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input:hover {
  6380. border: 1px solid var(--sub);
  6381. }
  6382. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .button-group,
  6383. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .button-group {
  6384. flex-direction: row;
  6385. flex-wrap: nowrap;
  6386. margin-left: auto;
  6387. }
  6388. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .button-group .item-controls,
  6389. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .button-group .item-controls {
  6390. font-size: var(--font-size-12);
  6391. margin-top: 1px;
  6392. margin-left: 0.5rem;
  6393. }
  6394. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list {
  6395. grid-template-columns: 1fr;
  6396. }
  6397. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list {
  6398. grid-template: repeat(2, 1fr);
  6399. }
  6400. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .item {
  6401. grid-column: 1/3;
  6402. }
  6403. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lore-header .item-controls {
  6404. white-space: nowrap;
  6405. color: var(--text-light);
  6406. font-family: var(--sans-serif);
  6407. font-size: var(--font-size-10);
  6408. text-transform: uppercase;
  6409. letter-spacing: 0.05em;
  6410. text-rendering: optimizeLegibility;
  6411. }
  6412. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lore-header .item-controls .item-control {
  6413. padding: 4px;
  6414. background: var(--secondary);
  6415. font-size: var(--font-size-10);
  6416. border-radius: 2px;
  6417. }
  6418. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats {
  6419. padding-bottom: 1em;
  6420. }
  6421. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-section {
  6422. padding-bottom: 1em;
  6423. }
  6424. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item {
  6425. display: grid;
  6426. grid: "name ctrl" min-content "content content" min-content/1fr min-content;
  6427. align-items: center;
  6428. padding: 2px 0;
  6429. }
  6430. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item:nth-child(odd) {
  6431. background-color: rgba(120, 100, 82, 0.1);
  6432. }
  6433. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name,
  6434. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls {
  6435. margin: 0;
  6436. }
  6437. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name {
  6438. align-items: center;
  6439. display: flex;
  6440. flex: 1;
  6441. grid-area: name;
  6442. height: calc(1.5rem + 2px);
  6443. width: 100%;
  6444. }
  6445. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title {
  6446. display: flex;
  6447. font-family: var(--serif);
  6448. font-size: 1.1em;
  6449. font-weight: 600;
  6450. color: var(--secondary);
  6451. justify-content: center;
  6452. width: 20px;
  6453. margin-left: 6px;
  6454. }
  6455. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-placeholder {
  6456. margin-left: 40px;
  6457. margin-right: 4px;
  6458. }
  6459. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4 {
  6460. cursor: pointer;
  6461. font-family: var(--serif);
  6462. }
  6463. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4:hover {
  6464. color: var(--primary);
  6465. text-shadow: 0 0 3px var(--tertiary);
  6466. }
  6467. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-image {
  6468. margin-left: 8px;
  6469. margin-right: 8px;
  6470. }
  6471. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls {
  6472. align-items: center;
  6473. display: flex;
  6474. font-size: var(--font-size-12);
  6475. grid-area: ctrl;
  6476. height: 100%;
  6477. white-space: nowrap;
  6478. width: 100%;
  6479. }
  6480. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls a:last-child {
  6481. margin-right: 6px;
  6482. }
  6483. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-summary {
  6484. flex: 100%;
  6485. grid-area: content;
  6486. padding: 0 8px 8px;
  6487. margin: 4px 0 0 4px;
  6488. }
  6489. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items {
  6490. grid-column: span 2;
  6491. border-left: 3px dotted #786452;
  6492. display: flex;
  6493. margin: 1px 0 0 45px;
  6494. padding: 0;
  6495. flex-basis: 100%;
  6496. flex-direction: column;
  6497. }
  6498. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li {
  6499. align-items: center;
  6500. display: flex;
  6501. flex-wrap: wrap;
  6502. gap: 2px;
  6503. margin: 2px 0;
  6504. padding-bottom: 1px;
  6505. }
  6506. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li:last-child {
  6507. padding-bottom: 0;
  6508. }
  6509. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-name .feat-slot-title {
  6510. width: 0;
  6511. }
  6512. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-name img {
  6513. margin-left: 0;
  6514. }
  6515. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-controls {
  6516. flex: 0;
  6517. }
  6518. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li ol.nested-items {
  6519. margin-left: 25px;
  6520. }
  6521. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography h3.header {
  6522. display: flex;
  6523. align-items: baseline;
  6524. justify-content: space-between;
  6525. padding: 0 1px;
  6526. }
  6527. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography h3.header a {
  6528. color: var(--color-text-dark-primary);
  6529. font-size: var(--font-size-12);
  6530. }
  6531. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography h3.header a i.fa-eye-slash {
  6532. opacity: 75%;
  6533. }
  6534. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.editable .editor-content,
  6535. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.editable input {
  6536. background: rgba(0, 0, 0, 0.05);
  6537. }
  6538. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.editable .editor-content {
  6539. min-height: 4rem;
  6540. }
  6541. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section:not(.editable) .editor-content {
  6542. min-height: 2rem;
  6543. }
  6544. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:disabled {
  6545. color: var(--text-dark);
  6546. }
  6547. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.appearance-details {
  6548. display: grid;
  6549. grid-template: "bio bio" 1fr "height weight" min-content/1fr 1fr;
  6550. }
  6551. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.appearance-details .bio {
  6552. grid-area: bio;
  6553. }
  6554. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality {
  6555. display: flex;
  6556. flex-wrap: wrap;
  6557. }
  6558. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .bio {
  6559. display: flex;
  6560. flex-direction: column;
  6561. justify-content: flex-start;
  6562. align-items: flex-start;
  6563. flex: 50%;
  6564. margin-bottom: 8px;
  6565. }
  6566. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .bio span {
  6567. width: 100%;
  6568. }
  6569. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.campaign {
  6570. display: flex;
  6571. flex-direction: column;
  6572. gap: 0.5rem;
  6573. }
  6574. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input {
  6575. background: none;
  6576. border-bottom: 1px solid var(--color-border-input);
  6577. font-family: var(--body-serif);
  6578. width: calc(100% - 6px);
  6579. }
  6580. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input::placeholder {
  6581. filter: opacity(0.5);
  6582. color: var(--text-dark);
  6583. }
  6584. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:focus {
  6585. border-bottom: 1px solid #644f33;
  6586. }
  6587. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:focus::placeholder {
  6588. color: transparent;
  6589. }
  6590. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input[type=number] {
  6591. padding-bottom: 0;
  6592. padding-left: 4px;
  6593. }
  6594. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section hr {
  6595. margin: 10px 6px 10px 0;
  6596. }
  6597. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h3 {
  6598. margin: 0;
  6599. padding: 0;
  6600. background-color: rgba(28, 28, 28, 0.1);
  6601. border: none;
  6602. color: var(--text-dark);
  6603. font: 700 var(--font-size-14) var(--body-serif);
  6604. grid-area: mod;
  6605. height: 26px;
  6606. padding: 8px 4px 6px;
  6607. width: calc(100% - 6px);
  6608. }
  6609. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h3 i {
  6610. position: relative;
  6611. right: -2px;
  6612. top: -2px;
  6613. float: right;
  6614. }
  6615. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h3 span.value {
  6616. display: inline-block;
  6617. max-width: 87%;
  6618. overflow: hidden;
  6619. text-overflow: ellipsis;
  6620. white-space: nowrap;
  6621. }
  6622. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h4.details-label {
  6623. margin-bottom: 0;
  6624. width: 100%;
  6625. }
  6626. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content {
  6627. padding: 0 0 0.5rem;
  6628. /* Typography */
  6629. }
  6630. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h1,
  6631. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h2 {
  6632. font-family: var(--serif);
  6633. line-height: 1.1;
  6634. }
  6635. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h1 {
  6636. text-align: center;
  6637. font-size: 2.5em;
  6638. margin-bottom: 30px;
  6639. }
  6640. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h2 {
  6641. color: var(--secondary);
  6642. font-size: 2.25em;
  6643. }
  6644. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h3 {
  6645. font-size: 2em;
  6646. border-bottom: 0px;
  6647. }
  6648. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h4 {
  6649. color: var(--text-dark);
  6650. border-bottom: 1px solid var(--color-border-dark-primary);
  6651. margin-bottom: 0px;
  6652. text-transform: uppercase;
  6653. }
  6654. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h5 {
  6655. text-transform: uppercase;
  6656. }
  6657. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h6 {
  6658. background-color: var(--header-bg);
  6659. color: var(--header-color);
  6660. margin-bottom: 5px;
  6661. padding-left: 8px;
  6662. padding-top: 5px;
  6663. padding-bottom: 3px;
  6664. font-size: 1.25em;
  6665. text-transform: uppercase;
  6666. border-radius: 12px 12px 0px 0px;
  6667. }
  6668. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content p,
  6669. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content p + p,
  6670. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content ul,
  6671. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content ol {
  6672. font-family: var(--body-serif);
  6673. }
  6674. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .editor-edit {
  6675. background: var(--primary);
  6676. color: var(--text-light);
  6677. }
  6678. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox.tox-tinymce {
  6679. height: 200px !important;
  6680. }
  6681. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-editor-container .tox-editor-header {
  6682. background: none;
  6683. }
  6684. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-editor-container .tox-editor-header .tox-toolbar-overlord {
  6685. background-color: var(--secondary);
  6686. }
  6687. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary {
  6688. background-color: var(--alt);
  6689. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  6690. }
  6691. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn {
  6692. color: #cdcdcd;
  6693. border-radius: 1px;
  6694. }
  6695. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn svg {
  6696. fill: #cdcdcd;
  6697. }
  6698. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn:hover {
  6699. background: var(--secondary);
  6700. color: var(--text-light);
  6701. }
  6702. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn:hover svg {
  6703. fill: white;
  6704. }
  6705. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .editor-content {
  6706. overflow-y: inherit;
  6707. padding: 0 0.25rem;
  6708. }
  6709. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory {
  6710. height: calc(100% - 40px);
  6711. }
  6712. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list {
  6713. padding-right: 0.1rem;
  6714. }
  6715. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .item-controls {
  6716. flex: 0 0 100px;
  6717. }
  6718. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .wealth {
  6719. margin-bottom: 0.5rem;
  6720. }
  6721. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs {
  6722. gap: 0.2em;
  6723. }
  6724. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item {
  6725. display: flex;
  6726. flex-wrap: wrap;
  6727. align-items: center;
  6728. justify-content: space-between;
  6729. padding: 2px 4px 2px 12px;
  6730. width: 100%;
  6731. }
  6732. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item p:empty {
  6733. display: none;
  6734. }
  6735. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name {
  6736. display: flex;
  6737. align-items: center;
  6738. flex: 1;
  6739. }
  6740. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name h4 {
  6741. cursor: pointer;
  6742. margin: 0;
  6743. }
  6744. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name .item-image {
  6745. margin-right: 8px;
  6746. }
  6747. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls {
  6748. display: flex;
  6749. flex: 0;
  6750. font-size: var(--font-size-12);
  6751. gap: 1px;
  6752. white-space: nowrap;
  6753. }
  6754. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls a.info-only:hover {
  6755. cursor: default;
  6756. text-shadow: none;
  6757. }
  6758. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls a + a {
  6759. margin-left: 4px;
  6760. }
  6761. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary {
  6762. flex-basis: 100%;
  6763. }
  6764. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item.unidentified {
  6765. border-radius: 1px;
  6766. outline: 1px dotted rgba(75, 74, 68, 0.5);
  6767. background: var(--visibility-gm-bg);
  6768. }
  6769. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group {
  6770. display: flex;
  6771. justify-content: flex-end;
  6772. align-items: center;
  6773. flex-wrap: nowrap;
  6774. width: 50%;
  6775. flex: 0;
  6776. }
  6777. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group button {
  6778. margin: 0;
  6779. border: none;
  6780. cursor: pointer;
  6781. font-family: var(--sans-serif);
  6782. font-size: var(--font-size-10);
  6783. text-transform: uppercase;
  6784. letter-spacing: 0.05em;
  6785. text-rendering: optimizeLegibility;
  6786. padding: 5px;
  6787. color: var(--text-light);
  6788. width: 70px;
  6789. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  6790. background: var(--secondary);
  6791. border-radius: 2px;
  6792. flex: 0;
  6793. white-space: nowrap;
  6794. margin-left: 4px;
  6795. flex: 0;
  6796. }
  6797. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group button:hover {
  6798. box-shadow: none;
  6799. text-shadow: 0 0 2px white;
  6800. }
  6801. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section {
  6802. display: flex;
  6803. flex-direction: column;
  6804. gap: 0.25em;
  6805. margin: 0.75rem 0;
  6806. }
  6807. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section:first-child {
  6808. margin-top: 0.25rem;
  6809. }
  6810. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play {
  6811. align-items: center;
  6812. display: grid;
  6813. grid-template-columns: 6em 1em 4em;
  6814. }
  6815. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play > * {
  6816. width: 100%;
  6817. }
  6818. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play input {
  6819. text-align: center;
  6820. }
  6821. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play .dash {
  6822. font-weight: bold;
  6823. text-align: center;
  6824. }
  6825. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play label.player-number {
  6826. grid-column: span 2;
  6827. }
  6828. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump {
  6829. align-items: center;
  6830. flex-direction: row;
  6831. }
  6832. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle {
  6833. width: 42px;
  6834. height: 1rem;
  6835. background: rgba(0, 0, 0, 0.5);
  6836. position: relative;
  6837. border-radius: 50px;
  6838. box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  6839. }
  6840. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle.enabled {
  6841. background: var(--secondary);
  6842. }
  6843. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::after {
  6844. content: "OFF";
  6845. color: var(--text-dark);
  6846. position: absolute;
  6847. right: 5px;
  6848. z-index: 0;
  6849. text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
  6850. }
  6851. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::before {
  6852. content: "ON";
  6853. color: var(--text-light);
  6854. position: absolute;
  6855. left: 6px;
  6856. z-index: 0;
  6857. }
  6858. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::after, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::before {
  6859. font-family: var(--sans-serif);
  6860. font-size: var(--font-size-10);
  6861. text-transform: uppercase;
  6862. letter-spacing: 0.05em;
  6863. text-rendering: optimizeLegibility;
  6864. top: 4px;
  6865. }
  6866. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle label {
  6867. display: block;
  6868. width: 18px;
  6869. height: 14px;
  6870. position: absolute;
  6871. top: 1px;
  6872. right: 20px;
  6873. cursor: pointer;
  6874. background: #fcfff4;
  6875. z-index: 1;
  6876. background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  6877. border-radius: 50%;
  6878. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  6879. transition: all 0.4s ease;
  6880. }
  6881. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle input[type=checkbox] {
  6882. visibility: hidden;
  6883. }
  6884. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle input[type=checkbox]:checked + label {
  6885. right: 1px;
  6886. }
  6887. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.faction {
  6888. max-width: fit-content;
  6889. }
  6890. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations {
  6891. font-family: var(--serif);
  6892. gap: 0.2em;
  6893. }
  6894. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations .reputation {
  6895. align-items: center;
  6896. display: flex;
  6897. gap: 0.2em;
  6898. justify-content: space-between;
  6899. width: 12em;
  6900. }
  6901. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations .reputation input {
  6902. padding: 0 0.3em;
  6903. text-align: right;
  6904. width: 3em;
  6905. }
  6906. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options {
  6907. display: flex;
  6908. flex-wrap: wrap;
  6909. margin: 0 1rem 1rem;
  6910. padding: 0.5rem 1rem;
  6911. border-image-repeat: repeat;
  6912. border-image-slice: 11;
  6913. border-image-source: url("../assets/sheet/frame-elegant.svg");
  6914. border-image-width: 14px;
  6915. border-style: double;
  6916. }
  6917. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option {
  6918. display: flex;
  6919. align-items: center;
  6920. width: 100%;
  6921. }
  6922. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option label * {
  6923. vertical-align: middle;
  6924. }
  6925. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option label input {
  6926. margin: 0;
  6927. padding: 0;
  6928. }
  6929. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas,
  6930. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry {
  6931. display: flex;
  6932. flex-wrap: wrap;
  6933. justify-content: space-evenly;
  6934. align-items: center;
  6935. background: none;
  6936. border: none;
  6937. }
  6938. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.item-container,
  6939. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.item-container {
  6940. margin-bottom: 0.5em;
  6941. }
  6942. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.alchemical-entry,
  6943. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.alchemical-entry {
  6944. margin-bottom: 0;
  6945. }
  6946. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.alchemical-entry:last-child,
  6947. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.alchemical-entry:last-child {
  6948. margin-bottom: 0.5em;
  6949. }
  6950. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas:first-child .action-header,
  6951. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry:first-child .action-header {
  6952. margin-top: 0;
  6953. }
  6954. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting,
  6955. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting {
  6956. display: flex;
  6957. align-items: center;
  6958. justify-content: flex-end;
  6959. }
  6960. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting *,
  6961. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting * {
  6962. flex: 1 0 auto;
  6963. }
  6964. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting input[type=checkbox],
  6965. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting input[type=checkbox] {
  6966. height: 1em;
  6967. width: 1em;
  6968. }
  6969. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header.alchemical-title,
  6970. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header.alchemical-title {
  6971. background: var(--secondary);
  6972. }
  6973. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list,
  6974. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list {
  6975. margin: 0;
  6976. padding: 0;
  6977. width: 100%;
  6978. flex-basis: 100%;
  6979. position: relative;
  6980. z-index: 1;
  6981. }
  6982. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item[data-expended-state=true] h4,
  6983. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item[data-expended-state=true] h4 {
  6984. color: var(--color-disabled);
  6985. text-decoration: line-through;
  6986. }
  6987. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item[data-expended-state=true] .toggle-formula-expended,
  6988. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item[data-expended-state=true] .toggle-formula-expended {
  6989. color: var(--primary);
  6990. }
  6991. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header,
  6992. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item,
  6993. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header,
  6994. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item {
  6995. display: grid;
  6996. grid: "name dc price quantity controls" 1fr/4fr 0.7fr 1fr 1fr 1fr;
  6997. align-items: center;
  6998. justify-items: center;
  6999. margin: 0;
  7000. padding: 0;
  7001. background: none;
  7002. border: none;
  7003. border-left: 1px solid var(--sub);
  7004. border-right: 1px solid var(--sub);
  7005. cursor: default;
  7006. }
  7007. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:nth-child(odd),
  7008. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:nth-child(odd),
  7009. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:nth-child(odd),
  7010. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:nth-child(odd) {
  7011. background-color: rgba(120, 100, 82, 0.1);
  7012. }
  7013. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:last-child,
  7014. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:last-child,
  7015. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:last-child,
  7016. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:last-child {
  7017. border-bottom: 1px solid var(--sub);
  7018. }
  7019. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:last-child .item-image,
  7020. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:last-child .item-image,
  7021. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:last-child .item-image,
  7022. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:last-child .item-image {
  7023. margin-bottom: 0;
  7024. margin-top: 2px;
  7025. }
  7026. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header,
  7027. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header,
  7028. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header,
  7029. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header {
  7030. background: rgba(96, 88, 86, 0.25);
  7031. border: 1px solid var(--sub);
  7032. padding: 4px;
  7033. color: var(--text-dark);
  7034. font: 600 var(--font-size-12) var(--sans-serif);
  7035. line-height: 1;
  7036. letter-spacing: 0.25px;
  7037. margin: 0;
  7038. }
  7039. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header h3,
  7040. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header h3,
  7041. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header h3,
  7042. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header h3 {
  7043. text-transform: capitalize;
  7044. font-size: var(--font-size-12);
  7045. margin-left: 0;
  7046. padding: 4px 0;
  7047. }
  7048. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .level-name,
  7049. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .level-name,
  7050. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .level-name,
  7051. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .level-name {
  7052. line-height: 1;
  7053. gap: 0.5em;
  7054. }
  7055. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .level-name h3,
  7056. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .level-name h3,
  7057. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .level-name h3,
  7058. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .level-name h3 {
  7059. margin: 0;
  7060. padding: 0;
  7061. }
  7062. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .formula-number,
  7063. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .formula-number,
  7064. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .formula-number,
  7065. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .formula-number {
  7066. background: var(--alt);
  7067. border: 1px solid var(--sub);
  7068. border-radius: 3px;
  7069. color: var(--text-light);
  7070. font-size: var(--font-size-11);
  7071. height: 14px;
  7072. max-width: 22px;
  7073. padding-top: 2px;
  7074. text-align: center;
  7075. width: 22px;
  7076. }
  7077. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header input.formula-number,
  7078. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header input.formula-number,
  7079. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header input.formula-number,
  7080. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header input.formula-number {
  7081. background: var(--alt-dark);
  7082. }
  7083. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name,
  7084. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name,
  7085. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name,
  7086. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name {
  7087. cursor: pointer;
  7088. min-height: 28px;
  7089. }
  7090. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name,
  7091. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name,
  7092. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name,
  7093. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name,
  7094. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name,
  7095. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name,
  7096. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name,
  7097. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name {
  7098. justify-self: start;
  7099. display: flex;
  7100. align-items: center;
  7101. justify-content: flex-start;
  7102. flex-wrap: nowrap;
  7103. line-height: 1.5;
  7104. flex-basis: 50%;
  7105. }
  7106. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h3,
  7107. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h3,
  7108. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h3,
  7109. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h3,
  7110. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h3,
  7111. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h3,
  7112. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h3,
  7113. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h3 {
  7114. white-space: nowrap;
  7115. }
  7116. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name + span:not(.flex0),
  7117. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name + span:not(.flex0),
  7118. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name + span:not(.flex0),
  7119. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name + span:not(.flex0),
  7120. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name + span:not(.flex0),
  7121. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name + span:not(.flex0),
  7122. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name + span:not(.flex0),
  7123. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name + span:not(.flex0) {
  7124. font-size: var(--font-size-12);
  7125. }
  7126. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name .item-image,
  7127. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name .item-image,
  7128. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name .item-image,
  7129. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name .item-image,
  7130. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name .item-image,
  7131. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name .item-image,
  7132. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name .item-image,
  7133. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name .item-image {
  7134. margin: 2px 0;
  7135. margin-left: 4px;
  7136. }
  7137. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h4,
  7138. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h4,
  7139. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h4,
  7140. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h4,
  7141. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h4,
  7142. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h4,
  7143. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h4,
  7144. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h4 {
  7145. margin: 0;
  7146. padding: 0;
  7147. margin-left: 8px;
  7148. line-height: 1;
  7149. letter-spacing: -0.075em;
  7150. }
  7151. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h4:hover,
  7152. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h4:hover,
  7153. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h4:hover,
  7154. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h4:hover,
  7155. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h4:hover,
  7156. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h4:hover,
  7157. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h4:hover,
  7158. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h4:hover {
  7159. color: var(--secondary);
  7160. }
  7161. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name.reagent-resource,
  7162. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name.aa-level,
  7163. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name.reagent-resource,
  7164. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name.aa-level,
  7165. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name.reagent-resource,
  7166. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name.aa-level,
  7167. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name.reagent-resource,
  7168. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name.aa-level,
  7169. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name.reagent-resource,
  7170. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name.aa-level,
  7171. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name.reagent-resource,
  7172. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name.aa-level,
  7173. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name.reagent-resource,
  7174. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name.aa-level,
  7175. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name.reagent-resource {
  7176. justify-content: flex-end;
  7177. }
  7178. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-controls,
  7179. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-controls,
  7180. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-controls,
  7181. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-controls {
  7182. justify-self: end;
  7183. font-size: var(--font-size-12);
  7184. margin-right: 4px;
  7185. }
  7186. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-controls .item-control.disabled,
  7187. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-controls .item-control.disabled,
  7188. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-controls .item-control.disabled,
  7189. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-controls .item-control.disabled {
  7190. opacity: 0.3;
  7191. }
  7192. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary,
  7193. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary,
  7194. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary,
  7195. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary {
  7196. grid-column: 1/6;
  7197. padding: 8px;
  7198. border-bottom: 1px solid var(--sub);
  7199. border-top: 1px solid #aca5a3;
  7200. background-color: var(--bg);
  7201. }
  7202. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary p,
  7203. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary p,
  7204. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary p,
  7205. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary p {
  7206. margin-top: 0;
  7207. }
  7208. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary .item-buttons button,
  7209. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary .item-buttons button,
  7210. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary .item-buttons button,
  7211. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary .item-buttons button {
  7212. display: none;
  7213. }
  7214. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity,
  7215. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity,
  7216. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity,
  7217. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity {
  7218. align-items: center;
  7219. display: flex;
  7220. gap: 3px;
  7221. justify-content: center;
  7222. }
  7223. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity .adjust,
  7224. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity .adjust,
  7225. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity .adjust,
  7226. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity .adjust {
  7227. align-items: center;
  7228. display: flex;
  7229. font-size: var(--font-size-16);
  7230. font-family: var(--sans-serif-monospace);
  7231. justify-content: center;
  7232. width: 1em;
  7233. }
  7234. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity input,
  7235. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity input,
  7236. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity input,
  7237. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity input {
  7238. width: 1.5rem;
  7239. text-align: center;
  7240. }
  7241. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .empty,
  7242. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .empty {
  7243. align-items: center;
  7244. display: flex;
  7245. justify-content: space-between;
  7246. min-height: 28px;
  7247. }
  7248. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .empty > *,
  7249. .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .empty > * {
  7250. white-space: nowrap;
  7251. }
  7252. .actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list {
  7253. margin: 0;
  7254. padding: 0;
  7255. display: flex;
  7256. flex-direction: column;
  7257. list-style: none;
  7258. width: 100%;
  7259. }
  7260. .actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list h4 {
  7261. margin: 0;
  7262. padding: 0;
  7263. }
  7264. .actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list .item ol {
  7265. list-style: none;
  7266. }
  7267. .actor.sheet.character .crb-style .sheet-body .sheet-content .blue-button {
  7268. align-items: center;
  7269. background: var(--secondary);
  7270. border: black;
  7271. border-radius: 2px;
  7272. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  7273. color: var(--text-light);
  7274. display: flex;
  7275. font-family: var(--serif);
  7276. font-weight: 500;
  7277. gap: 0.25em;
  7278. line-height: 1.8em;
  7279. justify-content: center;
  7280. margin: 0;
  7281. padding: 0 0.5em;
  7282. }
  7283. .actor.sheet.character .crb-style .sheet-body .sheet-content .blue-button:hover {
  7284. text-shadow: 0 0 4px white;
  7285. }
  7286. .actor.sheet.vehicle .crb-style .sheet-navigation {
  7287. min-width: 375px;
  7288. }
  7289. .actor.sheet.vehicle .crb-style aside .sidebar .save-roll input[type=number] {
  7290. width: 3ch;
  7291. font-size: var(--font-size-20);
  7292. height: 1.5rem;
  7293. }
  7294. .actor.sheet.vehicle .crb-style aside .sidebar .hitpoints .container {
  7295. display: grid;
  7296. }
  7297. .actor.sheet.vehicle .crb-style aside .sidebar .armor-class {
  7298. grid: "ac hardness" 1fr;
  7299. }
  7300. .actor.sheet.vehicle .crb-style aside .sidebar .armor-class .shield {
  7301. padding: 18px 20px 0 20px;
  7302. }
  7303. .actor.sheet.vehicle .crb-style aside .sidebar .armor-class .hardness {
  7304. background: url("../assets/sheet/shield-red.webp") no-repeat top center;
  7305. }
  7306. .actor.sheet.vehicle .crb-style aside .sidebar li.tag {
  7307. font-size: var(--font-size-10);
  7308. }
  7309. .actor.sheet.vehicle .crb-style header.char-header .tags select {
  7310. font-family: var(--sans-serif);
  7311. font-size: var(--font-size-12);
  7312. text-transform: uppercase;
  7313. }
  7314. .actor.sheet.vehicle .crb-style header.char-header .char-details {
  7315. font-size: var(--font-size-13);
  7316. font-weight: normal;
  7317. }
  7318. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active:not(.inventory),
  7319. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active .inventory .inventory-list {
  7320. flex-grow: 1;
  7321. overflow: hidden scroll;
  7322. }
  7323. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.actions ol.actions-list li.action .icon {
  7324. height: var(--font-size-18);
  7325. width: var(--font-size-18);
  7326. }
  7327. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details {
  7328. display: grid;
  7329. grid: "img details" 1fr/120px 1fr;
  7330. min-width: 330px;
  7331. }
  7332. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details .frame {
  7333. margin-left: 5px;
  7334. }
  7335. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details .frame .actor-image {
  7336. margin-top: 8px;
  7337. max-height: 90%;
  7338. object-fit: contain;
  7339. border-radius: 0;
  7340. border: none;
  7341. box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
  7342. }
  7343. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details .image-container [data-action=show-image] {
  7344. bottom: 3px;
  7345. right: 1px;
  7346. }
  7347. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details .detail-sheet {
  7348. display: grid;
  7349. grid: repeat(2, 42px)/3fr 2fr;
  7350. grid-row-gap: 0.5rem;
  7351. padding-left: 12px;
  7352. }
  7353. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details .detail-small {
  7354. display: flex;
  7355. }
  7356. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-properties {
  7357. display: flex;
  7358. flex-wrap: wrap;
  7359. padding-top: 8px;
  7360. }
  7361. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-properties > div {
  7362. display: flex;
  7363. flex-direction: column;
  7364. justify-content: flex-start;
  7365. align-items: flex-start;
  7366. margin-bottom: 0.5rem;
  7367. }
  7368. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-properties > div > span {
  7369. width: 100%;
  7370. }
  7371. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .detailsInput {
  7372. margin-bottom: 0.5rem;
  7373. }
  7374. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.inventory {
  7375. display: flex;
  7376. }
  7377. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list {
  7378. gap: 0.2em;
  7379. padding-bottom: 1em;
  7380. }
  7381. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item {
  7382. display: flex;
  7383. flex-wrap: wrap;
  7384. align-items: center;
  7385. justify-content: space-between;
  7386. padding: 2px 4px 2px 12px;
  7387. width: 100%;
  7388. }
  7389. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item p:empty {
  7390. display: none;
  7391. }
  7392. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-name {
  7393. display: flex;
  7394. align-items: center;
  7395. flex: 1;
  7396. }
  7397. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-name h4 {
  7398. cursor: pointer;
  7399. margin: 0;
  7400. }
  7401. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-name .item-image {
  7402. margin-right: 8px;
  7403. }
  7404. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-controls {
  7405. display: flex;
  7406. flex: 0;
  7407. font-size: var(--font-size-12);
  7408. gap: 1px;
  7409. white-space: nowrap;
  7410. }
  7411. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-controls a.info-only:hover {
  7412. cursor: default;
  7413. text-shadow: none;
  7414. }
  7415. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-controls a + a {
  7416. margin-left: 4px;
  7417. }
  7418. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-summary {
  7419. flex-basis: 100%;
  7420. }
  7421. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item.unidentified {
  7422. border-radius: 1px;
  7423. outline: 1px dotted rgba(75, 74, 68, 0.5);
  7424. background: var(--visibility-gm-bg);
  7425. }
  7426. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .button-group {
  7427. display: flex;
  7428. justify-content: flex-end;
  7429. align-items: center;
  7430. flex-wrap: nowrap;
  7431. width: 50%;
  7432. flex: 0;
  7433. }
  7434. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .button-group button {
  7435. margin: 0;
  7436. border: none;
  7437. cursor: pointer;
  7438. font-family: var(--sans-serif);
  7439. font-size: var(--font-size-10);
  7440. text-transform: uppercase;
  7441. letter-spacing: 0.05em;
  7442. text-rendering: optimizeLegibility;
  7443. padding: 5px;
  7444. color: var(--text-light);
  7445. width: 70px;
  7446. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  7447. background: var(--secondary);
  7448. border-radius: 2px;
  7449. flex: 0;
  7450. white-space: nowrap;
  7451. margin-left: 4px;
  7452. flex: 0;
  7453. }
  7454. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .button-group button:hover {
  7455. box-shadow: none;
  7456. text-shadow: 0 0 2px white;
  7457. }
  7458. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item {
  7459. border-top: 1px solid #d5cac1;
  7460. border: solid transparent;
  7461. border-width: 0 0 1px;
  7462. border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
  7463. }
  7464. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item-image {
  7465. border-radius: 2px;
  7466. }
  7467. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item:last-child {
  7468. border-bottom: none;
  7469. }
  7470. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item-name h4 {
  7471. font-family: var(--serif);
  7472. }
  7473. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects h3.header {
  7474. position: relative;
  7475. margin-top: 0.75em;
  7476. font-size: var(--font-size-16);
  7477. font-family: var(--serif);
  7478. font-weight: 600;
  7479. color: var(--primary);
  7480. line-height: 1;
  7481. border-bottom: 1px solid var(--color-border-divider);
  7482. }
  7483. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects h3.header > button, .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects h3.header > .controls {
  7484. position: absolute;
  7485. bottom: -1px;
  7486. right: 0;
  7487. }
  7488. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects h3.header .controls {
  7489. display: flex;
  7490. }
  7491. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects h3.header button {
  7492. background: transparent;
  7493. border-radius: 2px 2px 0 0;
  7494. border: 1px solid var(--color-border-divider);
  7495. color: var(--primary);
  7496. cursor: pointer;
  7497. font-family: var(--sans-serif);
  7498. font-size: var(--font-size-12);
  7499. font-weight: 500;
  7500. height: 20px;
  7501. line-height: var(--font-size-12);
  7502. margin: 0;
  7503. outline: none;
  7504. text-transform: uppercase;
  7505. width: auto;
  7506. }
  7507. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects ol.directory-list {
  7508. margin: 0;
  7509. padding: 0;
  7510. display: flex;
  7511. flex-direction: column;
  7512. list-style: none;
  7513. width: 100%;
  7514. }
  7515. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects ol.directory-list h4 {
  7516. margin: 0;
  7517. padding: 0;
  7518. }
  7519. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects ol.directory-list .item ol {
  7520. list-style: none;
  7521. }
  7522. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description {
  7523. padding-bottom: 0.5rem;
  7524. }
  7525. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description header {
  7526. margin-bottom: 0.25rem;
  7527. }
  7528. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .description {
  7529. display: flex;
  7530. flex-direction: column;
  7531. flex: 1 0 22ch;
  7532. margin-bottom: 1rem;
  7533. }
  7534. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .description > .editor {
  7535. display: inherit;
  7536. flex-direction: inherit;
  7537. flex: inherit;
  7538. }
  7539. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication {
  7540. margin-top: auto;
  7541. }
  7542. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content {
  7543. align-items: baseline;
  7544. gap: 0.25em;
  7545. display: grid;
  7546. grid-template: "title title title" 2fr "authors license remaster" 3fr/60% 20% 20%;
  7547. }
  7548. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content label {
  7549. font-weight: 500;
  7550. min-width: unset;
  7551. }
  7552. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content input[type=text] {
  7553. height: 1.6rem;
  7554. }
  7555. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .title {
  7556. grid-area: title;
  7557. margin-right: 0;
  7558. }
  7559. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .authors {
  7560. grid-area: authors;
  7561. }
  7562. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .license {
  7563. grid-area: license;
  7564. }
  7565. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .license select {
  7566. margin-top: 1px;
  7567. }
  7568. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .remaster {
  7569. grid-area: remaster;
  7570. }
  7571. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .license,
  7572. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .remaster {
  7573. text-align: center;
  7574. }
  7575. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .license label,
  7576. .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .remaster label {
  7577. padding: 0;
  7578. }
  7579. .actor.sheet.vehicle .crb-style input.adjustable:not(:focus).adjusted-higher,
  7580. .actor.sheet.vehicle .crb-style span.adjustable.adjusted-higher {
  7581. color: #009988;
  7582. }
  7583. .actor.sheet.vehicle .crb-style input.adjustable:not(:focus).adjusted-lower,
  7584. .actor.sheet.vehicle .crb-style span.adjustable.adjusted-lower {
  7585. color: #cc3311;
  7586. }
  7587. .actor.sheet.vehicle .crb-style .row-nr-1 {
  7588. grid-row: 1/2;
  7589. }
  7590. .actor.sheet.vehicle .crb-style .row-nr-2 {
  7591. grid-row: 2/3;
  7592. }
  7593. .actor.sheet.vehicle .crb-style .row-nr-3 {
  7594. grid-row: 3/4;
  7595. }
  7596. .actor.sheet.vehicle .crb-style .span-2-columns {
  7597. grid-column-end: span 2;
  7598. }
  7599. .actor.sheet.vehicle .crb-style .flexitem-1 {
  7600. flex: 1 1 10%;
  7601. }
  7602. .actor.sheet.vehicle .crb-style .flexitem-5 {
  7603. flex: 5 1 50%;
  7604. }
  7605. .actor.sheet.vehicle .crb-style .flexitem-full {
  7606. flex: 100%;
  7607. }
  7608. .actor.sheet .crb-style {
  7609. display: grid;
  7610. grid: "sidebar header" 75px "sidebar nav" minmax(min-content, max-content) "sidebar content" 1fr/230px 1fr;
  7611. font-family: var(--body-serif);
  7612. background: url("../assets/sheet/header.webp"), url("../assets/sheet/background.webp");
  7613. background-repeat: repeat-x, no-repeat;
  7614. background-size: auto 89px, cover;
  7615. background-attachment: local;
  7616. height: 100%;
  7617. /* Navigation */
  7618. /** White background navigation with little decorations on the left and right */
  7619. /* Page structure elements */
  7620. /* Read-Only Sheet */
  7621. }
  7622. .actor.sheet .crb-style .d20-svg {
  7623. width: 19px;
  7624. height: 19px;
  7625. }
  7626. .actor.sheet .crb-style aside {
  7627. grid-area: sidebar;
  7628. color: var(--sidebar-label);
  7629. font-family: var(--serif);
  7630. font-size: var(--font-size-10);
  7631. font-weight: 600;
  7632. margin-left: 8px;
  7633. background-image: url("../assets/sheet/red_sidebar_top.webp"), url("../assets/sheet/red_sidebar_bottom.webp");
  7634. background-repeat: no-repeat;
  7635. background-position: center calc(100% - 52px), center bottom;
  7636. background-size: 224px 100%, 224px 52px;
  7637. display: flex;
  7638. flex-direction: column;
  7639. }
  7640. .actor.sheet .crb-style aside input[type=number] {
  7641. -moz-appearance: textfield;
  7642. color: var(--text-light);
  7643. text-align: center;
  7644. font-size: var(--font-size-26);
  7645. line-height: 1;
  7646. font-weight: initial;
  7647. font-family: var(--serif);
  7648. border: none;
  7649. }
  7650. .actor.sheet .crb-style aside input[type=number]:focus {
  7651. box-shadow: none;
  7652. }
  7653. .actor.sheet .crb-style aside input[type=number]::-webkit-outer-spin-button, .actor.sheet .crb-style aside input[type=number]::-webkit-inner-spin-button {
  7654. -webkit-appearance: none;
  7655. margin: 0;
  7656. }
  7657. .actor.sheet .crb-style aside input[type=number]:read-only {
  7658. pointer-events: none;
  7659. color: var(--tertiary-light);
  7660. }
  7661. .actor.sheet .crb-style aside input[type=number]:hover {
  7662. text-shadow: 0 0 4px var(--tertiary);
  7663. }
  7664. .actor.sheet .crb-style aside .modifiers_button {
  7665. background: rgba(255, 255, 255, 0.75);
  7666. border-radius: 2px 2px 0 0;
  7667. border: none;
  7668. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  7669. color: var(--primary);
  7670. flex: 0;
  7671. font: 600 var(--font-size-9) var(--sans-serif);
  7672. letter-spacing: 0.05em;
  7673. line-height: 1;
  7674. margin: 0;
  7675. padding: 2px 3px;
  7676. text-rendering: optimizeLegibility;
  7677. text-transform: uppercase;
  7678. white-space: nowrap;
  7679. }
  7680. .actor.sheet .crb-style aside .modifiers_button:hover:not(:disabled) {
  7681. background: white;
  7682. box-shadow: inset 0 0 0 1px white;
  7683. }
  7684. .actor.sheet .crb-style aside .logo {
  7685. margin: 5px -6px 0 -6px;
  7686. border: none;
  7687. z-index: 10;
  7688. max-width: unset;
  7689. flex-shrink: 0;
  7690. }
  7691. .actor.sheet .crb-style aside .sidebar {
  7692. padding: 0 2px 2px 8px;
  7693. margin-bottom: 42px;
  7694. overflow: hidden scroll;
  7695. }
  7696. .actor.sheet .crb-style aside .sidebar::-webkit-scrollbar-track {
  7697. box-shadow: none;
  7698. }
  7699. .actor.sheet .crb-style aside .sidebar h2,
  7700. .actor.sheet .crb-style aside .sidebar h3,
  7701. .actor.sheet .crb-style aside .sidebar h4 {
  7702. margin: 0;
  7703. line-height: 1;
  7704. }
  7705. .actor.sheet .crb-style aside .sidebar_label {
  7706. color: var(--sidebar-label);
  7707. font-family: var(--sans-serif);
  7708. font-size: var(--font-size-10);
  7709. text-transform: uppercase;
  7710. letter-spacing: 0.05em;
  7711. text-rendering: optimizeLegibility;
  7712. white-space: nowrap;
  7713. }
  7714. .actor.sheet .crb-style aside .sidebar_title {
  7715. display: flex;
  7716. flex-wrap: nowrap;
  7717. justify-content: space-between;
  7718. align-items: flex-end;
  7719. margin: 0.8em 0 0.5em;
  7720. }
  7721. .actor.sheet .crb-style aside .sidebar_title:first-of-type {
  7722. margin-top: 0.5em;
  7723. margin-bottom: -1px;
  7724. }
  7725. .actor.sheet .crb-style aside .sidebar_title h2 {
  7726. font-family: var(--sans-serif);
  7727. font-size: var(--font-size-13);
  7728. font-variant: small-caps;
  7729. letter-spacing: 0.05em;
  7730. line-height: 1;
  7731. color: var(--sidebar-title);
  7732. flex: 1;
  7733. }
  7734. .actor.sheet .crb-style aside .sidebar_title .modifiers_button,
  7735. .actor.sheet .crb-style aside .sidebar_title h2 {
  7736. border-bottom: 1px solid var(--sidebar-title);
  7737. }
  7738. .actor.sheet .crb-style aside .sidebar a.dots {
  7739. display: flex;
  7740. flex-direction: column;
  7741. gap: 2px;
  7742. }
  7743. .actor.sheet .crb-style aside .sidebar a.dots > * {
  7744. cursor: pointer;
  7745. }
  7746. .actor.sheet .crb-style aside .sidebar a.dots .pips {
  7747. display: flex;
  7748. justify-content: center;
  7749. }
  7750. .actor.sheet .crb-style aside .sidebar .data-value {
  7751. display: flex;
  7752. justify-content: center;
  7753. align-items: center;
  7754. font-size: 0; /* Removes whitespace for inputs */
  7755. }
  7756. .actor.sheet .crb-style aside .sidebar .data-value h2 {
  7757. color: var(--tertiary-light);
  7758. text-align: center;
  7759. font-size: var(--font-size-26);
  7760. line-height: 1;
  7761. font-weight: initial;
  7762. font-family: var(--serif);
  7763. border: none;
  7764. }
  7765. .actor.sheet .crb-style aside .sidebar a.roll-icon {
  7766. display: inline-flex;
  7767. align-items: center;
  7768. padding-bottom: 2px;
  7769. }
  7770. .actor.sheet .crb-style aside .sidebar a.roll-icon i {
  7771. font-size: var(--font-size-19);
  7772. color: var(--text-light);
  7773. transition: all 0.2s ease-in-out;
  7774. }
  7775. .actor.sheet .crb-style aside .sidebar a.roll-icon i:hover {
  7776. transform: scale(1.25);
  7777. }
  7778. .actor.sheet .crb-style aside .sidebar a.roll-icon svg {
  7779. animation-play-state: paused;
  7780. }
  7781. .actor.sheet .crb-style aside .sidebar a.roll-icon svg path {
  7782. fill: var(--text-light);
  7783. }
  7784. .actor.sheet .crb-style aside .sidebar a.roll-icon:hover svg {
  7785. animation-play-state: running;
  7786. animation: rotation 2s infinite linear;
  7787. }
  7788. .actor.sheet .crb-style aside .sidebar a.roll-icon.disabled {
  7789. cursor: default;
  7790. filter: brightness(0.75);
  7791. opacity: 0.75;
  7792. text-shadow: none;
  7793. }
  7794. .actor.sheet .crb-style aside .sidebar a.roll-icon.disabled:hover svg {
  7795. animation-play-state: paused;
  7796. }
  7797. .actor.sheet .crb-style aside .sidebar select {
  7798. font-size: var(--font-size-15);
  7799. background-color: var(--primary);
  7800. padding: 2px 6px;
  7801. width: 100%;
  7802. max-width: 100%;
  7803. border: 1px solid #956d58;
  7804. /* prettier-ignore */
  7805. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 4px rgba(0, 0, 0, 0.5);
  7806. }
  7807. .actor.sheet .crb-style aside .sidebar ol {
  7808. display: flex;
  7809. flex-direction: column;
  7810. list-style: none;
  7811. margin: 0;
  7812. padding: 0;
  7813. }
  7814. .actor.sheet .crb-style aside .sidebar ol li {
  7815. display: flex;
  7816. flex-direction: row;
  7817. align-items: center;
  7818. justify-content: space-between;
  7819. }
  7820. .actor.sheet .crb-style aside .sidebar .tags .tag.edit-btn {
  7821. background-color: var(--color-bg-option);
  7822. color: var(--primary);
  7823. }
  7824. .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big {
  7825. display: grid;
  7826. grid-template-columns: repeat(3, 1fr);
  7827. justify-content: space-evenly;
  7828. }
  7829. .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container {
  7830. text-align: center;
  7831. }
  7832. .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp {
  7833. background-image: linear-gradient(90deg, #450000 0%, #870000 50%, #450000 100%);
  7834. background-color: var(--primary);
  7835. border-radius: 0 0 4px 4px;
  7836. border: 1px solid var(--sidebar-title);
  7837. display: flex;
  7838. flex-direction: column;
  7839. padding: 10px 4px 0;
  7840. position: relative;
  7841. width: min-content;
  7842. z-index: 0;
  7843. }
  7844. .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp .data-value {
  7845. margin-top: 3px;
  7846. }
  7847. .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp .data-value input[type=number] {
  7848. font-size: var(--font-size-32);
  7849. letter-spacing: -1px;
  7850. height: 32px;
  7851. }
  7852. .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp, .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.temp-hp {
  7853. margin-top: 0.75rem;
  7854. }
  7855. .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.temp-hp {
  7856. margin-right: 0.5rem;
  7857. text-align: center;
  7858. }
  7859. .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp {
  7860. margin-left: 0.5rem;
  7861. text-align: center;
  7862. }
  7863. .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp .unrecoverable {
  7864. color: orangered;
  7865. }
  7866. .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small {
  7867. display: flex;
  7868. justify-content: space-evenly;
  7869. margin: 8px 2px 0 2px;
  7870. text-align: center;
  7871. gap: 2px;
  7872. }
  7873. .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small h4,
  7874. .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small label {
  7875. font-family: var(--sans-serif);
  7876. font-size: var(--font-size-10);
  7877. text-transform: uppercase;
  7878. letter-spacing: 0.05em;
  7879. text-rendering: optimizeLegibility;
  7880. }
  7881. .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small .far,
  7882. .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small .fas {
  7883. color: var(--text-light);
  7884. }
  7885. .actor.sheet .crb-style aside .sidebar .armor-class {
  7886. display: grid;
  7887. grid: "ac shield-hp shield-footer" 74px "shield-data shield-data shield-data" auto/66px 59px auto;
  7888. grid-column-gap: 4px;
  7889. }
  7890. .actor.sheet .crb-style aside .sidebar .armor-class .shield {
  7891. align-items: center;
  7892. display: flex;
  7893. flex-direction: column;
  7894. height: 74px;
  7895. justify-content: start;
  7896. padding: 14px 10px 0 10px;
  7897. text-align: center;
  7898. }
  7899. .actor.sheet .crb-style aside .sidebar .armor-class .shield .data-value h2,
  7900. .actor.sheet .crb-style aside .sidebar .armor-class .shield .data-value input[type=number] {
  7901. font-size: var(--font-size-32);
  7902. width: 55px;
  7903. }
  7904. .actor.sheet .crb-style aside .sidebar .armor-class .shield label {
  7905. white-space: normal;
  7906. }
  7907. .actor.sheet .crb-style aside .sidebar .armor-class .shield.ac {
  7908. grid-area: ac;
  7909. background: url("../assets/sheet/shield-blue.webp") no-repeat center center;
  7910. }
  7911. .actor.sheet .crb-style aside .sidebar .armor-class .shield.hp {
  7912. grid-area: shield-hp;
  7913. background: url("../assets/sheet/shield-red.webp") no-repeat top center;
  7914. }
  7915. .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats {
  7916. grid-area: shield-data;
  7917. }
  7918. .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol {
  7919. margin-top: 4px;
  7920. flex-direction: row;
  7921. height: 100%;
  7922. padding: 0 4px;
  7923. justify-content: space-evenly;
  7924. }
  7925. .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li {
  7926. justify-content: center;
  7927. font-size: 0;
  7928. }
  7929. .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li + li {
  7930. margin-left: 8px;
  7931. }
  7932. .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label {
  7933. position: relative;
  7934. }
  7935. .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg {
  7936. border: none;
  7937. width: auto;
  7938. height: 20px;
  7939. }
  7940. .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg path {
  7941. fill: var(--tertiary-light);
  7942. }
  7943. .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg text {
  7944. fill: var(--primary-dark);
  7945. }
  7946. .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label:after {
  7947. display: inline-block;
  7948. position: absolute;
  7949. font-family: var(--sans-serif);
  7950. font-size: var(--font-size-10);
  7951. text-transform: uppercase;
  7952. letter-spacing: 0.05em;
  7953. text-rendering: optimizeLegibility;
  7954. color: var(--primary);
  7955. top: 0;
  7956. left: 1px;
  7957. line-height: 1.5;
  7958. }
  7959. .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.ac:after {
  7960. content: "AC";
  7961. top: 3px;
  7962. left: 3px;
  7963. }
  7964. .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.hardness:after {
  7965. left: 5px;
  7966. top: 3px;
  7967. content: "H";
  7968. }
  7969. .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.bt:after {
  7970. top: 3px;
  7971. left: 3.5px;
  7972. content: "BT";
  7973. }
  7974. .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .data-value {
  7975. flex: 1;
  7976. border: 1px solid #956d58;
  7977. /* prettier-ignore */
  7978. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 4px rgba(0, 0, 0, 0.5);
  7979. padding-left: 4px;
  7980. margin-left: -8px;
  7981. height: 20px;
  7982. }
  7983. .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .data-value input[type=number] {
  7984. font-size: var(--font-size-14);
  7985. font-weight: 400;
  7986. padding-top: 2px;
  7987. height: 14px;
  7988. }
  7989. .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer {
  7990. display: inline-flex;
  7991. flex-direction: column;
  7992. grid-area: shield-footer;
  7993. justify-content: center;
  7994. justify-self: center;
  7995. width: calc(100% - 6px);
  7996. }
  7997. .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-max {
  7998. display: flex;
  7999. flex-direction: column;
  8000. align-items: center;
  8001. }
  8002. .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-max label {
  8003. white-space: normal;
  8004. text-align: center;
  8005. width: 5em;
  8006. margin-bottom: 4px;
  8007. }
  8008. .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-status {
  8009. display: flex;
  8010. align-items: end;
  8011. justify-content: center;
  8012. gap: 5px;
  8013. color: var(--tertiary-light);
  8014. margin-top: 4px;
  8015. }
  8016. .actor.sheet .crb-style aside .sidebar .stamina {
  8017. flex-direction: row;
  8018. }
  8019. .actor.sheet .crb-style aside .sidebar .stamina li {
  8020. flex-direction: column;
  8021. }
  8022. .actor.sheet .crb-style aside .sidebar .stamina li input {
  8023. padding: 0;
  8024. font-size: var(--font-size-24);
  8025. }
  8026. .actor.sheet .crb-style aside .sidebar .stamina li input.left {
  8027. color: var(--text-light);
  8028. text-align: right;
  8029. margin-right: 4px;
  8030. }
  8031. .actor.sheet .crb-style aside .sidebar .stamina li input.right {
  8032. color: var(--tertiary-light);
  8033. text-align: left;
  8034. margin-left: 4px;
  8035. }
  8036. .actor.sheet .crb-style aside .sidebar .stamina li .divider {
  8037. font-size: var(--font-size-16);
  8038. line-height: 1;
  8039. }
  8040. .actor.sheet .crb-style aside .sidebar .stamina li .stamina-group {
  8041. display: flex;
  8042. align-items: center;
  8043. }
  8044. .actor.sheet .crb-style aside .sidebar .roll-data {
  8045. display: flex;
  8046. align-items: center;
  8047. justify-content: space-between;
  8048. }
  8049. .actor.sheet .crb-style aside .sidebar .roll-data h3 {
  8050. font-size: var(--font-size-18);
  8051. font-weight: initial;
  8052. color: var(--tertiary-light);
  8053. white-space: nowrap;
  8054. }
  8055. .actor.sheet .crb-style aside .sidebar .roll-data .initiative-select {
  8056. width: 129px;
  8057. }
  8058. .actor.sheet .crb-style aside .sidebar .perception-sidebar,
  8059. .actor.sheet .crb-style aside .sidebar .initiative-sidebar {
  8060. gap: 5px;
  8061. }
  8062. .actor.sheet .crb-style aside .sidebar .perception-sidebar h3,
  8063. .actor.sheet .crb-style aside .sidebar .initiative-sidebar h3 {
  8064. flex-grow: 1;
  8065. }
  8066. .actor.sheet .crb-style aside .sidebar ul.sidebar-saves {
  8067. margin: 0;
  8068. padding: 0;
  8069. display: flex;
  8070. }
  8071. .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data {
  8072. flex: 1 1 auto;
  8073. display: flex;
  8074. flex-direction: column;
  8075. justify-content: center;
  8076. align-items: center;
  8077. border-left: 1px solid rgba(255, 239, 189, 0.1882352941);
  8078. }
  8079. .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data:first-child {
  8080. border-left: none;
  8081. }
  8082. .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .sidebar_label {
  8083. font-weight: initial;
  8084. text-transform: capitalize;
  8085. font-size: var(--font-size-12);
  8086. border: none;
  8087. margin-bottom: 2px;
  8088. }
  8089. .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .save-roll {
  8090. display: flex;
  8091. justify-content: center;
  8092. align-items: center;
  8093. margin: 4px 0;
  8094. }
  8095. .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .save-roll h3 {
  8096. margin: 0;
  8097. margin-left: 2px;
  8098. }
  8099. .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .modifiers_button {
  8100. padding: 2px;
  8101. border-radius: 2px;
  8102. width: initial;
  8103. }
  8104. .actor.sheet .crb-style aside .sidebar ol.tags {
  8105. flex-direction: row;
  8106. }
  8107. .actor.sheet .crb-style aside .sidebar ol.tags li {
  8108. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  8109. }
  8110. .actor.sheet .crb-style header.char-header {
  8111. display: flex;
  8112. justify-content: space-between;
  8113. align-items: center;
  8114. color: var(--text-light);
  8115. }
  8116. .actor.sheet .crb-style header.char-header .char-details {
  8117. font-family: var(--sans-serif);
  8118. font-size: var(--font-size-10);
  8119. text-transform: uppercase;
  8120. letter-spacing: 0.05em;
  8121. text-rendering: optimizeLegibility;
  8122. margin-left: 8px;
  8123. }
  8124. .actor.sheet .crb-style header.char-header .char-details h1.char-name {
  8125. margin: 0;
  8126. border: none;
  8127. }
  8128. .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable {
  8129. letter-spacing: normal;
  8130. word-spacing: normal;
  8131. text-transform: none;
  8132. text-indent: 0;
  8133. text-shadow: none;
  8134. text-rendering: auto;
  8135. }
  8136. .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable.gender {
  8137. font-size: var(--font-size-14);
  8138. }
  8139. .actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text],
  8140. .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable {
  8141. font-family: var(--serif);
  8142. font-weight: 500;
  8143. font-size: var(--font-size-24);
  8144. color: var(--text-light);
  8145. line-height: calc(1em + 1px);
  8146. border-bottom: 1px solid transparent;
  8147. height: 26px;
  8148. }
  8149. .actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text]:focus,
  8150. .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable:focus {
  8151. box-shadow: none;
  8152. border-bottom: 1px solid var(--text-light);
  8153. }
  8154. .actor.sheet .crb-style header.char-header .char-details h2.non-editable.ancestry-class {
  8155. font-family: var(--serif);
  8156. border-bottom: none;
  8157. margin-bottom: 0;
  8158. font-weight: 400;
  8159. }
  8160. .actor.sheet .crb-style header.char-header .char-level {
  8161. display: flex;
  8162. justify-content: flex-start;
  8163. padding-bottom: 4px;
  8164. }
  8165. .actor.sheet .crb-style header.char-header .char-level .level {
  8166. position: relative;
  8167. display: flex;
  8168. justify-content: center;
  8169. align-items: center;
  8170. flex-direction: column;
  8171. height: 43px;
  8172. width: 40px;
  8173. background: url("../assets/sheet/level-badge.webp") no-repeat;
  8174. background-size: 40px 43px;
  8175. z-index: 2;
  8176. font-size: 0;
  8177. padding-top: 2px;
  8178. }
  8179. .actor.sheet .crb-style header.char-header .char-level .level label {
  8180. color: var(--sidebar-label);
  8181. font-family: var(--sans-serif);
  8182. font-size: var(--font-size-10);
  8183. text-transform: uppercase;
  8184. letter-spacing: 0.05em;
  8185. text-rendering: optimizeLegibility;
  8186. line-height: 1.5;
  8187. }
  8188. .actor.sheet .crb-style header.char-header .char-level .level input {
  8189. font-family: var(--serif);
  8190. font-size: var(--font-size-22);
  8191. font-weight: 400;
  8192. color: var(--text-light);
  8193. line-height: calc(1em + 1px);
  8194. height: 24px;
  8195. }
  8196. .actor.sheet .crb-style header.char-header .char-level .level label,
  8197. .actor.sheet .crb-style header.char-header .char-level .level input {
  8198. margin-left: 1px;
  8199. text-align: center;
  8200. }
  8201. .actor.sheet .crb-style .char-header {
  8202. grid-area: header;
  8203. padding-right: 1rem;
  8204. }
  8205. .actor.sheet .crb-style .sheet-navigation {
  8206. grid-area: nav;
  8207. margin-left: -2px;
  8208. }
  8209. .actor.sheet .crb-style .sheet-body {
  8210. grid-area: content;
  8211. position: relative;
  8212. z-index: 0;
  8213. }
  8214. .actor.sheet .crb-style .sheet-body ol {
  8215. list-style: none;
  8216. }
  8217. .actor.sheet .crb-style .sheet-body .sheet-content,
  8218. .actor.sheet .crb-style .sheet-body .sheet-content .inventory {
  8219. bottom: 0;
  8220. display: flex;
  8221. flex-direction: column;
  8222. left: 0;
  8223. position: absolute;
  8224. top: 0;
  8225. width: 100%;
  8226. }
  8227. .actor.sheet .crb-style .sheet-body .sheet-content {
  8228. color: var(--text-dark);
  8229. }
  8230. .actor.sheet .crb-style .sheet-body .sheet-content > .tab {
  8231. padding: 0.6rem 0.6rem 0;
  8232. display: none;
  8233. }
  8234. .actor.sheet .crb-style .sheet-body .sheet-content > .tab.active {
  8235. display: initial;
  8236. }
  8237. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list {
  8238. margin: 0;
  8239. padding: 0;
  8240. border-bottom: 1px solid var(--color-border-light-2);
  8241. flex-basis: 100%;
  8242. gap: 1px;
  8243. position: relative;
  8244. width: 100%;
  8245. z-index: 1;
  8246. }
  8247. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li {
  8248. margin: 0;
  8249. padding: 0;
  8250. align-items: center;
  8251. background: none;
  8252. cursor: default;
  8253. display: grid;
  8254. grid: "name range components cast-spell controls" auto "content content content content content" auto/9fr 4fr 4fr 2fr 2.5fr;
  8255. justify-content: center;
  8256. padding: 0 0.3em 1px 0.35em;
  8257. }
  8258. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] h4 {
  8259. color: var(--color-disabled);
  8260. text-decoration: line-through;
  8261. }
  8262. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell {
  8263. background: var(--color-disabled);
  8264. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  8265. cursor: not-allowed;
  8266. }
  8267. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:nth-child(odd) {
  8268. background-color: rgba(120, 100, 82, 0.1);
  8269. }
  8270. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:last-child {
  8271. border-bottom: 1px solid var(--sub);
  8272. }
  8273. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:last-child .item-image {
  8274. margin-bottom: 0;
  8275. margin-top: 2px;
  8276. }
  8277. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header {
  8278. margin: 0;
  8279. padding: 0;
  8280. background: rgba(96, 88, 86, 0.25);
  8281. border: 1px solid var(--color-border-light-2);
  8282. border-radius: 2px;
  8283. color: var(--text-dark);
  8284. font: 500 var(--font-size-12) var(--sans-serif);
  8285. letter-spacing: 0.25px;
  8286. line-height: 1;
  8287. padding: 0 0.5em;
  8288. text-transform: uppercase;
  8289. }
  8290. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header h3 {
  8291. text-transform: capitalize;
  8292. font-size: var(--font-size-13);
  8293. margin-left: 0;
  8294. padding: 4px 0;
  8295. }
  8296. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-name {
  8297. line-height: 1;
  8298. gap: 0.25em;
  8299. }
  8300. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-name h3 {
  8301. margin: 0;
  8302. padding: 0;
  8303. font-weight: 700;
  8304. }
  8305. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-controls {
  8306. grid-column: span 2;
  8307. }
  8308. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses {
  8309. align-items: center;
  8310. display: flex;
  8311. gap: 0.25em;
  8312. line-height: 1;
  8313. }
  8314. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input,
  8315. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input {
  8316. background: var(--alt);
  8317. border-radius: 3px;
  8318. border: 1px solid var(--sub);
  8319. color: var(--text-light);
  8320. font: var(--font-size-12) var(--sans-serif);
  8321. height: unset;
  8322. text-align: center;
  8323. width: 2em;
  8324. }
  8325. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .spell-slots-increment-reset,
  8326. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses .spell-slots-increment-reset {
  8327. padding-left: 5px;
  8328. font-size: var(--font-size-10);
  8329. }
  8330. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell {
  8331. border: none;
  8332. font-size: var(--font-size-13);
  8333. }
  8334. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .level-prepared-toggle {
  8335. flex: 0;
  8336. font-size: 0.75rem;
  8337. color: var(--secondary);
  8338. }
  8339. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name {
  8340. align-items: center;
  8341. display: flex;
  8342. flex-wrap: nowrap;
  8343. justify-content: start;
  8344. justify-self: start;
  8345. min-height: 1.75rem;
  8346. }
  8347. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h3 {
  8348. white-space: nowrap;
  8349. }
  8350. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name + span {
  8351. font-size: 0.75rem;
  8352. }
  8353. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .focus-pool-input {
  8354. align-items: center;
  8355. display: flex;
  8356. flex-wrap: nowrap;
  8357. }
  8358. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .slash {
  8359. font-size: 0.75rem;
  8360. }
  8361. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-slots,
  8362. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-max {
  8363. padding-top: 3px;
  8364. font-size: 0.75rem;
  8365. }
  8366. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-slots.infinity,
  8367. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-max.infinity {
  8368. position: relative;
  8369. top: -2px;
  8370. }
  8371. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .item-image {
  8372. height: 1.5rem;
  8373. width: 1.5rem;
  8374. flex: 0 0 auto;
  8375. margin: 2px 0;
  8376. }
  8377. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4 {
  8378. margin: 0;
  8379. padding: 0;
  8380. font-size: var(--font-size-14);
  8381. letter-spacing: -0.075em;
  8382. line-height: 1;
  8383. margin-left: 8px;
  8384. cursor: pointer;
  8385. }
  8386. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4:hover {
  8387. color: var(--secondary);
  8388. }
  8389. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .action-glyph {
  8390. margin-left: 4px;
  8391. font-size: small;
  8392. }
  8393. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name.empty {
  8394. grid-column: 1/span 4;
  8395. }
  8396. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-range {
  8397. grid-area: range;
  8398. padding-left: 0.2em;
  8399. }
  8400. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-components {
  8401. grid-area: components;
  8402. justify-self: right;
  8403. padding: 0 0.5em;
  8404. }
  8405. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-components .tag {
  8406. font: var(--font-size-12) var(--sans-serif-condensed);
  8407. }
  8408. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-cast {
  8409. grid-area: cast-spell;
  8410. display: flex;
  8411. justify-content: center;
  8412. }
  8413. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-controls {
  8414. grid-area: controls;
  8415. display: flex;
  8416. justify-self: end;
  8417. padding-right: 0.25em;
  8418. }
  8419. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li button.cast-spell {
  8420. align-items: center;
  8421. background: var(--secondary);
  8422. border-radius: 2px;
  8423. border: black;
  8424. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  8425. color: var(--text-light);
  8426. cursor: pointer;
  8427. display: flex;
  8428. font: 700 0.55rem var(--sans-serif);
  8429. justify-self: center;
  8430. letter-spacing: 0.25px;
  8431. max-width: fit-content;
  8432. padding: 0.5em 1em;
  8433. text-transform: uppercase;
  8434. }
  8435. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary {
  8436. grid-area: content;
  8437. width: 100%;
  8438. padding: 8px;
  8439. border-bottom: 1px solid var(--sub);
  8440. border-top: 1px solid #aca5a3;
  8441. background-color: var(--bg);
  8442. }
  8443. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .virtual {
  8444. position: relative;
  8445. }
  8446. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .virtual::before {
  8447. pointer-events: none;
  8448. content: "";
  8449. position: absolute;
  8450. height: 100%;
  8451. width: 100%;
  8452. background-color: rgba(0, 5, 255, 0.1137254902);
  8453. mix-blend-mode: saturation;
  8454. }
  8455. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
  8456. border-top: 1px solid rgba(0, 0, 0, 0.15);
  8457. }
  8458. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .level-prepared-header {
  8459. font-size: 0.75rem;
  8460. color: var(--text-light);
  8461. margin: 0;
  8462. padding: 4px;
  8463. text-align: center;
  8464. background: var(--secondary);
  8465. position: relative;
  8466. }
  8467. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spell .item-name {
  8468. width: 100%;
  8469. }
  8470. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list input.toggle-signature-spell[type=checkbox] {
  8471. width: 12px;
  8472. height: 12px;
  8473. margin: 0 2px 0 0;
  8474. flex: 0 0 auto;
  8475. }
  8476. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spellbook-empty {
  8477. display: flex;
  8478. align-items: center;
  8479. min-height: 28px;
  8480. justify-content: flex-end;
  8481. }
  8482. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spellbook-empty h4 {
  8483. margin: 0;
  8484. white-space: nowrap;
  8485. margin-right: auto;
  8486. }
  8487. .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spellbook-empty a {
  8488. flex: 0 1 0;
  8489. white-space: nowrap;
  8490. margin-left: 8px;
  8491. }
  8492. .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list > h3,
  8493. .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list > li > h3 {
  8494. font-size: 1rem;
  8495. font-weight: 500;
  8496. font-family: var(--serif);
  8497. line-height: 1;
  8498. color: var(--text-light);
  8499. margin: 0;
  8500. padding: 0;
  8501. margin-left: 8px;
  8502. }
  8503. .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header {
  8504. align-items: center;
  8505. background: var(--primary);
  8506. border: none;
  8507. border-radius: 0.25em;
  8508. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  8509. display: flex;
  8510. flex-basis: 100%;
  8511. flex-wrap: nowrap;
  8512. height: 32px;
  8513. justify-content: space-between;
  8514. margin-left: 0;
  8515. margin-top: 8px;
  8516. padding: 0 0.5em;
  8517. position: relative;
  8518. width: 100%;
  8519. z-index: 2;
  8520. }
  8521. .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header:first-child {
  8522. margin-top: 0;
  8523. }
  8524. .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header + li {
  8525. border-top: none;
  8526. }
  8527. .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .drag-handle {
  8528. cursor: move;
  8529. color: var(--text-light);
  8530. flex-basis: 0;
  8531. margin-right: 0.25em;
  8532. }
  8533. .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .drag-handle i {
  8534. padding-top: 0.25em;
  8535. }
  8536. .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .item-controls {
  8537. color: var(--text-light);
  8538. flex: 1 0 auto;
  8539. font: 0.85em var(--sans-serif);
  8540. letter-spacing: 0.05em;
  8541. margin-left: auto;
  8542. max-width: fit-content;
  8543. text-transform: uppercase;
  8544. font-size: var(--font-size-12);
  8545. }
  8546. .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 {
  8547. color: var(--text-light);
  8548. flex: 1 1 100%;
  8549. margin-bottom: 0;
  8550. font-size: var(--font-size-16);
  8551. }
  8552. .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input {
  8553. color: var(--text-light);
  8554. max-width: 100%;
  8555. font-weight: 500;
  8556. }
  8557. .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input:read-only {
  8558. pointer-events: none;
  8559. }
  8560. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container {
  8561. padding: 0 0.5rem 2rem 0;
  8562. }
  8563. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper {
  8564. justify-items: center;
  8565. }
  8566. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .action-radio {
  8567. display: none;
  8568. }
  8569. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels {
  8570. min-height: min-content;
  8571. width: 100%;
  8572. }
  8573. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-panel {
  8574. display: none;
  8575. }
  8576. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-panel.active {
  8577. display: flex;
  8578. flex-direction: column;
  8579. }
  8580. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options {
  8581. border-image-repeat: repeat;
  8582. border-image-slice: 11;
  8583. border-image-source: url("../assets/sheet/frame-elegant.svg");
  8584. border-image-width: 14px;
  8585. border-style: double;
  8586. display: flex;
  8587. flex-wrap: wrap;
  8588. margin-bottom: 0.5rem;
  8589. padding: 0.5rem 1rem;
  8590. }
  8591. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option {
  8592. align-items: center;
  8593. display: flex;
  8594. width: 100%;
  8595. margin: 1px 0;
  8596. }
  8597. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label * {
  8598. vertical-align: middle;
  8599. }
  8600. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label input {
  8601. margin: 0;
  8602. padding: 0;
  8603. }
  8604. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label .unchecked-disabled {
  8605. color: var(--color-text-dark-inactive);
  8606. }
  8607. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label select {
  8608. margin-left: 0.25em;
  8609. }
  8610. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list {
  8611. padding-left: 0;
  8612. }
  8613. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action-header {
  8614. align-items: center;
  8615. display: flex;
  8616. }
  8617. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
  8618. border: solid transparent;
  8619. border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
  8620. border-width: 0 0 1px;
  8621. padding: 4px;
  8622. width: 100%;
  8623. }
  8624. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action p:empty, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike p:empty {
  8625. display: none;
  8626. }
  8627. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name {
  8628. align-items: center;
  8629. display: flex;
  8630. gap: 0.5rem;
  8631. grid-area: icon-name;
  8632. margin: 0;
  8633. }
  8634. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name h4, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name h4 {
  8635. cursor: pointer;
  8636. margin: 0;
  8637. max-width: fit-content;
  8638. }
  8639. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .item-image, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .item-image {
  8640. display: flex;
  8641. justify-content: center;
  8642. align-items: center;
  8643. background-repeat: no-repeat;
  8644. background-size: contain;
  8645. cursor: pointer;
  8646. font-size: var(--font-size-18);
  8647. }
  8648. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title {
  8649. flex: 1;
  8650. }
  8651. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name {
  8652. align-items: baseline;
  8653. display: flex;
  8654. flex-direction: row;
  8655. gap: 0.5em;
  8656. }
  8657. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name > h4, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name > h4 {
  8658. cursor: pointer;
  8659. }
  8660. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name > h4:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name > h4:hover {
  8661. color: var(--primary);
  8662. }
  8663. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name > h4:hover .action-glyph, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name > h4:hover .action-glyph {
  8664. color: var(--text-dark);
  8665. }
  8666. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action {
  8667. align-items: center;
  8668. border-radius: 2px;
  8669. border: none;
  8670. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 2px rgba(0, 0, 0, 0.2);
  8671. display: flex;
  8672. flex: 0;
  8673. font: 500 var(--font-size-10) var(--sans-serif);
  8674. gap: 0.25em;
  8675. height: 2em;
  8676. justify-content: space-evenly;
  8677. letter-spacing: 0.05em;
  8678. margin: 0;
  8679. max-width: fit-content;
  8680. padding: 0.5em;
  8681. text-rendering: optimizeLegibility;
  8682. text-transform: uppercase;
  8683. white-space: nowrap;
  8684. }
  8685. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action:not(:disabled), .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action:not(:disabled) {
  8686. background: var(--bg-dark);
  8687. cursor: pointer;
  8688. }
  8689. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action:not(:disabled):hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action:not(:disabled):hover {
  8690. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4);
  8691. }
  8692. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action:not(:disabled):active, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action:not(:disabled):active {
  8693. color: var(--primary);
  8694. }
  8695. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-controls, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-controls {
  8696. font-size: var(--font-size-12);
  8697. grid-area: controls;
  8698. white-space: nowrap;
  8699. }
  8700. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary {
  8701. flex-basis: 100%;
  8702. margin: 0.5rem 0;
  8703. }
  8704. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .title,
  8705. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .title,
  8706. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing {
  8707. color: var(--primary);
  8708. margin-top: 1em;
  8709. margin: 0;
  8710. padding: 0;
  8711. }
  8712. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing {
  8713. color: var(--secondary);
  8714. margin: 1em 0 0.25em;
  8715. }
  8716. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing strong, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing strong {
  8717. font-weight: 500;
  8718. }
  8719. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing + p, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing + p {
  8720. margin-top: 0;
  8721. }
  8722. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary img, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary img {
  8723. border: none;
  8724. vertical-align: middle;
  8725. }
  8726. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary img.actionlight, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary img.actionlight {
  8727. background: var(--alt);
  8728. vertical-align: middle;
  8729. border: 1px solid var(--text-dark);
  8730. }
  8731. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-off:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off:hover {
  8732. box-shadow: none;
  8733. text-shadow: 0 0 2px white;
  8734. }
  8735. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-off, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off {
  8736. cursor: pointer;
  8737. }
  8738. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on {
  8739. background-color: rgba(23, 31, 105, 0.5);
  8740. color: var(--text-dark);
  8741. text-shadow: 0 0 2px white;
  8742. }
  8743. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary {
  8744. border-image-repeat: repeat;
  8745. border-image-slice: 11;
  8746. border-image-source: url("../assets/sheet/frame-elegant.svg");
  8747. border-image-width: 14px;
  8748. border-style: double;
  8749. padding: 0.5rem 1rem 1rem;
  8750. }
  8751. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary dd, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary dd {
  8752. margin: 0;
  8753. margin-bottom: 0.5rem;
  8754. }
  8755. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .tag.tag_secondary, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .tag.tag_secondary {
  8756. background-color: rgba(0, 0, 0, 0.8);
  8757. }
  8758. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action.hidden, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike.hidden {
  8759. display: none;
  8760. }
  8761. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action {
  8762. align-items: center;
  8763. column-gap: 0.5rem;
  8764. display: grid;
  8765. grid: "icon name tracking controls" 1fr "icon buttons tracking controls" auto "summary summary summary summary" auto/min-content 1fr 20% 10%;
  8766. }
  8767. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action > .icon {
  8768. grid-area: icon;
  8769. height: 32px;
  8770. width: 32px;
  8771. }
  8772. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .name {
  8773. align-items: center;
  8774. grid-area: name;
  8775. display: flex;
  8776. margin-bottom: 0;
  8777. text-align: left;
  8778. }
  8779. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .button-group {
  8780. grid-area: buttons;
  8781. display: flex;
  8782. flex-wrap: wrap;
  8783. gap: 1px;
  8784. }
  8785. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking {
  8786. grid-area: tracking;
  8787. }
  8788. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-controls {
  8789. grid-area: controls;
  8790. }
  8791. .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary {
  8792. grid-area: summary;
  8793. }
  8794. .actor.sheet .crb-style .sheet-body .sheet-content footer {
  8795. font-family: var(--sans-serif);
  8796. font-size: var(--font-size-10);
  8797. text-transform: uppercase;
  8798. letter-spacing: 0.05em;
  8799. text-rendering: optimizeLegibility;
  8800. color: var(--primary);
  8801. text-align: right;
  8802. line-height: 1.4;
  8803. margin: 1em 1em 0;
  8804. }
  8805. .actor.sheet .crb-style nav.sheet-navigation {
  8806. display: inline-flex;
  8807. justify-content: center;
  8808. align-items: center;
  8809. height: 20px;
  8810. background: var(--secondary);
  8811. background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
  8812. transition: all 0.1s ease-out;
  8813. box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  8814. border-top: 1px solid rgba(255, 255, 255, 0.1);
  8815. border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  8816. position: relative;
  8817. }
  8818. .actor.sheet .crb-style nav.sheet-navigation .navigation-title {
  8819. color: var(--text-light);
  8820. margin-right: auto;
  8821. padding-left: 1em;
  8822. white-space: nowrap;
  8823. width: 7em;
  8824. }
  8825. .actor.sheet .crb-style nav.sheet-navigation > a {
  8826. display: flex;
  8827. justify-content: center;
  8828. align-items: center;
  8829. margin: 0 6px;
  8830. font-size: var(--font-size-12);
  8831. }
  8832. .actor.sheet .crb-style nav.sheet-navigation .item {
  8833. height: 24px;
  8834. width: 24px;
  8835. border-radius: 50%;
  8836. z-index: 1;
  8837. transition: all 0.1s ease-out;
  8838. color: var(--tertiary);
  8839. fill: var(--tertiary);
  8840. background-image: url("../assets/sheet/nav-item-inactive.webp");
  8841. background-size: contain;
  8842. /* prettier-ignore */
  8843. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25);
  8844. }
  8845. .actor.sheet .crb-style nav.sheet-navigation .item.active {
  8846. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary);
  8847. }
  8848. .actor.sheet .crb-style nav.sheet-navigation .item:last-child {
  8849. margin-right: 10px;
  8850. }
  8851. .actor.sheet .crb-style nav.sheet-navigation .item:hover, .actor.sheet .crb-style nav.sheet-navigation .item.active {
  8852. z-index: 2;
  8853. transform: scale(1.2);
  8854. color: var(--text-light);
  8855. fill: var(--text-light);
  8856. background-image: url("../assets/sheet/nav-item.webp");
  8857. }
  8858. .actor.sheet .crb-style nav.sheet-navigation .item .fas {
  8859. padding-bottom: 0;
  8860. }
  8861. .actor.sheet .crb-style nav.sheet-navigation .item:hover .pfs-icon {
  8862. filter: drop-shadow(0 0 8px var(--color-shadow-primary));
  8863. }
  8864. .actor.sheet .crb-style nav.sheet-navigation .item .action-glyph {
  8865. font-size: 1rem;
  8866. }
  8867. .actor.sheet .crb-style nav.sub-nav {
  8868. margin: 0;
  8869. padding: 0;
  8870. display: flex;
  8871. flex-wrap: nowrap;
  8872. justify-content: center;
  8873. align-items: center;
  8874. list-style: none;
  8875. background-color: var(--bg);
  8876. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  8877. width: 100%;
  8878. flex: 0 0 2.5rem;
  8879. }
  8880. .actor.sheet .crb-style nav.sub-nav::before, .actor.sheet .crb-style nav.sub-nav::after {
  8881. content: "";
  8882. width: 37px;
  8883. height: 16px;
  8884. background: url("../assets/sheet/sub-nav-decoration.webp");
  8885. margin: 0 16px;
  8886. }
  8887. .actor.sheet .crb-style nav.sub-nav::after {
  8888. transform: scaleX(-100%);
  8889. }
  8890. .actor.sheet .crb-style nav.sub-nav a,
  8891. .actor.sheet .crb-style nav.sub-nav .tab {
  8892. border-left: 1px solid rgba(255, 255, 255, 0.3);
  8893. border-right: 1px solid rgba(0, 0, 0, 0.2);
  8894. color: var(--alt);
  8895. cursor: pointer;
  8896. display: block;
  8897. font: 400 var(--font-size-16) var(--serif);
  8898. flex: 1;
  8899. margin: 0 0.25rem;
  8900. max-width: 30%;
  8901. text-align: center;
  8902. text-decoration: none;
  8903. transition: all 0.1s ease-out;
  8904. }
  8905. .actor.sheet .crb-style nav.sub-nav a.active,
  8906. .actor.sheet .crb-style nav.sub-nav .tab.active {
  8907. color: var(--primary);
  8908. font-weight: 600;
  8909. }
  8910. .actor.sheet .crb-style nav.sub-nav a:first-child,
  8911. .actor.sheet .crb-style nav.sub-nav .tab:first-child {
  8912. border-left: none;
  8913. }
  8914. .actor.sheet .crb-style nav.sub-nav a:last-child,
  8915. .actor.sheet .crb-style nav.sub-nav .tab:last-child {
  8916. border-right: none;
  8917. }
  8918. .actor.sheet .crb-style nav.sub-nav a:hover,
  8919. .actor.sheet .crb-style nav.sub-nav .tab:hover {
  8920. text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
  8921. }
  8922. .actor.sheet .crb-style .tab nav.sub-nav {
  8923. padding-right: 20px;
  8924. }
  8925. .actor.sheet .crb-style .stroke-header {
  8926. position: relative;
  8927. }
  8928. .actor.sheet .crb-style .stroke-header svg {
  8929. position: absolute;
  8930. fill: var(--primary);
  8931. }
  8932. .actor.sheet .crb-style .stroke-header h3 {
  8933. position: relative;
  8934. }
  8935. .actor.sheet .crb-style.limited .sidebar {
  8936. align-items: center;
  8937. display: flex;
  8938. flex-direction: column;
  8939. height: 100%;
  8940. }
  8941. .actor.sheet .crb-style.limited .sidebar .profile-img {
  8942. display: flex;
  8943. align-items: end;
  8944. margin: 1rem 0;
  8945. max-width: 85%;
  8946. max-height: 200px;
  8947. background-color: var(--tertiary);
  8948. background-size: cover;
  8949. background-position: top center;
  8950. border: 1px solid rgba(0, 0, 0, 0.5);
  8951. box-shadow: 0 0 0 1px #c0c0c0, 0 0 0 2px #808080;
  8952. }
  8953. .actor.sheet .crb-style.limited .sidebar .appearance {
  8954. color: var(--sidebar-title);
  8955. display: flex;
  8956. flex-direction: column;
  8957. }
  8958. .actor.sheet .crb-style.limited .sidebar .appearance h3 {
  8959. border-bottom: none;
  8960. font-size: 1rem;
  8961. text-align: center;
  8962. }
  8963. .actor.sheet .crb-style.limited .sidebar .appearance .body {
  8964. font-weight: 400;
  8965. font-size: var(--font-size-14);
  8966. }
  8967. .actor.sheet .crb-style.limited .sidebar .orn img {
  8968. border: none;
  8969. position: relative;
  8970. }
  8971. .actor.sheet .crb-style.limited .sidebar .orn img:first-child {
  8972. left: 4px;
  8973. }
  8974. .actor.sheet .crb-style.limited .sidebar .orn img:last-child {
  8975. right: 4px;
  8976. transform: scaleX(-1);
  8977. }
  8978. .actor.sheet .crb-style.limited .sidebar ul.stats {
  8979. margin: 0;
  8980. padding: 0;
  8981. list-style: none;
  8982. text-align: center;
  8983. }
  8984. .actor.sheet .crb-style.limited .sidebar ul.stats li {
  8985. margin: 0;
  8986. padding: 0;
  8987. }
  8988. .actor.sheet .crb-style.limited .tab.biography .bio.backstory p:first-child {
  8989. margin-top: 0;
  8990. }
  8991. .actor.sheet .crb-style input.adjusted:not(:focus) {
  8992. font-weight: 700;
  8993. color: #009988;
  8994. }
  8995. .actor.sheet .crb-style button.tag:disabled {
  8996. cursor: not-allowed;
  8997. background-color: var(--color-text-dark-inactive);
  8998. }
  8999. .actor.sheet .crb-style .tags .tag.edit-btn {
  9000. align-items: center;
  9001. border-radius: 0;
  9002. display: flex;
  9003. justify-content: center;
  9004. }
  9005. .actor.sheet .crb-style .tags .tag.edit-btn a {
  9006. display: inline-flex;
  9007. }
  9008. .actor.sheet .crb-style .tags .tag.edit-btn a svg {
  9009. height: 9px;
  9010. width: auto;
  9011. }
  9012. .spellcasting-entry.preparation h3 {
  9013. border-bottom: none;
  9014. }
  9015. .spellcasting-entry.preparation button > i {
  9016. margin-right: 0;
  9017. }
  9018. .spellcasting-entry.preparation ol.spell-list {
  9019. margin: 0;
  9020. padding: 0;
  9021. border-bottom: 1px solid var(--color-border-light-2);
  9022. flex-basis: 100%;
  9023. gap: 1px;
  9024. position: relative;
  9025. width: 100%;
  9026. z-index: 1;
  9027. }
  9028. .spellcasting-entry.preparation ol.spell-list > li {
  9029. margin: 0;
  9030. padding: 0;
  9031. align-items: center;
  9032. background: none;
  9033. cursor: default;
  9034. display: grid;
  9035. grid: "name range components cast-spell controls" auto "content content content content content" auto/9fr 4fr 4fr 2fr 2.5fr;
  9036. justify-content: center;
  9037. padding: 0 0.3em 1px 0.35em;
  9038. }
  9039. .spellcasting-entry.preparation ol.spell-list > li[data-expended-state=true] h4 {
  9040. color: var(--color-disabled);
  9041. text-decoration: line-through;
  9042. }
  9043. .spellcasting-entry.preparation ol.spell-list > li[data-expended-state=true] .cast-spell {
  9044. background: var(--color-disabled);
  9045. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  9046. cursor: not-allowed;
  9047. }
  9048. .spellcasting-entry.preparation ol.spell-list > li:nth-child(odd) {
  9049. background-color: rgba(120, 100, 82, 0.1);
  9050. }
  9051. .spellcasting-entry.preparation ol.spell-list > li:last-child {
  9052. border-bottom: 1px solid var(--sub);
  9053. }
  9054. .spellcasting-entry.preparation ol.spell-list > li:last-child .item-image {
  9055. margin-bottom: 0;
  9056. margin-top: 2px;
  9057. }
  9058. .spellcasting-entry.preparation ol.spell-list > li.spell-level-header {
  9059. margin: 0;
  9060. padding: 0;
  9061. background: rgba(96, 88, 86, 0.25);
  9062. border: 1px solid var(--color-border-light-2);
  9063. border-radius: 2px;
  9064. color: var(--text-dark);
  9065. font: 500 var(--font-size-12) var(--sans-serif);
  9066. letter-spacing: 0.25px;
  9067. line-height: 1;
  9068. padding: 0 0.5em;
  9069. text-transform: uppercase;
  9070. }
  9071. .spellcasting-entry.preparation ol.spell-list > li.spell-level-header h3 {
  9072. text-transform: capitalize;
  9073. font-size: var(--font-size-13);
  9074. margin-left: 0;
  9075. padding: 4px 0;
  9076. }
  9077. .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-name {
  9078. line-height: 1;
  9079. gap: 0.25em;
  9080. }
  9081. .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-name h3 {
  9082. margin: 0;
  9083. padding: 0;
  9084. font-weight: 700;
  9085. }
  9086. .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-controls {
  9087. grid-column: span 2;
  9088. }
  9089. .spellcasting-entry.preparation ol.spell-list > li .uses {
  9090. align-items: center;
  9091. display: flex;
  9092. gap: 0.25em;
  9093. line-height: 1;
  9094. }
  9095. .spellcasting-entry.preparation ol.spell-list > li.spell-level-header input,
  9096. .spellcasting-entry.preparation ol.spell-list > li .uses input {
  9097. background: var(--alt);
  9098. border-radius: 3px;
  9099. border: 1px solid var(--sub);
  9100. color: var(--text-light);
  9101. font: var(--font-size-12) var(--sans-serif);
  9102. height: unset;
  9103. text-align: center;
  9104. width: 2em;
  9105. }
  9106. .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .spell-slots-increment-reset,
  9107. .spellcasting-entry.preparation ol.spell-list > li .uses .spell-slots-increment-reset {
  9108. padding-left: 5px;
  9109. font-size: var(--font-size-10);
  9110. }
  9111. .spellcasting-entry.preparation ol.spell-list > li.spell {
  9112. border: none;
  9113. font-size: var(--font-size-13);
  9114. }
  9115. .spellcasting-entry.preparation ol.spell-list > li .level-prepared-toggle {
  9116. flex: 0;
  9117. font-size: 0.75rem;
  9118. color: var(--secondary);
  9119. }
  9120. .spellcasting-entry.preparation ol.spell-list > li .item-name {
  9121. align-items: center;
  9122. display: flex;
  9123. flex-wrap: nowrap;
  9124. justify-content: start;
  9125. justify-self: start;
  9126. min-height: 1.75rem;
  9127. }
  9128. .spellcasting-entry.preparation ol.spell-list > li .item-name h3 {
  9129. white-space: nowrap;
  9130. }
  9131. .spellcasting-entry.preparation ol.spell-list > li .item-name + span {
  9132. font-size: 0.75rem;
  9133. }
  9134. .spellcasting-entry.preparation ol.spell-list > li .item-name .focus-pool-input {
  9135. align-items: center;
  9136. display: flex;
  9137. flex-wrap: nowrap;
  9138. }
  9139. .spellcasting-entry.preparation ol.spell-list > li .item-name .slash {
  9140. font-size: 0.75rem;
  9141. }
  9142. .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-slots,
  9143. .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-max {
  9144. padding-top: 3px;
  9145. font-size: 0.75rem;
  9146. }
  9147. .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-slots.infinity,
  9148. .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-max.infinity {
  9149. position: relative;
  9150. top: -2px;
  9151. }
  9152. .spellcasting-entry.preparation ol.spell-list > li .item-name .item-image {
  9153. height: 1.5rem;
  9154. width: 1.5rem;
  9155. flex: 0 0 auto;
  9156. margin: 2px 0;
  9157. }
  9158. .spellcasting-entry.preparation ol.spell-list > li .item-name h4 {
  9159. margin: 0;
  9160. padding: 0;
  9161. font-size: var(--font-size-14);
  9162. letter-spacing: -0.075em;
  9163. line-height: 1;
  9164. margin-left: 8px;
  9165. cursor: pointer;
  9166. }
  9167. .spellcasting-entry.preparation ol.spell-list > li .item-name h4:hover {
  9168. color: var(--secondary);
  9169. }
  9170. .spellcasting-entry.preparation ol.spell-list > li .item-name .action-glyph {
  9171. margin-left: 4px;
  9172. font-size: small;
  9173. }
  9174. .spellcasting-entry.preparation ol.spell-list > li .item-name.empty {
  9175. grid-column: 1/span 4;
  9176. }
  9177. .spellcasting-entry.preparation ol.spell-list > li .spell-range {
  9178. grid-area: range;
  9179. padding-left: 0.2em;
  9180. }
  9181. .spellcasting-entry.preparation ol.spell-list > li .spell-components {
  9182. grid-area: components;
  9183. justify-self: right;
  9184. padding: 0 0.5em;
  9185. }
  9186. .spellcasting-entry.preparation ol.spell-list > li .spell-components .tag {
  9187. font: var(--font-size-12) var(--sans-serif-condensed);
  9188. }
  9189. .spellcasting-entry.preparation ol.spell-list > li .spell-cast {
  9190. grid-area: cast-spell;
  9191. display: flex;
  9192. justify-content: center;
  9193. }
  9194. .spellcasting-entry.preparation ol.spell-list > li .item-controls {
  9195. grid-area: controls;
  9196. display: flex;
  9197. justify-self: end;
  9198. padding-right: 0.25em;
  9199. }
  9200. .spellcasting-entry.preparation ol.spell-list > li button.cast-spell {
  9201. align-items: center;
  9202. background: var(--secondary);
  9203. border-radius: 2px;
  9204. border: black;
  9205. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  9206. color: var(--text-light);
  9207. cursor: pointer;
  9208. display: flex;
  9209. font: 700 0.55rem var(--sans-serif);
  9210. justify-self: center;
  9211. letter-spacing: 0.25px;
  9212. max-width: fit-content;
  9213. padding: 0.5em 1em;
  9214. text-transform: uppercase;
  9215. }
  9216. .spellcasting-entry.preparation ol.spell-list > li .item-summary {
  9217. grid-area: content;
  9218. width: 100%;
  9219. padding: 8px;
  9220. border-bottom: 1px solid var(--sub);
  9221. border-top: 1px solid #aca5a3;
  9222. background-color: var(--bg);
  9223. }
  9224. .spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .virtual {
  9225. position: relative;
  9226. }
  9227. .spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .virtual::before {
  9228. pointer-events: none;
  9229. content: "";
  9230. position: absolute;
  9231. height: 100%;
  9232. width: 100%;
  9233. background-color: rgba(0, 5, 255, 0.1137254902);
  9234. mix-blend-mode: saturation;
  9235. }
  9236. .spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
  9237. border-top: 1px solid rgba(0, 0, 0, 0.15);
  9238. }
  9239. .spellcasting-entry.preparation ol.spell-list .level-prepared-header {
  9240. font-size: 0.75rem;
  9241. color: var(--text-light);
  9242. margin: 0;
  9243. padding: 4px;
  9244. text-align: center;
  9245. background: var(--secondary);
  9246. position: relative;
  9247. }
  9248. .spellcasting-entry.preparation ol.spell-list .spell .item-name {
  9249. width: 100%;
  9250. }
  9251. .spellcasting-entry.preparation ol.spell-list input.toggle-signature-spell[type=checkbox] {
  9252. width: 12px;
  9253. height: 12px;
  9254. margin: 0 2px 0 0;
  9255. flex: 0 0 auto;
  9256. }
  9257. .spellcasting-entry.preparation ol.spell-list .spellbook-empty {
  9258. display: flex;
  9259. align-items: center;
  9260. min-height: 28px;
  9261. justify-content: flex-end;
  9262. }
  9263. .spellcasting-entry.preparation ol.spell-list .spellbook-empty h4 {
  9264. margin: 0;
  9265. white-space: nowrap;
  9266. margin-right: auto;
  9267. }
  9268. .spellcasting-entry.preparation ol.spell-list .spellbook-empty a {
  9269. flex: 0 1 0;
  9270. white-space: nowrap;
  9271. margin-left: 8px;
  9272. }
  9273. .spellcasting-entry.preparation form {
  9274. display: flex;
  9275. flex-direction: column;
  9276. height: 100%;
  9277. padding: 4px;
  9278. }
  9279. .spellcasting-entry.preparation .sheet-header {
  9280. align-items: baseline;
  9281. display: block;
  9282. flex: 0;
  9283. }
  9284. .spellcasting-entry.preparation .sheet-header h1 {
  9285. display: flex;
  9286. flex: 1;
  9287. overflow: hidden;
  9288. font-family: var(--serif-condensed);
  9289. font-weight: 700;
  9290. white-space: nowrap;
  9291. justify-content: space-between;
  9292. }
  9293. .spellcasting-entry.preparation .sheet-header p.hint {
  9294. margin: auto auto 0.5em;
  9295. }
  9296. .spellcasting-entry.preparation .sheet-header .item-controls {
  9297. flex: 0;
  9298. white-space: nowrap;
  9299. }
  9300. .spellcasting-entry.preparation .sheet-header .search {
  9301. margin-bottom: 0.5em;
  9302. }
  9303. .spellcasting-entry.preparation .sheet-content {
  9304. overflow: hidden scroll;
  9305. padding-bottom: 1em;
  9306. padding-right: 6px;
  9307. }
  9308. .spellcasting-entry.preparation .sheet-content .item-image {
  9309. cursor: pointer;
  9310. }
  9311. .spellcasting-entry.preparation .sheet-content [hidden] {
  9312. display: none;
  9313. }
  9314. .currency {
  9315. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  9316. align-items: center;
  9317. background-color: var(--sub);
  9318. display: flex;
  9319. font-size: var(--font-size-13);
  9320. list-style: none;
  9321. margin: 0;
  9322. padding: 3px;
  9323. }
  9324. .currency .label {
  9325. color: var(--color-text-light-0);
  9326. font-weight: 500;
  9327. margin: 0 0.5rem 0 0.25rem;
  9328. }
  9329. .currency .denomination {
  9330. align-items: center;
  9331. background-color: transparent;
  9332. border-left: 1px solid rgba(0, 0, 0, 0.2);
  9333. border-right: 1px solid rgba(255, 255, 255, 0.1);
  9334. color: var(--color-text-light-0);
  9335. display: flex;
  9336. flex-wrap: nowrap;
  9337. flex: 0 1 auto;
  9338. justify-content: start;
  9339. text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
  9340. width: 100%;
  9341. }
  9342. .currency .denomination:first-child {
  9343. border-left: none;
  9344. }
  9345. .currency .denomination:last-child {
  9346. border-right: none;
  9347. margin-right: 8px;
  9348. }
  9349. .currency .denomination label {
  9350. color: #ffe8d1;
  9351. text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), -1px -1px 1px rgba(0, 0, 0, 0.2);
  9352. font-family: var(--sans-serif);
  9353. font-size: var(--font-size-10);
  9354. text-transform: uppercase;
  9355. letter-spacing: 0.05em;
  9356. text-rendering: optimizeLegibility;
  9357. }
  9358. .currency .denomination span {
  9359. padding-left: 8px;
  9360. padding-right: 12px;
  9361. }
  9362. .currency .denomination.pp .currency-image {
  9363. background: url("../icons/equipment/treasure/currency/platinum-pieces.webp") no-repeat;
  9364. }
  9365. .currency .denomination.gp .currency-image {
  9366. background: url("../icons/equipment/treasure/currency/gold-pieces.webp") no-repeat;
  9367. }
  9368. .currency .denomination.sp .currency-image {
  9369. background: url("../icons/equipment/treasure/currency/silver-pieces.webp") no-repeat;
  9370. }
  9371. .currency .denomination.cp .currency-image {
  9372. background: url("../icons/equipment/treasure/currency/copper-pieces.webp") no-repeat;
  9373. }
  9374. .currency .denomination .currency-image {
  9375. box-shadow: 0 0 0 1px #9f725b, 0 0 0 2px var(--tertiary), 0 0 0 3px #956d58;
  9376. height: 1.5rem;
  9377. width: 1.5rem;
  9378. background-size: cover !important;
  9379. }
  9380. .currency li > button {
  9381. display: flex;
  9382. justify-content: center;
  9383. align-items: center;
  9384. margin: 0;
  9385. padding: 0;
  9386. background-color: var(--tertiary);
  9387. border-radius: 1px;
  9388. border: none;
  9389. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 3px rgba(0, 0, 0, 0.5);
  9390. color: rgba(0, 0, 0, 0.75);
  9391. font-size: var(--font-size-13);
  9392. font-weight: 600;
  9393. height: 1.5rem;
  9394. line-height: 1;
  9395. margin-left: 2px;
  9396. width: 1.875rem;
  9397. }
  9398. .currency li > button > i {
  9399. margin: 0;
  9400. padding: 0;
  9401. }
  9402. .currency li > button:disabled {
  9403. opacity: 0.6;
  9404. }
  9405. .currency li > button:hover:not(:disabled) {
  9406. background-color: var(--primary);
  9407. color: var(--color-text-light-0);
  9408. cursor: pointer;
  9409. }
  9410. .wealth {
  9411. font-family: var(--sans-serif);
  9412. font-size: var(--font-size-10);
  9413. text-transform: uppercase;
  9414. letter-spacing: 0.05em;
  9415. text-rendering: optimizeLegibility;
  9416. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  9417. align-items: center;
  9418. background-color: var(--alt);
  9419. display: flex;
  9420. margin-bottom: 0.5rem;
  9421. min-height: 1.5rem;
  9422. justify-content: flex-end;
  9423. padding: 0 0.25rem;
  9424. }
  9425. .wealth h3 {
  9426. font-size: var(--font-size-13);
  9427. text-transform: capitalize;
  9428. text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
  9429. margin: 2px;
  9430. margin-left: 0.25rem;
  9431. cursor: default;
  9432. }
  9433. .wealth h3:hover {
  9434. color: var(--color-text-light-0);
  9435. }
  9436. .wealth h3.item-name {
  9437. flex-grow: 1;
  9438. color: var(--color-text-light-0);
  9439. margin-bottom: 0;
  9440. font-weight: bold;
  9441. }
  9442. .wealth h3.item-name span {
  9443. margin-left: 0.25rem;
  9444. font-weight: normal;
  9445. text-transform: uppercase;
  9446. }
  9447. .wealth ol {
  9448. padding-right: 0;
  9449. padding-bottom: 0;
  9450. margin-bottom: 0;
  9451. margin-right: 0;
  9452. }
  9453. /* Actor-type Imports */
  9454. .sheet.familiar .section-container {
  9455. display: flex;
  9456. flex-direction: column;
  9457. }
  9458. .sheet.familiar .section-container .section-header {
  9459. border: 1px solid var(--primary);
  9460. border-radius: 3px 3px 0px 0px;
  9461. background: var(--primary);
  9462. display: flex;
  9463. flex: 0;
  9464. width: 100%;
  9465. flex-direction: row;
  9466. justify-content: space-between;
  9467. align-items: baseline;
  9468. text-align: left;
  9469. color: var(--text-light);
  9470. font-size: var(--font-size-13);
  9471. padding: 0 8px;
  9472. line-height: 2em;
  9473. }
  9474. .sheet.familiar .section-container .section-header h4 {
  9475. flex: auto;
  9476. display: flex;
  9477. align-items: baseline;
  9478. gap: 4px;
  9479. margin-bottom: 0px;
  9480. text-transform: uppercase;
  9481. }
  9482. .sheet.familiar .section-container .section-header input {
  9483. color: inherit;
  9484. width: auto;
  9485. }
  9486. .sheet.familiar .section-container .section-header .controls {
  9487. gap: 0.5rem;
  9488. white-space: nowrap;
  9489. }
  9490. .sheet.familiar .section-container .section-body {
  9491. border: 1px solid var(--primary);
  9492. border-radius: 0px 0px 3px 3px;
  9493. display: flex;
  9494. flex: auto;
  9495. flex-wrap: wrap;
  9496. flex-direction: row;
  9497. align-items: baseline;
  9498. justify-content: flex-start;
  9499. width: 100%;
  9500. }
  9501. .sheet.familiar .section-container.headerless .section-body {
  9502. border-radius: 3px;
  9503. }
  9504. .sheet.familiar .actions-list,
  9505. .sheet.familiar .attacks-list {
  9506. margin: 0;
  9507. padding: 0;
  9508. width: 100%;
  9509. }
  9510. .sheet.familiar .actions-list .controls,
  9511. .sheet.familiar .attacks-list .controls {
  9512. align-items: baseline;
  9513. display: flex;
  9514. flex: 0;
  9515. flex-wrap: nowrap;
  9516. font-size: var(--font-size-12);
  9517. gap: 1px;
  9518. margin-left: auto;
  9519. }
  9520. .sheet.familiar .actions-list .controls .chat,
  9521. .sheet.familiar .attacks-list .controls .chat {
  9522. margin-right: 2px;
  9523. font-size: 0.9em;
  9524. }
  9525. .sheet.familiar .actions-list li.action .button-group,
  9526. .sheet.familiar .actions-list li.attack .button-group,
  9527. .sheet.familiar .attacks-list li.action .button-group,
  9528. .sheet.familiar .attacks-list li.attack .button-group {
  9529. display: flex;
  9530. gap: 0.25em;
  9531. justify-content: start;
  9532. min-width: 100%;
  9533. }
  9534. .sheet.familiar .actions-list li.action .button-group .flexrow,
  9535. .sheet.familiar .actions-list li.action .button-group .sub-section,
  9536. .sheet.familiar .actions-list li.attack .button-group .flexrow,
  9537. .sheet.familiar .actions-list li.attack .button-group .sub-section,
  9538. .sheet.familiar .attacks-list li.action .button-group .flexrow,
  9539. .sheet.familiar .attacks-list li.action .button-group .sub-section,
  9540. .sheet.familiar .attacks-list li.attack .button-group .flexrow,
  9541. .sheet.familiar .attacks-list li.attack .button-group .sub-section {
  9542. gap: 2px;
  9543. }
  9544. .sheet.familiar .actions-list li.action .button-group .sub-section,
  9545. .sheet.familiar .actions-list li.attack .button-group .sub-section,
  9546. .sheet.familiar .attacks-list li.action .button-group .sub-section,
  9547. .sheet.familiar .attacks-list li.attack .button-group .sub-section {
  9548. align-items: start;
  9549. display: flex;
  9550. flex-wrap: wrap;
  9551. justify-content: flex-start;
  9552. }
  9553. .sheet.familiar .actions-list li.action .button-group .sub-section h4,
  9554. .sheet.familiar .actions-list li.attack .button-group .sub-section h4,
  9555. .sheet.familiar .attacks-list li.action .button-group .sub-section h4,
  9556. .sheet.familiar .attacks-list li.attack .button-group .sub-section h4 {
  9557. margin-left: var(--font-size-12);
  9558. margin-right: var(--font-size-12);
  9559. }
  9560. .sheet.familiar .actions-list li.action .button-group button,
  9561. .sheet.familiar .actions-list li.attack .button-group button,
  9562. .sheet.familiar .attacks-list li.action .button-group button,
  9563. .sheet.familiar .attacks-list li.attack .button-group button {
  9564. align-items: center;
  9565. display: flex;
  9566. border-radius: 3px;
  9567. border: none;
  9568. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  9569. color: var(--color-text-light-0);
  9570. cursor: pointer;
  9571. font-size: var(--font-size-11);
  9572. height: var(--font-size-18);
  9573. justify-content: center;
  9574. line-height: var(--font-size-18);
  9575. margin: 0;
  9576. padding: 0 8px;
  9577. white-space: nowrap;
  9578. width: auto;
  9579. }
  9580. .sheet.familiar .actions-list li.action .button-group button:first-child,
  9581. .sheet.familiar .actions-list li.attack .button-group button:first-child,
  9582. .sheet.familiar .attacks-list li.action .button-group button:first-child,
  9583. .sheet.familiar .attacks-list li.attack .button-group button:first-child {
  9584. margin-left: 0px;
  9585. }
  9586. .sheet.familiar .actions-list li.action .button-group button:hover,
  9587. .sheet.familiar .actions-list li.attack .button-group button:hover,
  9588. .sheet.familiar .attacks-list li.action .button-group button:hover,
  9589. .sheet.familiar .attacks-list li.attack .button-group button:hover {
  9590. box-shadow: none;
  9591. text-shadow: 0 0 2px var(--color-text-light-0);
  9592. }
  9593. .sheet.familiar .actions-list li.action .button-group .attack-button,
  9594. .sheet.familiar .actions-list li.attack .button-group .attack-button,
  9595. .sheet.familiar .attacks-list li.action .button-group .attack-button,
  9596. .sheet.familiar .attacks-list li.attack .button-group .attack-button {
  9597. background-color: var(--secondary);
  9598. }
  9599. .sheet.familiar .actions-list li.action .button-group .damage-button,
  9600. .sheet.familiar .actions-list li.action .button-group .critical-button,
  9601. .sheet.familiar .actions-list li.attack .button-group .damage-button,
  9602. .sheet.familiar .actions-list li.attack .button-group .critical-button,
  9603. .sheet.familiar .attacks-list li.action .button-group .damage-button,
  9604. .sheet.familiar .attacks-list li.action .button-group .critical-button,
  9605. .sheet.familiar .attacks-list li.attack .button-group .damage-button,
  9606. .sheet.familiar .attacks-list li.attack .button-group .critical-button {
  9607. background-color: var(--primary);
  9608. }
  9609. .sheet.familiar .actions-list li.attack,
  9610. .sheet.familiar .attacks-list li.attack {
  9611. border-bottom: 1px solid var(--color-border-light-tertiary);
  9612. display: flex;
  9613. flex-direction: row;
  9614. justify-content: start;
  9615. gap: 0.25rem;
  9616. padding: 0.25rem 0;
  9617. }
  9618. .sheet.familiar .actions-list li.attack:last-child,
  9619. .sheet.familiar .attacks-list li.attack:last-child {
  9620. border-bottom: none;
  9621. }
  9622. .sheet.familiar .actions-list li.attack > h4,
  9623. .sheet.familiar .attacks-list li.attack > h4 {
  9624. align-items: center;
  9625. display: flex;
  9626. flex-wrap: wrap;
  9627. font-size: 0.9rem;
  9628. font-weight: 500;
  9629. gap: 2px;
  9630. margin: 0 4px 0 0;
  9631. white-space: nowrap;
  9632. }
  9633. .sheet.familiar .actions-list li.attack > h4 > span,
  9634. .sheet.familiar .actions-list li.attack > h4 > a,
  9635. .sheet.familiar .attacks-list li.attack > h4 > span,
  9636. .sheet.familiar .attacks-list li.attack > h4 > a {
  9637. display: flex;
  9638. gap: 3px;
  9639. line-height: 1.125rem;
  9640. margin-right: 4px;
  9641. }
  9642. .sheet.familiar .actions-list li.attack > .description,
  9643. .sheet.familiar .attacks-list li.attack > .description {
  9644. flex-basis: 100%;
  9645. }
  9646. .sheet.familiar .actions-list li.action,
  9647. .sheet.familiar .attacks-list li.action {
  9648. display: flex;
  9649. gap: 0.25rem;
  9650. }
  9651. .sheet.familiar .actions-list li.action:not(:last-child),
  9652. .sheet.familiar .attacks-list li.action:not(:last-child) {
  9653. border-bottom: 1px solid var(--color-border-light-tertiary);
  9654. }
  9655. .sheet.familiar .actions-list li.action > h4,
  9656. .sheet.familiar .attacks-list li.action > h4 {
  9657. align-items: center;
  9658. display: flex;
  9659. gap: 0.25rem;
  9660. flex: auto;
  9661. font-size: 0.9rem;
  9662. margin: 0;
  9663. }
  9664. .sheet.familiar .actions-list li.action > h4 > a,
  9665. .sheet.familiar .attacks-list li.action > h4 > a {
  9666. align-items: center;
  9667. display: flex;
  9668. gap: 2px;
  9669. }
  9670. .sheet.familiar .actions-list li.action .button-group > button.use-action,
  9671. .sheet.familiar .attacks-list li.action .button-group > button.use-action {
  9672. color: var(--color-text-light-0);
  9673. background-color: var(--secondary);
  9674. margin-right: 0.5rem;
  9675. }
  9676. .sheet.familiar .actions-list li.action .action-traits,
  9677. .sheet.familiar .attacks-list li.action .action-traits {
  9678. margin-left: var(--font-size-12);
  9679. }
  9680. .sheet.familiar .actions-list li.action .tracking,
  9681. .sheet.familiar .attacks-list li.action .tracking {
  9682. flex: 0;
  9683. align-items: center;
  9684. display: flex;
  9685. flex-direction: row;
  9686. flex-wrap: nowrap;
  9687. margin-left: auto;
  9688. margin-right: var(--font-size-16);
  9689. }
  9690. .sheet.familiar .actions-list li.action .tracking input,
  9691. .sheet.familiar .attacks-list li.action .tracking input {
  9692. background: none;
  9693. border: 0;
  9694. flex: 0 1 4rem;
  9695. flex: 1;
  9696. font-family: inherit;
  9697. font-size: 0.9rem;
  9698. height: auto;
  9699. padding: 0 3px;
  9700. text-align: center;
  9701. width: 0;
  9702. }
  9703. .sheet.familiar .actions-list li.action .tracking span,
  9704. .sheet.familiar .attacks-list li.action .tracking span {
  9705. white-space: nowrap;
  9706. }
  9707. .sheet.familiar .actions-list li.action .item-summary,
  9708. .sheet.familiar .attacks-list li.action .item-summary {
  9709. flex-basis: 100%;
  9710. }
  9711. .sheet.familiar form {
  9712. background: url("../assets/sheet/background.webp");
  9713. background-repeat: repeat-x, no-repeat;
  9714. background-size: cover;
  9715. background-attachment: local;
  9716. display: flex;
  9717. flex-direction: column;
  9718. height: 100%;
  9719. }
  9720. .sheet.familiar form > hr {
  9721. width: 100%;
  9722. }
  9723. .sheet.familiar input {
  9724. border: none;
  9725. border-radius: 0;
  9726. background-color: rgba(28, 28, 28, 0.1);
  9727. }
  9728. .sheet.familiar input:focus {
  9729. box-shadow: none;
  9730. }
  9731. .sheet.familiar select {
  9732. border: 1px solid transparent;
  9733. background: rgba(0, 0, 0, 0.05);
  9734. font-family: var(--body-serif);
  9735. font-size: var(--font-size-14);
  9736. font-weight: normal;
  9737. }
  9738. .sheet.familiar select:hover {
  9739. border: 1px solid black;
  9740. }
  9741. .sheet.familiar .familiar-sheet-header {
  9742. display: flex;
  9743. flex-direction: row;
  9744. padding: 4px 6px 0;
  9745. }
  9746. .sheet.familiar .familiar-sheet-header .image-container {
  9747. display: flex;
  9748. }
  9749. .sheet.familiar .familiar-sheet-header .image-container img.actor-image {
  9750. border-radius: 0;
  9751. flex: 0;
  9752. height: 100%;
  9753. min-width: 125px;
  9754. width: 125px;
  9755. }
  9756. .sheet.familiar .familiar-sheet-header .image-container [data-action=show-image] {
  9757. bottom: 2px;
  9758. right: 2px;
  9759. }
  9760. .sheet.familiar .familiar-sheet-header .header-content {
  9761. display: flex;
  9762. flex-direction: column;
  9763. border-radius: 0;
  9764. flex-grow: 1;
  9765. margin-left: 10px;
  9766. }
  9767. .sheet.familiar .familiar-sheet-header .header-content .charname {
  9768. display: flex;
  9769. flex-direction: row;
  9770. font-family: var(--sans-serif-condensed);
  9771. font-size: 1.75rem;
  9772. font-weight: 700;
  9773. width: 100%;
  9774. flex-wrap: nowrap;
  9775. align-items: baseline;
  9776. text-transform: capitalize;
  9777. gap: 0.25em;
  9778. }
  9779. .sheet.familiar .familiar-sheet-header .header-content .charname input {
  9780. font-weight: bold;
  9781. width: calc(100% - 6px);
  9782. border-bottom: 1px solid #d3ccbc;
  9783. text-transform: capitalize;
  9784. padding: 0;
  9785. margin-right: 5px;
  9786. font-variant: small-caps;
  9787. color: #323232;
  9788. }
  9789. .sheet.familiar .familiar-sheet-header .header-content .charname input::placeholder {
  9790. filter: opacity(0.5);
  9791. color: #1c1c1c;
  9792. }
  9793. .sheet.familiar .familiar-sheet-header .header-content .charname input:focus {
  9794. border-bottom: 1px solid #644f33;
  9795. }
  9796. .sheet.familiar .familiar-sheet-header .header-content .charname input:focus::placeholder {
  9797. color: transparent;
  9798. }
  9799. .sheet.familiar .familiar-sheet-header .header-content .charname .charname-value {
  9800. flex: 1 1;
  9801. }
  9802. .sheet.familiar .familiar-sheet-header .header-content .charname .familiar-title {
  9803. flex: 0 1;
  9804. text-align: right;
  9805. margin-right: 0.1em;
  9806. text-transform: uppercase;
  9807. }
  9808. .sheet.familiar .familiar-sheet-header .header-content .sub-header {
  9809. display: flex;
  9810. margin-bottom: 10px;
  9811. }
  9812. .sheet.familiar .familiar-sheet-header .header-content .sub-header .traits {
  9813. flex: 1;
  9814. }
  9815. .sheet.familiar .familiar-sheet-header .header-content .traits {
  9816. margin: 0.25em 0;
  9817. }
  9818. .sheet.familiar .familiar-sheet-header .header-content .traits span {
  9819. color: var(--text-light);
  9820. font-size: 0.75em;
  9821. font-weight: 700;
  9822. padding: 0.25em 0.5em;
  9823. letter-spacing: 1px;
  9824. text-transform: uppercase;
  9825. background-color: var(--primary);
  9826. border: 1px solid var(--tertiary);
  9827. }
  9828. .sheet.familiar .familiar-sheet-header .header-content .details-section {
  9829. display: flex;
  9830. flex-direction: row;
  9831. justify-content: space-between;
  9832. }
  9833. .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section {
  9834. display: grid;
  9835. flex-direction: column;
  9836. height: max-content;
  9837. width: 150px;
  9838. grid-template-columns: min-content 1fr;
  9839. font-size: var(--font-size-14);
  9840. }
  9841. .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section div {
  9842. white-space: nowrap;
  9843. }
  9844. .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .label {
  9845. display: flex;
  9846. flex-direction: row;
  9847. align-items: center;
  9848. white-space: nowrap;
  9849. }
  9850. .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .label h4 {
  9851. font-weight: bold;
  9852. margin: 0 0.25em 0 0;
  9853. padding-left: 6px;
  9854. }
  9855. .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value {
  9856. display: flex;
  9857. flex-direction: row;
  9858. align-items: center;
  9859. padding-left: 4px;
  9860. }
  9861. .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input {
  9862. width: 2em;
  9863. text-align: right;
  9864. padding-right: 3px;
  9865. border: 1px solid transparent;
  9866. background: none;
  9867. height: auto;
  9868. }
  9869. .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:hover, .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:focus {
  9870. border: 1px solid black;
  9871. box-shadow: 0 0 10px #00005a;
  9872. }
  9873. .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value .total-hp {
  9874. flex-grow: 1;
  9875. }
  9876. .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .temp-hp {
  9877. display: flex;
  9878. margin-left: 8px;
  9879. align-items: baseline;
  9880. }
  9881. .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .temp-hp input {
  9882. text-align: left;
  9883. }
  9884. .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section {
  9885. display: flex;
  9886. flex-direction: column;
  9887. }
  9888. .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list {
  9889. display: flex;
  9890. flex-direction: row;
  9891. justify-content: space-between;
  9892. gap: 12px;
  9893. }
  9894. .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name,
  9895. .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac {
  9896. display: flex;
  9897. flex-direction: column;
  9898. align-items: center;
  9899. column-gap: 0.5em;
  9900. }
  9901. .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .name,
  9902. .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .name {
  9903. font-weight: bold;
  9904. text-transform: capitalize;
  9905. }
  9906. .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value,
  9907. .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value {
  9908. font-style: normal;
  9909. }
  9910. .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value i,
  9911. .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value i {
  9912. margin-right: 2px;
  9913. }
  9914. .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac {
  9915. border-right: 1px solid rgba(0, 0, 0, 0.15);
  9916. padding-right: 12px;
  9917. }
  9918. .sheet.familiar .familiar-sheet-header .header-content .dying-section {
  9919. display: flex;
  9920. gap: 10px;
  9921. justify-content: end;
  9922. }
  9923. .sheet.familiar .familiar-sheet-header .header-content .dying-section .name {
  9924. font-weight: bold;
  9925. }
  9926. .sheet.familiar .familiar-sheet-header .header-content .dying-section .dots {
  9927. display: flex;
  9928. gap: 4px;
  9929. align-items: baseline;
  9930. }
  9931. .sheet.familiar .familiar-sheet-header .header-content .dying-section .pips {
  9932. display: flex;
  9933. gap: 1px;
  9934. }
  9935. .sheet.familiar .main-section {
  9936. display: flex;
  9937. flex: 1;
  9938. flex-direction: row;
  9939. overflow: hidden;
  9940. }
  9941. .sheet.familiar .main-section .main-container {
  9942. overflow: hidden scroll;
  9943. flex-grow: 2;
  9944. }
  9945. .sheet.familiar .section-container {
  9946. margin: 6px 6px;
  9947. }
  9948. .sheet.familiar .section-container .section-body {
  9949. align-items: stretch;
  9950. flex-direction: column;
  9951. padding: 4px;
  9952. }
  9953. .sheet.familiar .section-container .section-body input {
  9954. font-family: var(--body-serif);
  9955. font-weight: bold;
  9956. width: calc(100% - 6px);
  9957. border-bottom: 1px solid #d3ccbc;
  9958. text-transform: capitalize;
  9959. }
  9960. .sheet.familiar .section-container .section-body input::placeholder {
  9961. filter: opacity(0.5);
  9962. color: #1c1c1c;
  9963. }
  9964. .sheet.familiar .section-container .section-body input:focus {
  9965. border-bottom: 1px solid #644f33;
  9966. }
  9967. .sheet.familiar .section-container .section-body input:focus::placeholder {
  9968. color: transparent;
  9969. }
  9970. .sheet.familiar .familiar-section {
  9971. flex-basis: 50%;
  9972. display: flex;
  9973. flex-direction: column;
  9974. }
  9975. .sheet.familiar .familiar-section .detail {
  9976. display: flex;
  9977. flex-direction: column;
  9978. flex-wrap: nowrap;
  9979. margin-top: 3px;
  9980. }
  9981. .sheet.familiar .familiar-section .detail .detail-label {
  9982. font-size: var(--font-size-10);
  9983. font-weight: 800;
  9984. line-height: 1;
  9985. text-transform: uppercase;
  9986. font-family: var(--sans-serif);
  9987. color: var(--primary);
  9988. white-space: nowrap;
  9989. margin-bottom: 3px;
  9990. }
  9991. .sheet.familiar .familiar-section .detail h4 {
  9992. font-size: var(--font-size-14);
  9993. font-family: var(--serif);
  9994. font-weight: bold;
  9995. background-color: rgba(0, 0, 0, 0.05);
  9996. padding-left: 2px;
  9997. margin: none;
  9998. }
  9999. .sheet.familiar .familiar-section .familiar-content {
  10000. display: flex;
  10001. flex-direction: row;
  10002. margin-bottom: 5px;
  10003. column-gap: 15px;
  10004. }
  10005. .sheet.familiar .familiar-section .familiar-content input {
  10006. border: none;
  10007. border-radius: 0;
  10008. }
  10009. .sheet.familiar .familiar-section .familiar-content input[type=text] {
  10010. background-color: rgba(0, 0, 0, 0.05);
  10011. }
  10012. .sheet.familiar .familiar-section .familiar-content input:focus {
  10013. box-shadow: none;
  10014. }
  10015. .sheet.familiar .familiar-section .familiar-content h3 {
  10016. background-color: rgba(0, 0, 0, 0.05);
  10017. height: 26px;
  10018. font-family: var(--body-serif);
  10019. font-size: var(--font-size-14);
  10020. padding: 8px 4px 6px;
  10021. line-height: 1;
  10022. }
  10023. .sheet.familiar .familiar-section .familiar-content .familiar-species {
  10024. flex-basis: 50%;
  10025. }
  10026. .sheet.familiar .familiar-section .familiar-content .familiar-size {
  10027. flex-basis: 50%;
  10028. }
  10029. .sheet.familiar .familiar-section .familiar-content .familiar-modifier {
  10030. flex-basis: 50%;
  10031. }
  10032. .sheet.familiar .familiar-section .familiar-content .familiar-modifier select {
  10033. font-weight: bold;
  10034. }
  10035. .sheet.familiar .familiar-section .familiar-content .familiar-senses {
  10036. flex-basis: 50%;
  10037. height: min-content;
  10038. }
  10039. .sheet.familiar .familiar-section .familiar-content .familiar-senses .tags {
  10040. margin: 0;
  10041. padding: 0;
  10042. }
  10043. .sheet.familiar .familiar-section .familiar-content .familiar-senses .tags ol {
  10044. margin: 0;
  10045. }
  10046. .sheet.familiar .familiar-section .familiar-content .familiar-speed {
  10047. flex-basis: 30%;
  10048. }
  10049. .sheet.familiar .skills-content {
  10050. display: flex;
  10051. flex-direction: column;
  10052. width: 150px;
  10053. gap: 10px;
  10054. }
  10055. .sheet.familiar .skills-content .skills-list {
  10056. display: flex;
  10057. column-gap: 0.25em;
  10058. row-gap: 0.25em;
  10059. flex-direction: column;
  10060. justify-content: center;
  10061. }
  10062. .sheet.familiar .skills-content .skills-list .skill-name {
  10063. display: flex;
  10064. flex-direction: row;
  10065. align-items: center;
  10066. border: 1px solid #999;
  10067. border-radius: 3px;
  10068. height: 20px;
  10069. cursor: pointer;
  10070. font-size: var(--font-size-14);
  10071. font-family: var(--serif);
  10072. }
  10073. .sheet.familiar .skills-content .skills-list .skill-name:hover {
  10074. padding: none;
  10075. border: 1px solid #323232;
  10076. }
  10077. .sheet.familiar .skills-content .skills-list .skill-name .name {
  10078. flex: 4;
  10079. }
  10080. .sheet.familiar .skills-content .skills-list .skill-name .score {
  10081. flex: 1;
  10082. text-align: center;
  10083. padding-left: 1em;
  10084. color: var(--primary);
  10085. font-weight: bold;
  10086. }
  10087. .sheet.familiar .skills-content .skills-attack {
  10088. flex: 1;
  10089. align-self: center;
  10090. border: 1px solid transparent;
  10091. cursor: pointer;
  10092. }
  10093. .sheet.familiar .skills-content .skills-attack:hover {
  10094. border-bottom: 1px solid #323232;
  10095. }
  10096. .sheet.familiar .actions-list .action {
  10097. padding-top: 4px;
  10098. padding-bottom: 4px;
  10099. }
  10100. .sheet.familiar .effects-list {
  10101. margin: 0;
  10102. padding: 0;
  10103. gap: 0.2em;
  10104. }
  10105. .sheet.familiar .effects-list .item {
  10106. display: flex;
  10107. flex-wrap: wrap;
  10108. align-items: center;
  10109. justify-content: space-between;
  10110. padding: 2px 4px 2px 12px;
  10111. width: 100%;
  10112. }
  10113. .sheet.familiar .effects-list .item p:empty {
  10114. display: none;
  10115. }
  10116. .sheet.familiar .effects-list .item .item-name {
  10117. display: flex;
  10118. align-items: center;
  10119. flex: 1;
  10120. }
  10121. .sheet.familiar .effects-list .item .item-name h4 {
  10122. cursor: pointer;
  10123. margin: 0;
  10124. }
  10125. .sheet.familiar .effects-list .item .item-name .item-image {
  10126. margin-right: 8px;
  10127. }
  10128. .sheet.familiar .effects-list .item .item-controls {
  10129. display: flex;
  10130. flex: 0;
  10131. font-size: var(--font-size-12);
  10132. gap: 1px;
  10133. white-space: nowrap;
  10134. }
  10135. .sheet.familiar .effects-list .item .item-controls a.info-only:hover {
  10136. cursor: default;
  10137. text-shadow: none;
  10138. }
  10139. .sheet.familiar .effects-list .item .item-controls a + a {
  10140. margin-left: 4px;
  10141. }
  10142. .sheet.familiar .effects-list .item .item-summary {
  10143. flex-basis: 100%;
  10144. }
  10145. .sheet.familiar .effects-list .item.unidentified {
  10146. border-radius: 1px;
  10147. outline: 1px dotted rgba(75, 74, 68, 0.5);
  10148. background: var(--visibility-gm-bg);
  10149. }
  10150. .sheet.familiar .effects-list .item .button-group {
  10151. display: flex;
  10152. justify-content: flex-end;
  10153. align-items: center;
  10154. flex-wrap: nowrap;
  10155. width: 50%;
  10156. flex: 0;
  10157. }
  10158. .sheet.familiar .effects-list .item .button-group button {
  10159. margin: 0;
  10160. border: none;
  10161. cursor: pointer;
  10162. font-family: var(--sans-serif);
  10163. font-size: var(--font-size-10);
  10164. text-transform: uppercase;
  10165. letter-spacing: 0.05em;
  10166. text-rendering: optimizeLegibility;
  10167. padding: 5px;
  10168. color: var(--text-light);
  10169. width: 70px;
  10170. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  10171. background: var(--secondary);
  10172. border-radius: 2px;
  10173. flex: 0;
  10174. white-space: nowrap;
  10175. margin-left: 4px;
  10176. flex: 0;
  10177. }
  10178. .sheet.familiar .effects-list .item .button-group button:hover {
  10179. box-shadow: none;
  10180. text-shadow: 0 0 2px white;
  10181. }
  10182. .sheet.familiar .effects-list .item {
  10183. margin: 0;
  10184. padding: 0;
  10185. margin: 0.25em 0;
  10186. }
  10187. .sheet.hazard .section-container {
  10188. display: flex;
  10189. flex-direction: column;
  10190. }
  10191. .sheet.hazard .section-container .section-header {
  10192. border: 1px solid var(--primary);
  10193. border-radius: 3px 3px 0px 0px;
  10194. background: var(--primary);
  10195. display: flex;
  10196. flex: 0;
  10197. width: 100%;
  10198. flex-direction: row;
  10199. justify-content: space-between;
  10200. align-items: baseline;
  10201. text-align: left;
  10202. color: var(--text-light);
  10203. font-size: var(--font-size-13);
  10204. padding: 0 8px;
  10205. line-height: 2em;
  10206. }
  10207. .sheet.hazard .section-container .section-header h4 {
  10208. flex: auto;
  10209. display: flex;
  10210. align-items: baseline;
  10211. gap: 4px;
  10212. margin-bottom: 0px;
  10213. text-transform: uppercase;
  10214. }
  10215. .sheet.hazard .section-container .section-header input {
  10216. color: inherit;
  10217. width: auto;
  10218. }
  10219. .sheet.hazard .section-container .section-header .controls {
  10220. gap: 0.5rem;
  10221. white-space: nowrap;
  10222. }
  10223. .sheet.hazard .section-container .section-body {
  10224. border: 1px solid var(--primary);
  10225. border-radius: 0px 0px 3px 3px;
  10226. display: flex;
  10227. flex: auto;
  10228. flex-wrap: wrap;
  10229. flex-direction: row;
  10230. align-items: baseline;
  10231. justify-content: flex-start;
  10232. width: 100%;
  10233. }
  10234. .sheet.hazard .section-container.headerless .section-body {
  10235. border-radius: 3px;
  10236. }
  10237. .sheet.hazard .actions-list,
  10238. .sheet.hazard .attacks-list {
  10239. margin: 0;
  10240. padding: 0;
  10241. width: 100%;
  10242. }
  10243. .sheet.hazard .actions-list .controls,
  10244. .sheet.hazard .attacks-list .controls {
  10245. align-items: baseline;
  10246. display: flex;
  10247. flex: 0;
  10248. flex-wrap: nowrap;
  10249. font-size: var(--font-size-12);
  10250. gap: 1px;
  10251. margin-left: auto;
  10252. }
  10253. .sheet.hazard .actions-list .controls .chat,
  10254. .sheet.hazard .attacks-list .controls .chat {
  10255. margin-right: 2px;
  10256. font-size: 0.9em;
  10257. }
  10258. .sheet.hazard .actions-list li.action .button-group,
  10259. .sheet.hazard .actions-list li.attack .button-group,
  10260. .sheet.hazard .attacks-list li.action .button-group,
  10261. .sheet.hazard .attacks-list li.attack .button-group {
  10262. display: flex;
  10263. gap: 0.25em;
  10264. justify-content: start;
  10265. min-width: 100%;
  10266. }
  10267. .sheet.hazard .actions-list li.action .button-group .flexrow,
  10268. .sheet.hazard .actions-list li.action .button-group .sub-section,
  10269. .sheet.hazard .actions-list li.attack .button-group .flexrow,
  10270. .sheet.hazard .actions-list li.attack .button-group .sub-section,
  10271. .sheet.hazard .attacks-list li.action .button-group .flexrow,
  10272. .sheet.hazard .attacks-list li.action .button-group .sub-section,
  10273. .sheet.hazard .attacks-list li.attack .button-group .flexrow,
  10274. .sheet.hazard .attacks-list li.attack .button-group .sub-section {
  10275. gap: 2px;
  10276. }
  10277. .sheet.hazard .actions-list li.action .button-group .sub-section,
  10278. .sheet.hazard .actions-list li.attack .button-group .sub-section,
  10279. .sheet.hazard .attacks-list li.action .button-group .sub-section,
  10280. .sheet.hazard .attacks-list li.attack .button-group .sub-section {
  10281. align-items: start;
  10282. display: flex;
  10283. flex-wrap: wrap;
  10284. justify-content: flex-start;
  10285. }
  10286. .sheet.hazard .actions-list li.action .button-group .sub-section h4,
  10287. .sheet.hazard .actions-list li.attack .button-group .sub-section h4,
  10288. .sheet.hazard .attacks-list li.action .button-group .sub-section h4,
  10289. .sheet.hazard .attacks-list li.attack .button-group .sub-section h4 {
  10290. margin-left: var(--font-size-12);
  10291. margin-right: var(--font-size-12);
  10292. }
  10293. .sheet.hazard .actions-list li.action .button-group button,
  10294. .sheet.hazard .actions-list li.attack .button-group button,
  10295. .sheet.hazard .attacks-list li.action .button-group button,
  10296. .sheet.hazard .attacks-list li.attack .button-group button {
  10297. align-items: center;
  10298. display: flex;
  10299. border-radius: 3px;
  10300. border: none;
  10301. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  10302. color: var(--color-text-light-0);
  10303. cursor: pointer;
  10304. font-size: var(--font-size-11);
  10305. height: var(--font-size-18);
  10306. justify-content: center;
  10307. line-height: var(--font-size-18);
  10308. margin: 0;
  10309. padding: 0 8px;
  10310. white-space: nowrap;
  10311. width: auto;
  10312. }
  10313. .sheet.hazard .actions-list li.action .button-group button:first-child,
  10314. .sheet.hazard .actions-list li.attack .button-group button:first-child,
  10315. .sheet.hazard .attacks-list li.action .button-group button:first-child,
  10316. .sheet.hazard .attacks-list li.attack .button-group button:first-child {
  10317. margin-left: 0px;
  10318. }
  10319. .sheet.hazard .actions-list li.action .button-group button:hover,
  10320. .sheet.hazard .actions-list li.attack .button-group button:hover,
  10321. .sheet.hazard .attacks-list li.action .button-group button:hover,
  10322. .sheet.hazard .attacks-list li.attack .button-group button:hover {
  10323. box-shadow: none;
  10324. text-shadow: 0 0 2px var(--color-text-light-0);
  10325. }
  10326. .sheet.hazard .actions-list li.action .button-group .attack-button,
  10327. .sheet.hazard .actions-list li.attack .button-group .attack-button,
  10328. .sheet.hazard .attacks-list li.action .button-group .attack-button,
  10329. .sheet.hazard .attacks-list li.attack .button-group .attack-button {
  10330. background-color: var(--secondary);
  10331. }
  10332. .sheet.hazard .actions-list li.action .button-group .damage-button,
  10333. .sheet.hazard .actions-list li.action .button-group .critical-button,
  10334. .sheet.hazard .actions-list li.attack .button-group .damage-button,
  10335. .sheet.hazard .actions-list li.attack .button-group .critical-button,
  10336. .sheet.hazard .attacks-list li.action .button-group .damage-button,
  10337. .sheet.hazard .attacks-list li.action .button-group .critical-button,
  10338. .sheet.hazard .attacks-list li.attack .button-group .damage-button,
  10339. .sheet.hazard .attacks-list li.attack .button-group .critical-button {
  10340. background-color: var(--primary);
  10341. }
  10342. .sheet.hazard .actions-list li.attack,
  10343. .sheet.hazard .attacks-list li.attack {
  10344. border-bottom: 1px solid var(--color-border-light-tertiary);
  10345. display: flex;
  10346. flex-direction: row;
  10347. justify-content: start;
  10348. gap: 0.25rem;
  10349. padding: 0.25rem 0;
  10350. }
  10351. .sheet.hazard .actions-list li.attack:last-child,
  10352. .sheet.hazard .attacks-list li.attack:last-child {
  10353. border-bottom: none;
  10354. }
  10355. .sheet.hazard .actions-list li.attack > h4,
  10356. .sheet.hazard .attacks-list li.attack > h4 {
  10357. align-items: center;
  10358. display: flex;
  10359. flex-wrap: wrap;
  10360. font-size: 0.9rem;
  10361. font-weight: 500;
  10362. gap: 2px;
  10363. margin: 0 4px 0 0;
  10364. white-space: nowrap;
  10365. }
  10366. .sheet.hazard .actions-list li.attack > h4 > span,
  10367. .sheet.hazard .actions-list li.attack > h4 > a,
  10368. .sheet.hazard .attacks-list li.attack > h4 > span,
  10369. .sheet.hazard .attacks-list li.attack > h4 > a {
  10370. display: flex;
  10371. gap: 3px;
  10372. line-height: 1.125rem;
  10373. margin-right: 4px;
  10374. }
  10375. .sheet.hazard .actions-list li.attack > .description,
  10376. .sheet.hazard .attacks-list li.attack > .description {
  10377. flex-basis: 100%;
  10378. }
  10379. .sheet.hazard .actions-list li.action,
  10380. .sheet.hazard .attacks-list li.action {
  10381. display: flex;
  10382. gap: 0.25rem;
  10383. }
  10384. .sheet.hazard .actions-list li.action:not(:last-child),
  10385. .sheet.hazard .attacks-list li.action:not(:last-child) {
  10386. border-bottom: 1px solid var(--color-border-light-tertiary);
  10387. }
  10388. .sheet.hazard .actions-list li.action > h4,
  10389. .sheet.hazard .attacks-list li.action > h4 {
  10390. align-items: center;
  10391. display: flex;
  10392. gap: 0.25rem;
  10393. flex: auto;
  10394. font-size: 0.9rem;
  10395. margin: 0;
  10396. }
  10397. .sheet.hazard .actions-list li.action > h4 > a,
  10398. .sheet.hazard .attacks-list li.action > h4 > a {
  10399. align-items: center;
  10400. display: flex;
  10401. gap: 2px;
  10402. }
  10403. .sheet.hazard .actions-list li.action .button-group > button.use-action,
  10404. .sheet.hazard .attacks-list li.action .button-group > button.use-action {
  10405. color: var(--color-text-light-0);
  10406. background-color: var(--secondary);
  10407. margin-right: 0.5rem;
  10408. }
  10409. .sheet.hazard .actions-list li.action .action-traits,
  10410. .sheet.hazard .attacks-list li.action .action-traits {
  10411. margin-left: var(--font-size-12);
  10412. }
  10413. .sheet.hazard .actions-list li.action .tracking,
  10414. .sheet.hazard .attacks-list li.action .tracking {
  10415. flex: 0;
  10416. align-items: center;
  10417. display: flex;
  10418. flex-direction: row;
  10419. flex-wrap: nowrap;
  10420. margin-left: auto;
  10421. margin-right: var(--font-size-16);
  10422. }
  10423. .sheet.hazard .actions-list li.action .tracking input,
  10424. .sheet.hazard .attacks-list li.action .tracking input {
  10425. background: none;
  10426. border: 0;
  10427. flex: 0 1 4rem;
  10428. flex: 1;
  10429. font-family: inherit;
  10430. font-size: 0.9rem;
  10431. height: auto;
  10432. padding: 0 3px;
  10433. text-align: center;
  10434. width: 0;
  10435. }
  10436. .sheet.hazard .actions-list li.action .tracking span,
  10437. .sheet.hazard .attacks-list li.action .tracking span {
  10438. white-space: nowrap;
  10439. }
  10440. .sheet.hazard .actions-list li.action .item-summary,
  10441. .sheet.hazard .attacks-list li.action .item-summary {
  10442. flex-basis: 100%;
  10443. }
  10444. .sheet.hazard ul,
  10445. .sheet.hazard ol {
  10446. margin: 0;
  10447. padding: 0;
  10448. list-style-type: none;
  10449. }
  10450. .sheet.hazard h1,
  10451. .sheet.hazard h2,
  10452. .sheet.hazard h3,
  10453. .sheet.hazard h4 {
  10454. margin: 0;
  10455. padding: 0;
  10456. border-bottom: none;
  10457. }
  10458. .sheet.hazard form {
  10459. display: flex;
  10460. flex-direction: column;
  10461. height: 100%;
  10462. }
  10463. .sheet.hazard form .tagify > span {
  10464. min-width: 20px;
  10465. }
  10466. .sheet.hazard form .tagify--hasMaxTags > span {
  10467. display: none;
  10468. }
  10469. .sheet.hazard .window-content {
  10470. margin: 0;
  10471. padding: 0;
  10472. }
  10473. .sheet.hazard input[type=text],
  10474. .sheet.hazard input[type=number] {
  10475. margin: 0;
  10476. padding: 0;
  10477. background: none;
  10478. border: 1px solid transparent;
  10479. }
  10480. .sheet.hazard input[type=text]:hover:not(:disabled), .sheet.hazard input[type=text]:focus,
  10481. .sheet.hazard input[type=number]:hover:not(:disabled),
  10482. .sheet.hazard input[type=number]:focus {
  10483. border: 1px solid black;
  10484. box-shadow: 0 0 10px #00005a;
  10485. }
  10486. .sheet.hazard select {
  10487. font-size: var(--font-size-12);
  10488. height: 2em;
  10489. }
  10490. .sheet.hazard .container {
  10491. display: flex;
  10492. background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  10493. height: 100%;
  10494. overflow: hidden;
  10495. }
  10496. .sheet.hazard .content {
  10497. flex: 1;
  10498. padding-left: 5px;
  10499. padding-right: 5px;
  10500. padding: 0 5px 20px 5px;
  10501. overflow: hidden scroll;
  10502. }
  10503. .sheet.hazard form > header {
  10504. align-items: center;
  10505. background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
  10506. background-blend-mode: multiply;
  10507. background-color: #238580;
  10508. background-repeat: repeat-x, no-repeat;
  10509. background-size: cover;
  10510. box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  10511. color: var(--text-light);
  10512. display: flex;
  10513. font-family: var(--sans-serif);
  10514. font-weight: 600;
  10515. gap: 8px;
  10516. justify-content: space-between;
  10517. margin-bottom: 0.1em;
  10518. padding: 0 16px;
  10519. text-transform: uppercase;
  10520. width: 100%;
  10521. }
  10522. .sheet.hazard form > header .frame-container {
  10523. flex: 0 0 60px;
  10524. padding: 4px;
  10525. margin: 16px 0;
  10526. }
  10527. .sheet.hazard form > header .frame-container .frame {
  10528. width: 60px;
  10529. height: 60px;
  10530. }
  10531. .sheet.hazard form > header .frame-container .image-container [data-action=show-image] {
  10532. color: var(--color-text-dark-primary);
  10533. }
  10534. .sheet.hazard form > header .frame-container .actor-image {
  10535. object-fit: cover;
  10536. object-position: top;
  10537. border: none;
  10538. border-radius: 0;
  10539. max-height: 178px;
  10540. width: 100%;
  10541. border: none;
  10542. box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
  10543. }
  10544. .sheet.hazard form > header .frame-container .edit-mode-button {
  10545. position: absolute;
  10546. width: 20px;
  10547. height: 20px;
  10548. bottom: -10px;
  10549. left: -10px;
  10550. border-radius: 10px;
  10551. background-color: white;
  10552. color: var(--text-dark);
  10553. cursor: pointer;
  10554. border: none;
  10555. box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
  10556. display: flex;
  10557. justify-content: center;
  10558. align-items: center;
  10559. font-size: 1.05em;
  10560. }
  10561. .sheet.hazard form > header .details {
  10562. margin: 4px 0;
  10563. flex: 1;
  10564. }
  10565. .sheet.hazard form > header .details tags.tags.paizo-style .tagify__input::before {
  10566. color: var(--color-text-light-7);
  10567. }
  10568. .sheet.hazard form > header input[type=text],
  10569. .sheet.hazard form > header input[type=number] {
  10570. color: var(--text-light);
  10571. border: none;
  10572. border-bottom: 1px solid transparent;
  10573. }
  10574. .sheet.hazard form > header input[type=text]:hover:not(:disabled), .sheet.hazard form > header input[type=text]:focus,
  10575. .sheet.hazard form > header input[type=number]:hover:not(:disabled),
  10576. .sheet.hazard form > header input[type=number]:focus {
  10577. border: none;
  10578. border-bottom: 1px solid var(--text-light);
  10579. box-shadow: none;
  10580. }
  10581. .sheet.hazard form > header .title {
  10582. display: flex;
  10583. flex-direction: row;
  10584. align-items: baseline;
  10585. gap: 4px;
  10586. font-size: var(--font-size-28);
  10587. font-family: var(--serif-condensed);
  10588. font-weight: 700;
  10589. }
  10590. .sheet.hazard form > header .title .name {
  10591. flex: 1;
  10592. font-size: var(--font-size-32);
  10593. }
  10594. .sheet.hazard form > header .title .level {
  10595. width: 32px;
  10596. text-align: center;
  10597. }
  10598. .sheet.hazard .sidebar {
  10599. border-right: 1px solid #888;
  10600. box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  10601. display: flex;
  10602. flex-direction: column;
  10603. gap: 8px;
  10604. height: 100%;
  10605. padding: 10px 8px 8px 8px;
  10606. width: 220px;
  10607. overflow: hidden scroll;
  10608. }
  10609. .sheet.hazard .sidebar .sidebar-title {
  10610. display: flex;
  10611. justify-content: space-between;
  10612. border-bottom: 1px solid black;
  10613. margin-bottom: 4px;
  10614. }
  10615. .sheet.hazard .sidebar .sidebar-title h2 {
  10616. font-size: var(--font-size-15);
  10617. }
  10618. .sheet.hazard .sidebar .valued-icon {
  10619. display: flex;
  10620. align-items: baseline;
  10621. }
  10622. .sheet.hazard .sidebar .valued-icon i {
  10623. margin-right: 4px;
  10624. }
  10625. .sheet.hazard .sidebar .valued-icon i + input {
  10626. margin-left: -1px;
  10627. }
  10628. .sheet.hazard .sidebar .health input {
  10629. width: 34px;
  10630. }
  10631. .sheet.hazard .sidebar .health input.current {
  10632. text-align: end;
  10633. }
  10634. .sheet.hazard .sidebar .armor-class input {
  10635. width: 25px;
  10636. text-align: right;
  10637. }
  10638. .sheet.hazard .sidebar .health-line {
  10639. display: flex;
  10640. flex-direction: row;
  10641. font-size: var(--font-size-16);
  10642. gap: 3px;
  10643. justify-content: center;
  10644. }
  10645. .sheet.hazard .sidebar .hp-details {
  10646. width: 100%;
  10647. }
  10648. .sheet.hazard .sidebar h2 {
  10649. font-weight: 500;
  10650. font-size: var(--font-size-16);
  10651. }
  10652. .sheet.hazard .sidebar i.fa-info-circle {
  10653. font-size: small;
  10654. }
  10655. .sheet.hazard .sidebar .initiative {
  10656. display: flex;
  10657. font-size: var(--font-size-16);
  10658. }
  10659. .sheet.hazard .sidebar .initiative .roll-init {
  10660. align-items: center;
  10661. display: flex;
  10662. font-weight: 500;
  10663. }
  10664. .sheet.hazard .sidebar .initiative .roll-init i {
  10665. margin-right: 4px;
  10666. }
  10667. .sheet.hazard .sidebar .sidebar-saves {
  10668. display: flex;
  10669. justify-content: space-between;
  10670. }
  10671. .sheet.hazard .sidebar .sidebar-saves .save {
  10672. align-items: center;
  10673. display: flex;
  10674. flex: 1;
  10675. flex-direction: column;
  10676. font-size: var(--font-size-16);
  10677. }
  10678. .sheet.hazard .sidebar .sidebar-saves input {
  10679. max-width: 50px;
  10680. text-align: center;
  10681. }
  10682. .sheet.hazard .sidebar .rollable {
  10683. cursor: pointer;
  10684. }
  10685. .sheet.hazard .sidebar .rollable:hover {
  10686. text-shadow: 0 0 8px var(--color-shadow-primary);
  10687. }
  10688. .sheet.hazard .sidebar .rollable:hover i {
  10689. animation: rotation 2s infinite linear;
  10690. }
  10691. .sheet.hazard .section-container {
  10692. padding: 4px 6px 0;
  10693. }
  10694. .sheet.hazard .section-container .editor {
  10695. width: 100%;
  10696. }
  10697. .sheet.hazard .section-container .editor .tox {
  10698. width: 100%;
  10699. }
  10700. .sheet.hazard .section-container > .section-body {
  10701. padding: 4px;
  10702. }
  10703. .sheet.hazard .section-container.skills > .section-body .list {
  10704. display: flex;
  10705. flex-direction: row;
  10706. flex-wrap: wrap;
  10707. }
  10708. .sheet.hazard .section-container .actions-list,
  10709. .sheet.hazard .section-container .attacks-list {
  10710. border-bottom: 1px solid var(--alt);
  10711. }
  10712. .sheet.hazard .section-container .actions-list:last-child,
  10713. .sheet.hazard .section-container .attacks-list:last-child {
  10714. border-bottom: none;
  10715. }
  10716. .sheet.hazard .section-container .actions-list .action,
  10717. .sheet.hazard .section-container .attacks-list .action {
  10718. padding: 4px 0;
  10719. }
  10720. .sheet.hazard .section-container.publication {
  10721. margin-top: 0.5rem;
  10722. }
  10723. .sheet.hazard .section-container.publication .section-header {
  10724. background: none;
  10725. color: var(--color-pf-primary);
  10726. }
  10727. .sheet.hazard .section-container.publication .section-body {
  10728. align-items: baseline;
  10729. gap: 0.25em;
  10730. display: grid;
  10731. grid-template: "title title title" 2fr "authors license remaster" 3fr/60% 20% 20%;
  10732. border-top: none;
  10733. padding: 0.25rem 0.5rem;
  10734. }
  10735. .sheet.hazard .section-container.publication .section-body label {
  10736. font-weight: 500;
  10737. min-width: unset;
  10738. }
  10739. .sheet.hazard .section-container.publication .section-body input[type=text] {
  10740. height: 1.6rem;
  10741. }
  10742. .sheet.hazard .section-container.publication .section-body .title {
  10743. grid-area: title;
  10744. margin-right: 0;
  10745. }
  10746. .sheet.hazard .section-container.publication .section-body .authors {
  10747. grid-area: authors;
  10748. }
  10749. .sheet.hazard .section-container.publication .section-body .license {
  10750. grid-area: license;
  10751. }
  10752. .sheet.hazard .section-container.publication .section-body .license select {
  10753. margin-top: 1px;
  10754. }
  10755. .sheet.hazard .section-container.publication .section-body .remaster {
  10756. grid-area: remaster;
  10757. }
  10758. .sheet.hazard .section-container.publication .section-body .license,
  10759. .sheet.hazard .section-container.publication .section-body .remaster {
  10760. text-align: center;
  10761. }
  10762. .sheet.hazard .section-container.publication .section-body .license label,
  10763. .sheet.hazard .section-container.publication .section-body .remaster label {
  10764. padding: 0;
  10765. }
  10766. .sheet.hazard .section-container.publication .section-body input[type=text] {
  10767. background: rgba(0, 0, 0, 0.05);
  10768. }
  10769. .sheet.hazard .tox.tox-tinymce {
  10770. height: 200px !important;
  10771. }
  10772. .sheet.hazard .hazard-editor .editor .editor-edit {
  10773. display: none;
  10774. }
  10775. .app.npc-skills-editor form {
  10776. font-size: var(--font-size-12);
  10777. overflow: hidden;
  10778. }
  10779. .app.npc-skills-editor form > .scroll-container {
  10780. max-height: 500px;
  10781. overflow: hidden scroll;
  10782. }
  10783. .app.npc-skills-editor form ol {
  10784. list-style: none;
  10785. overflow: hidden;
  10786. padding: 0px;
  10787. width: 100%;
  10788. }
  10789. .app.npc-skills-editor form ol li {
  10790. align-items: center;
  10791. column-gap: 1rem;
  10792. display: grid;
  10793. grid-template-columns: auto 3rem 2rem;
  10794. grid-template-rows: auto;
  10795. padding: 0.25rem;
  10796. width: 100%;
  10797. }
  10798. .app.npc-skills-editor form ol li.skill:nth-child(even) {
  10799. background-color: #ede3c8;
  10800. }
  10801. .app.npc-skills-editor form ol li.skill:nth-child(odd) {
  10802. background-color: #f5efe0;
  10803. }
  10804. .app.npc-skills-editor form ol li.skill.header {
  10805. background-color: var(--color-pf-primary);
  10806. color: var(--text-light);
  10807. font-weight: 500;
  10808. padding: 4px;
  10809. text-transform: uppercase;
  10810. }
  10811. .app.npc-skills-editor form ol li.skill.header.lore {
  10812. background-color: var(--color-pf-secondary);
  10813. }
  10814. .app.npc-skills-editor form ol li.skill .item-controls {
  10815. text-align: right;
  10816. }
  10817. .app.npc-skills-editor form ol li.skill-selector button, .app.npc-skills-editor form ol li.lore-skill-creator button {
  10818. background-color: var(--color-pf-secondary);
  10819. border-radius: 3px;
  10820. border: 1px solid var(--color-pf-secondary-dark);
  10821. color: var(--text-light);
  10822. display: flex;
  10823. grid-column: span 2;
  10824. justify-content: center;
  10825. line-height: 1em;
  10826. padding: 4px;
  10827. white-space: nowrap;
  10828. }
  10829. .actor.npc.sheet form {
  10830. display: flex;
  10831. flex-direction: row;
  10832. align-items: flex-start;
  10833. }
  10834. .actor.npc.sheet form ol.spell-list {
  10835. margin: 0;
  10836. padding: 0;
  10837. border-bottom: 1px solid var(--color-border-light-2);
  10838. flex-basis: 100%;
  10839. gap: 1px;
  10840. position: relative;
  10841. width: 100%;
  10842. z-index: 1;
  10843. }
  10844. .actor.npc.sheet form ol.spell-list > li {
  10845. margin: 0;
  10846. padding: 0;
  10847. align-items: center;
  10848. background: none;
  10849. cursor: default;
  10850. display: grid;
  10851. grid: "name range components cast-spell controls" auto "content content content content content" auto/9fr 4fr 4fr 2fr 2.5fr;
  10852. justify-content: center;
  10853. padding: 0 0.3em 1px 0.35em;
  10854. }
  10855. .actor.npc.sheet form ol.spell-list > li[data-expended-state=true] h4 {
  10856. color: var(--color-disabled);
  10857. text-decoration: line-through;
  10858. }
  10859. .actor.npc.sheet form ol.spell-list > li[data-expended-state=true] .cast-spell {
  10860. background: var(--color-disabled);
  10861. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  10862. cursor: not-allowed;
  10863. }
  10864. .actor.npc.sheet form ol.spell-list > li:nth-child(odd) {
  10865. background-color: rgba(120, 100, 82, 0.1);
  10866. }
  10867. .actor.npc.sheet form ol.spell-list > li:last-child {
  10868. border-bottom: 1px solid var(--sub);
  10869. }
  10870. .actor.npc.sheet form ol.spell-list > li:last-child .item-image {
  10871. margin-bottom: 0;
  10872. margin-top: 2px;
  10873. }
  10874. .actor.npc.sheet form ol.spell-list > li.spell-level-header {
  10875. margin: 0;
  10876. padding: 0;
  10877. background: rgba(96, 88, 86, 0.25);
  10878. border: 1px solid var(--color-border-light-2);
  10879. border-radius: 2px;
  10880. color: var(--text-dark);
  10881. font: 500 var(--font-size-12) var(--sans-serif);
  10882. letter-spacing: 0.25px;
  10883. line-height: 1;
  10884. padding: 0 0.5em;
  10885. text-transform: uppercase;
  10886. }
  10887. .actor.npc.sheet form ol.spell-list > li.spell-level-header h3 {
  10888. text-transform: capitalize;
  10889. font-size: var(--font-size-13);
  10890. margin-left: 0;
  10891. padding: 4px 0;
  10892. }
  10893. .actor.npc.sheet form ol.spell-list > li.spell-level-header .item-name {
  10894. line-height: 1;
  10895. gap: 0.25em;
  10896. }
  10897. .actor.npc.sheet form ol.spell-list > li.spell-level-header .item-name h3 {
  10898. margin: 0;
  10899. padding: 0;
  10900. font-weight: 700;
  10901. }
  10902. .actor.npc.sheet form ol.spell-list > li.spell-level-header .item-controls {
  10903. grid-column: span 2;
  10904. }
  10905. .actor.npc.sheet form ol.spell-list > li .uses {
  10906. align-items: center;
  10907. display: flex;
  10908. gap: 0.25em;
  10909. line-height: 1;
  10910. }
  10911. .actor.npc.sheet form ol.spell-list > li.spell-level-header input,
  10912. .actor.npc.sheet form ol.spell-list > li .uses input {
  10913. background: var(--alt);
  10914. border-radius: 3px;
  10915. border: 1px solid var(--sub);
  10916. color: var(--text-light);
  10917. font: var(--font-size-12) var(--sans-serif);
  10918. height: unset;
  10919. text-align: center;
  10920. width: 2em;
  10921. }
  10922. .actor.npc.sheet form ol.spell-list > li.spell-level-header .spell-slots-increment-reset,
  10923. .actor.npc.sheet form ol.spell-list > li .uses .spell-slots-increment-reset {
  10924. padding-left: 5px;
  10925. font-size: var(--font-size-10);
  10926. }
  10927. .actor.npc.sheet form ol.spell-list > li.spell {
  10928. border: none;
  10929. font-size: var(--font-size-13);
  10930. }
  10931. .actor.npc.sheet form ol.spell-list > li .level-prepared-toggle {
  10932. flex: 0;
  10933. font-size: 0.75rem;
  10934. color: var(--secondary);
  10935. }
  10936. .actor.npc.sheet form ol.spell-list > li .item-name {
  10937. align-items: center;
  10938. display: flex;
  10939. flex-wrap: nowrap;
  10940. justify-content: start;
  10941. justify-self: start;
  10942. min-height: 1.75rem;
  10943. }
  10944. .actor.npc.sheet form ol.spell-list > li .item-name h3 {
  10945. white-space: nowrap;
  10946. }
  10947. .actor.npc.sheet form ol.spell-list > li .item-name + span {
  10948. font-size: 0.75rem;
  10949. }
  10950. .actor.npc.sheet form ol.spell-list > li .item-name .focus-pool-input {
  10951. align-items: center;
  10952. display: flex;
  10953. flex-wrap: nowrap;
  10954. }
  10955. .actor.npc.sheet form ol.spell-list > li .item-name .slash {
  10956. font-size: 0.75rem;
  10957. }
  10958. .actor.npc.sheet form ol.spell-list > li .item-name .spell-slots,
  10959. .actor.npc.sheet form ol.spell-list > li .item-name .spell-max {
  10960. padding-top: 3px;
  10961. font-size: 0.75rem;
  10962. }
  10963. .actor.npc.sheet form ol.spell-list > li .item-name .spell-slots.infinity,
  10964. .actor.npc.sheet form ol.spell-list > li .item-name .spell-max.infinity {
  10965. position: relative;
  10966. top: -2px;
  10967. }
  10968. .actor.npc.sheet form ol.spell-list > li .item-name .item-image {
  10969. height: 1.5rem;
  10970. width: 1.5rem;
  10971. flex: 0 0 auto;
  10972. margin: 2px 0;
  10973. }
  10974. .actor.npc.sheet form ol.spell-list > li .item-name h4 {
  10975. margin: 0;
  10976. padding: 0;
  10977. font-size: var(--font-size-14);
  10978. letter-spacing: -0.075em;
  10979. line-height: 1;
  10980. margin-left: 8px;
  10981. cursor: pointer;
  10982. }
  10983. .actor.npc.sheet form ol.spell-list > li .item-name h4:hover {
  10984. color: var(--secondary);
  10985. }
  10986. .actor.npc.sheet form ol.spell-list > li .item-name .action-glyph {
  10987. margin-left: 4px;
  10988. font-size: small;
  10989. }
  10990. .actor.npc.sheet form ol.spell-list > li .item-name.empty {
  10991. grid-column: 1/span 4;
  10992. }
  10993. .actor.npc.sheet form ol.spell-list > li .spell-range {
  10994. grid-area: range;
  10995. padding-left: 0.2em;
  10996. }
  10997. .actor.npc.sheet form ol.spell-list > li .spell-components {
  10998. grid-area: components;
  10999. justify-self: right;
  11000. padding: 0 0.5em;
  11001. }
  11002. .actor.npc.sheet form ol.spell-list > li .spell-components .tag {
  11003. font: var(--font-size-12) var(--sans-serif-condensed);
  11004. }
  11005. .actor.npc.sheet form ol.spell-list > li .spell-cast {
  11006. grid-area: cast-spell;
  11007. display: flex;
  11008. justify-content: center;
  11009. }
  11010. .actor.npc.sheet form ol.spell-list > li .item-controls {
  11011. grid-area: controls;
  11012. display: flex;
  11013. justify-self: end;
  11014. padding-right: 0.25em;
  11015. }
  11016. .actor.npc.sheet form ol.spell-list > li button.cast-spell {
  11017. align-items: center;
  11018. background: var(--secondary);
  11019. border-radius: 2px;
  11020. border: black;
  11021. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  11022. color: var(--text-light);
  11023. cursor: pointer;
  11024. display: flex;
  11025. font: 700 0.55rem var(--sans-serif);
  11026. justify-self: center;
  11027. letter-spacing: 0.25px;
  11028. max-width: fit-content;
  11029. padding: 0.5em 1em;
  11030. text-transform: uppercase;
  11031. }
  11032. .actor.npc.sheet form ol.spell-list > li .item-summary {
  11033. grid-area: content;
  11034. width: 100%;
  11035. padding: 8px;
  11036. border-bottom: 1px solid var(--sub);
  11037. border-top: 1px solid #aca5a3;
  11038. background-color: var(--bg);
  11039. }
  11040. .actor.npc.sheet form ol.spell-list[data-category=spontaneous] .virtual {
  11041. position: relative;
  11042. }
  11043. .actor.npc.sheet form ol.spell-list[data-category=spontaneous] .virtual::before {
  11044. pointer-events: none;
  11045. content: "";
  11046. position: absolute;
  11047. height: 100%;
  11048. width: 100%;
  11049. background-color: rgba(0, 5, 255, 0.1137254902);
  11050. mix-blend-mode: saturation;
  11051. }
  11052. .actor.npc.sheet form ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
  11053. border-top: 1px solid rgba(0, 0, 0, 0.15);
  11054. }
  11055. .actor.npc.sheet form ol.spell-list .level-prepared-header {
  11056. font-size: 0.75rem;
  11057. color: var(--text-light);
  11058. margin: 0;
  11059. padding: 4px;
  11060. text-align: center;
  11061. background: var(--secondary);
  11062. position: relative;
  11063. }
  11064. .actor.npc.sheet form ol.spell-list .spell .item-name {
  11065. width: 100%;
  11066. }
  11067. .actor.npc.sheet form ol.spell-list input.toggle-signature-spell[type=checkbox] {
  11068. width: 12px;
  11069. height: 12px;
  11070. margin: 0 2px 0 0;
  11071. flex: 0 0 auto;
  11072. }
  11073. .actor.npc.sheet form ol.spell-list .spellbook-empty {
  11074. display: flex;
  11075. align-items: center;
  11076. min-height: 28px;
  11077. justify-content: flex-end;
  11078. }
  11079. .actor.npc.sheet form ol.spell-list .spellbook-empty h4 {
  11080. margin: 0;
  11081. white-space: nowrap;
  11082. margin-right: auto;
  11083. }
  11084. .actor.npc.sheet form ol.spell-list .spellbook-empty a {
  11085. flex: 0 1 0;
  11086. white-space: nowrap;
  11087. margin-left: 8px;
  11088. }
  11089. .actor.npc.sheet form .npc-sheet-header {
  11090. display: flex;
  11091. flex: 1 0 auto;
  11092. flex-direction: column;
  11093. }
  11094. .actor.npc.sheet form .npc-sheet-header .name {
  11095. font-family: var(--sans-serif-condensed);
  11096. font-size: 1.75rem;
  11097. font-weight: 700;
  11098. width: 100%;
  11099. flex-wrap: nowrap;
  11100. }
  11101. .actor.npc.sheet form .npc-sheet-header .name input {
  11102. font-weight: inherit;
  11103. height: 2rem;
  11104. }
  11105. .actor.npc.sheet form .npc-sheet-header .name .name-value {
  11106. font-variant: small-caps;
  11107. margin-left: 6px;
  11108. margin-right: 1.125rem;
  11109. }
  11110. .actor.npc.sheet form .npc-sheet-header .name .level-label {
  11111. flex: 0;
  11112. text-align: right;
  11113. margin-right: 0.1em;
  11114. text-transform: uppercase;
  11115. }
  11116. .actor.npc.sheet form .npc-sheet-header .name input.level {
  11117. flex: 0 0 2.5rem;
  11118. text-align: center;
  11119. }
  11120. .actor.npc.sheet form .npc-sheet-header .rarity-alignment-size {
  11121. display: flex;
  11122. flex-direction: row;
  11123. justify-content: space-between;
  11124. }
  11125. .actor.npc.sheet form hr {
  11126. margin: 10px 6px 10px 0;
  11127. }
  11128. .actor.npc.sheet form select {
  11129. background: none;
  11130. }
  11131. .actor.npc.sheet form .sidebar {
  11132. flex: 10rem 0 0;
  11133. height: 100%;
  11134. overflow: hidden scroll;
  11135. padding-right: 0.25rem;
  11136. }
  11137. .actor.npc.sheet form .sidebar .image-container img.actor-image {
  11138. border: none;
  11139. border-radius: 8px;
  11140. }
  11141. .actor.npc.sheet form .sidebar .armor-section .armor-value {
  11142. flex: 0;
  11143. text-align: right;
  11144. font-weight: 700;
  11145. padding-right: 4px;
  11146. }
  11147. .actor.npc.sheet form .sidebar .health-section .hit-points,
  11148. .actor.npc.sheet form .sidebar .shield-section .hit-points {
  11149. display: flex;
  11150. flex-direction: row;
  11151. flex: 0;
  11152. margin-left: auto;
  11153. }
  11154. .actor.npc.sheet form .sidebar .health-section .hit-points input.current,
  11155. .actor.npc.sheet form .sidebar .shield-section .hit-points input.current {
  11156. width: 36px;
  11157. text-align: right;
  11158. padding-right: 3px;
  11159. }
  11160. .actor.npc.sheet form .sidebar .health-section .hit-points .slash,
  11161. .actor.npc.sheet form .sidebar .health-section .hit-points .max,
  11162. .actor.npc.sheet form .sidebar .shield-section .hit-points .slash,
  11163. .actor.npc.sheet form .sidebar .shield-section .hit-points .max {
  11164. align-items: center;
  11165. display: flex;
  11166. }
  11167. .actor.npc.sheet form .sidebar .health-section .hit-points .max,
  11168. .actor.npc.sheet form .sidebar .shield-section .hit-points .max {
  11169. font-weight: 700;
  11170. margin-right: 4px;
  11171. text-align: center;
  11172. }
  11173. .actor.npc.sheet form .sidebar .health-section .hit-points .max.lt10,
  11174. .actor.npc.sheet form .sidebar .shield-section .hit-points .max.lt10 {
  11175. width: 8px;
  11176. }
  11177. .actor.npc.sheet form .sidebar .health-section .hit-points .max.lt100,
  11178. .actor.npc.sheet form .sidebar .shield-section .hit-points .max.lt100 {
  11179. width: 24px;
  11180. }
  11181. .actor.npc.sheet form .sidebar .health-section .hit-points .max.lt1000,
  11182. .actor.npc.sheet form .sidebar .shield-section .hit-points .max.lt1000 {
  11183. width: 36px;
  11184. }
  11185. .actor.npc.sheet form .sidebar .shield-section .shield-details {
  11186. display: flex;
  11187. flex: auto;
  11188. flex-direction: row;
  11189. justify-content: flex-start;
  11190. align-items: baseline;
  11191. }
  11192. .actor.npc.sheet form .sidebar .shield-section .shield-details .label {
  11193. flex: 0;
  11194. font-weight: bold;
  11195. }
  11196. .actor.npc.sheet form .sidebar .shield-section .shield-details .value {
  11197. flex: auto;
  11198. font-weight: normal;
  11199. margin-left: 6px !important;
  11200. }
  11201. .actor.npc.sheet form .sidebar .shield-section.broken {
  11202. color: rgba(0, 0, 0, 0.4);
  11203. }
  11204. .actor.npc.sheet form .sidebar .shield-section.broken .shield-label {
  11205. color: rgba(0, 0, 0, 0.4);
  11206. }
  11207. .actor.npc.sheet form .sidebar .shield-section.broken .shield-label h4 {
  11208. text-decoration: line-through;
  11209. }
  11210. .actor.npc.sheet form .sidebar .shield-section.broken .shield-value {
  11211. color: rgba(0, 0, 0, 0.4);
  11212. }
  11213. .actor.npc.sheet form .sidebar .shield-section.broken .shield-value .shield-current {
  11214. color: rgba(0, 0, 0, 0.4);
  11215. }
  11216. .actor.npc.sheet form .sidebar .shield-section.broken .shield-value .shield-max {
  11217. color: rgba(0, 0, 0, 0.4);
  11218. }
  11219. .actor.npc.sheet form .sidebar .speed-section {
  11220. text-align: left;
  11221. }
  11222. .actor.npc.sheet form .sidebar .speed-section .land-speed-value {
  11223. flex: 0 0 30px;
  11224. text-align: right;
  11225. }
  11226. .actor.npc.sheet form .sidebar .speed-section .land-speed .speed-details {
  11227. flex: 1;
  11228. }
  11229. .actor.npc.sheet form .sidebar .speed-section .other-speeds {
  11230. display: flex;
  11231. justify-content: left;
  11232. align-items: left;
  11233. width: 100%;
  11234. flex-wrap: wrap;
  11235. }
  11236. .actor.npc.sheet form .sidebar .saves {
  11237. margin-top: 12px;
  11238. display: flex;
  11239. flex-direction: row;
  11240. width: 100%;
  11241. flex: 1 0 auto;
  11242. font-size: 1.1rem;
  11243. }
  11244. .actor.npc.sheet form .sidebar .saves .container {
  11245. display: flex;
  11246. flex-direction: column;
  11247. text-align: center;
  11248. }
  11249. .actor.npc.sheet form .sidebar .saves .container label {
  11250. font-weight: 600;
  11251. }
  11252. .actor.npc.sheet form .sidebar .saves .container input.modifier {
  11253. text-align: center;
  11254. z-index: 1;
  11255. }
  11256. .actor.npc.sheet form .side-bar-section {
  11257. display: flex;
  11258. flex: auto;
  11259. flex-direction: column;
  11260. justify-content: flex-start;
  11261. align-items: flex-start;
  11262. }
  11263. .actor.npc.sheet form .side-bar-section .controls {
  11264. padding-right: 4px;
  11265. }
  11266. .actor.npc.sheet form .side-bar-section.initiative a.roll-init {
  11267. display: flex;
  11268. flex-wrap: nowrap;
  11269. font-weight: 700;
  11270. margin-left: auto;
  11271. margin-bottom: 2px;
  11272. padding-right: 0.5em;
  11273. }
  11274. .actor.npc.sheet form .side-bar-section.initiative a.roll-init i.fa-dice-d20 {
  11275. font-size: 1rem;
  11276. margin-right: 0.2em;
  11277. }
  11278. .actor.npc.sheet form .side-bar-section.initiative select {
  11279. font-size: var(--font-size-11);
  11280. text-transform: unset;
  11281. }
  11282. .actor.npc.sheet form .side-bar-section .value0 {
  11283. color: darkgrey;
  11284. border-bottom: 1px darkgrey solid;
  11285. }
  11286. .actor.npc.sheet form .side-bar-section .value0 input {
  11287. color: darkgrey;
  11288. }
  11289. .actor.npc.sheet form .side-bar-section-content {
  11290. display: flex;
  11291. width: 100%;
  11292. flex-direction: row;
  11293. flex-wrap: wrap;
  11294. justify-content: flex-start;
  11295. align-items: flex-start;
  11296. padding-top: 2px;
  11297. }
  11298. .actor.npc.sheet form .side-bar-section-header {
  11299. display: flex;
  11300. width: 100%;
  11301. font-size: 1rem;
  11302. border-bottom: 1px solid;
  11303. border-color: #7a7971;
  11304. margin-top: 10px;
  11305. margin-bottom: 2px;
  11306. align-items: baseline;
  11307. }
  11308. .actor.npc.sheet form .side-bar-section-header .side-bar-label {
  11309. display: flex;
  11310. flex: auto;
  11311. flex-direction: row;
  11312. align-items: center;
  11313. }
  11314. .actor.npc.sheet form .side-bar-section-header .side-bar-label .fa {
  11315. font-size: 0.8rem;
  11316. }
  11317. .actor.npc.sheet form .side-bar-section-header .side-bar-label h4,
  11318. .actor.npc.sheet form .side-bar-section-header .side-bar-label label {
  11319. font-size: 0.8rem;
  11320. margin-bottom: 0px;
  11321. padding-left: 2px;
  11322. }
  11323. .actor.npc.sheet form .side-bar-section-header .side-bar-label input.modifier {
  11324. font-size: 0.9rem;
  11325. }
  11326. .actor.npc.sheet form .sheet-body {
  11327. flex: auto;
  11328. }
  11329. .actor.npc.sheet form .sheet-body .tab {
  11330. overflow: hidden scroll;
  11331. }
  11332. .actor.npc.sheet form .sheet-body .tab .identification-skills ul {
  11333. display: inline;
  11334. list-style-type: none;
  11335. padding: 0;
  11336. }
  11337. .actor.npc.sheet form .sheet-body .tab .identification-skills ul li {
  11338. display: inline;
  11339. }
  11340. .actor.npc.sheet form .sheet-body .tab .identification-skills ul li:not(:last-of-type):after {
  11341. content: ",";
  11342. }
  11343. .actor.npc.sheet form .sheet-body .inventory {
  11344. flex-basis: 100%;
  11345. flex-direction: column;
  11346. overflow-y: hidden;
  11347. padding-bottom: 1.25rem;
  11348. }
  11349. .actor.npc.sheet form .sheet-body .inventory.active {
  11350. display: flex;
  11351. }
  11352. .actor.npc.sheet form .sheet-body .inventory .inventory-section {
  11353. max-height: calc(100% - 1rem);
  11354. }
  11355. .actor.npc.sheet form .sheet-body .inventory .inventory-section .inventory-header {
  11356. background-color: var(--primary-background);
  11357. }
  11358. .actor.npc.sheet form .sheet-body .entries-list {
  11359. list-style: none;
  11360. padding: 2px;
  11361. margin: 0;
  11362. }
  11363. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry {
  11364. display: block;
  11365. width: 100%;
  11366. margin: 0px;
  11367. border: 1px solid var(--sub);
  11368. border-radius: 4px;
  11369. }
  11370. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry:not(:first-child) {
  11371. margin-top: 0.5rem;
  11372. }
  11373. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header {
  11374. align-items: baseline;
  11375. background-color: var(--primary);
  11376. border-radius: 3px 3px 0 0;
  11377. color: var(--text-light);
  11378. display: flex;
  11379. flex-direction: row;
  11380. flex-wrap: nowrap;
  11381. gap: 0.25em;
  11382. justify-content: space-between;
  11383. padding: 4px 0.5em;
  11384. }
  11385. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .drag-handle {
  11386. cursor: move;
  11387. }
  11388. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name {
  11389. flex: 1;
  11390. margin: 0 4px 0 0;
  11391. padding-right: 6px;
  11392. width: max-content;
  11393. }
  11394. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input {
  11395. color: var(--text-light);
  11396. max-width: 100%;
  11397. font-weight: 500;
  11398. border: none;
  11399. }
  11400. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input:focus, .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input:hover {
  11401. box-shadow: none;
  11402. }
  11403. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input:read-only {
  11404. pointer-events: none;
  11405. }
  11406. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field {
  11407. flex: 0;
  11408. display: flex;
  11409. flex-direction: row;
  11410. flex-wrap: nowrap;
  11411. justify-content: flex-start;
  11412. align-items: baseline;
  11413. }
  11414. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field label {
  11415. margin-left: 2px;
  11416. flex: 1;
  11417. }
  11418. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field input {
  11419. margin-left: 4px;
  11420. }
  11421. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input,
  11422. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input {
  11423. flex: 1 0 32px;
  11424. text-align: center;
  11425. background-color: var(--text-light);
  11426. font-weight: bold;
  11427. width: 32px;
  11428. }
  11429. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select {
  11430. background: rgba(255, 255, 255, 0.5);
  11431. font-size: var(--font-size-10);
  11432. max-width: 55px;
  11433. padding: 2px;
  11434. }
  11435. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .item-controls {
  11436. display: flex;
  11437. justify-content: space-between;
  11438. }
  11439. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .item-controls a {
  11440. padding: 2px;
  11441. }
  11442. .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input {
  11443. background: var(--text-light);
  11444. border: 1px solid transparent;
  11445. color: var(--text-dark);
  11446. flex: 1 0 2rem;
  11447. font-weight: 700;
  11448. height: 18px;
  11449. text-align: center;
  11450. width: 2rem;
  11451. }
  11452. .actor.npc.sheet form .sheet-body .footer {
  11453. display: flex;
  11454. flex: 1;
  11455. justify-content: center;
  11456. margin-top: 12px;
  11457. }
  11458. .actor.npc.sheet form .sheet-body .footer button.spellcasting-create {
  11459. align-items: center;
  11460. justify-content: center;
  11461. display: flex;
  11462. gap: 0.25rem;
  11463. margin: 0 0.5rem;
  11464. min-height: 1rem;
  11465. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  11466. background: var(--primary);
  11467. color: var(--text-light);
  11468. white-space: nowrap;
  11469. border-radius: 3px;
  11470. border: none;
  11471. }
  11472. .actor.npc.sheet form .sheet-body .effects .section-body .effects-list {
  11473. gap: 0.2em;
  11474. padding-left: 0px;
  11475. padding-right: 5px;
  11476. }
  11477. .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item {
  11478. display: flex;
  11479. flex-wrap: wrap;
  11480. align-items: center;
  11481. justify-content: space-between;
  11482. padding: 2px 4px 2px 12px;
  11483. width: 100%;
  11484. }
  11485. .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item p:empty {
  11486. display: none;
  11487. }
  11488. .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-name {
  11489. display: flex;
  11490. align-items: center;
  11491. flex: 1;
  11492. }
  11493. .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-name h4 {
  11494. cursor: pointer;
  11495. margin: 0;
  11496. }
  11497. .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-name .item-image {
  11498. margin-right: 8px;
  11499. }
  11500. .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-controls {
  11501. display: flex;
  11502. flex: 0;
  11503. font-size: var(--font-size-12);
  11504. gap: 1px;
  11505. white-space: nowrap;
  11506. }
  11507. .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-controls a.info-only:hover {
  11508. cursor: default;
  11509. text-shadow: none;
  11510. }
  11511. .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-controls a + a {
  11512. margin-left: 4px;
  11513. }
  11514. .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-summary {
  11515. flex-basis: 100%;
  11516. }
  11517. .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item.unidentified {
  11518. border-radius: 1px;
  11519. outline: 1px dotted rgba(75, 74, 68, 0.5);
  11520. background: var(--visibility-gm-bg);
  11521. }
  11522. .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .button-group {
  11523. display: flex;
  11524. justify-content: flex-end;
  11525. align-items: center;
  11526. flex-wrap: nowrap;
  11527. width: 50%;
  11528. flex: 0;
  11529. }
  11530. .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .button-group button {
  11531. margin: 0;
  11532. border: none;
  11533. cursor: pointer;
  11534. font-family: var(--sans-serif);
  11535. font-size: var(--font-size-10);
  11536. text-transform: uppercase;
  11537. letter-spacing: 0.05em;
  11538. text-rendering: optimizeLegibility;
  11539. padding: 5px;
  11540. color: var(--text-light);
  11541. width: 70px;
  11542. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  11543. background: var(--secondary);
  11544. border-radius: 2px;
  11545. flex: 0;
  11546. white-space: nowrap;
  11547. margin-left: 4px;
  11548. flex: 0;
  11549. }
  11550. .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .button-group button:hover {
  11551. box-shadow: none;
  11552. text-shadow: 0 0 2px white;
  11553. }
  11554. .actor.npc.sheet form .sheet-body .section-container {
  11555. display: flex;
  11556. flex-direction: column;
  11557. }
  11558. .actor.npc.sheet form .sheet-body .section-container .section-header {
  11559. border: 1px solid var(--primary);
  11560. border-radius: 3px 3px 0px 0px;
  11561. background: var(--primary);
  11562. display: flex;
  11563. flex: 0;
  11564. width: 100%;
  11565. flex-direction: row;
  11566. justify-content: space-between;
  11567. align-items: baseline;
  11568. text-align: left;
  11569. color: var(--text-light);
  11570. font-size: var(--font-size-13);
  11571. padding: 0 8px;
  11572. line-height: 2em;
  11573. }
  11574. .actor.npc.sheet form .sheet-body .section-container .section-header h4 {
  11575. flex: auto;
  11576. display: flex;
  11577. align-items: baseline;
  11578. gap: 4px;
  11579. margin-bottom: 0px;
  11580. text-transform: uppercase;
  11581. }
  11582. .actor.npc.sheet form .sheet-body .section-container .section-header input {
  11583. color: inherit;
  11584. width: auto;
  11585. }
  11586. .actor.npc.sheet form .sheet-body .section-container .section-header .controls {
  11587. gap: 0.5rem;
  11588. white-space: nowrap;
  11589. }
  11590. .actor.npc.sheet form .sheet-body .section-container .section-body {
  11591. border: 1px solid var(--primary);
  11592. border-radius: 0px 0px 3px 3px;
  11593. display: flex;
  11594. flex: auto;
  11595. flex-wrap: wrap;
  11596. flex-direction: row;
  11597. align-items: baseline;
  11598. justify-content: flex-start;
  11599. width: 100%;
  11600. }
  11601. .actor.npc.sheet form .sheet-body .section-container.headerless .section-body {
  11602. border-radius: 3px;
  11603. }
  11604. .actor.npc.sheet form .sheet-body .actions-list,
  11605. .actor.npc.sheet form .sheet-body .attacks-list {
  11606. margin: 0;
  11607. padding: 0;
  11608. width: 100%;
  11609. }
  11610. .actor.npc.sheet form .sheet-body .actions-list .controls,
  11611. .actor.npc.sheet form .sheet-body .attacks-list .controls {
  11612. align-items: baseline;
  11613. display: flex;
  11614. flex: 0;
  11615. flex-wrap: nowrap;
  11616. font-size: var(--font-size-12);
  11617. gap: 1px;
  11618. margin-left: auto;
  11619. }
  11620. .actor.npc.sheet form .sheet-body .actions-list .controls .chat,
  11621. .actor.npc.sheet form .sheet-body .attacks-list .controls .chat {
  11622. margin-right: 2px;
  11623. font-size: 0.9em;
  11624. }
  11625. .actor.npc.sheet form .sheet-body .actions-list li.action .button-group,
  11626. .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group,
  11627. .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group,
  11628. .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group {
  11629. display: flex;
  11630. gap: 0.25em;
  11631. justify-content: start;
  11632. min-width: 100%;
  11633. }
  11634. .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .flexrow,
  11635. .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .sub-section,
  11636. .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .flexrow,
  11637. .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .sub-section,
  11638. .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .flexrow,
  11639. .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .sub-section,
  11640. .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .flexrow,
  11641. .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .sub-section {
  11642. gap: 2px;
  11643. }
  11644. .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .sub-section,
  11645. .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .sub-section,
  11646. .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .sub-section,
  11647. .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .sub-section {
  11648. align-items: start;
  11649. display: flex;
  11650. flex-wrap: wrap;
  11651. justify-content: flex-start;
  11652. }
  11653. .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .sub-section h4,
  11654. .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .sub-section h4,
  11655. .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .sub-section h4,
  11656. .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .sub-section h4 {
  11657. margin-left: var(--font-size-12);
  11658. margin-right: var(--font-size-12);
  11659. }
  11660. .actor.npc.sheet form .sheet-body .actions-list li.action .button-group button,
  11661. .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group button,
  11662. .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group button,
  11663. .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group button {
  11664. align-items: center;
  11665. display: flex;
  11666. border-radius: 3px;
  11667. border: none;
  11668. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  11669. color: var(--color-text-light-0);
  11670. cursor: pointer;
  11671. font-size: var(--font-size-11);
  11672. height: var(--font-size-18);
  11673. justify-content: center;
  11674. line-height: var(--font-size-18);
  11675. margin: 0;
  11676. padding: 0 8px;
  11677. white-space: nowrap;
  11678. width: auto;
  11679. }
  11680. .actor.npc.sheet form .sheet-body .actions-list li.action .button-group button:first-child,
  11681. .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group button:first-child,
  11682. .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group button:first-child,
  11683. .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group button:first-child {
  11684. margin-left: 0px;
  11685. }
  11686. .actor.npc.sheet form .sheet-body .actions-list li.action .button-group button:hover,
  11687. .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group button:hover,
  11688. .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group button:hover,
  11689. .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group button:hover {
  11690. box-shadow: none;
  11691. text-shadow: 0 0 2px var(--color-text-light-0);
  11692. }
  11693. .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .attack-button,
  11694. .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .attack-button,
  11695. .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .attack-button,
  11696. .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .attack-button {
  11697. background-color: var(--secondary);
  11698. }
  11699. .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .damage-button,
  11700. .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .critical-button,
  11701. .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .damage-button,
  11702. .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .critical-button,
  11703. .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .damage-button,
  11704. .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .critical-button,
  11705. .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .damage-button,
  11706. .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .critical-button {
  11707. background-color: var(--primary);
  11708. }
  11709. .actor.npc.sheet form .sheet-body .actions-list li.attack,
  11710. .actor.npc.sheet form .sheet-body .attacks-list li.attack {
  11711. border-bottom: 1px solid var(--color-border-light-tertiary);
  11712. display: flex;
  11713. flex-direction: row;
  11714. justify-content: start;
  11715. gap: 0.25rem;
  11716. padding: 0.25rem 0;
  11717. }
  11718. .actor.npc.sheet form .sheet-body .actions-list li.attack:last-child,
  11719. .actor.npc.sheet form .sheet-body .attacks-list li.attack:last-child {
  11720. border-bottom: none;
  11721. }
  11722. .actor.npc.sheet form .sheet-body .actions-list li.attack > h4,
  11723. .actor.npc.sheet form .sheet-body .attacks-list li.attack > h4 {
  11724. align-items: center;
  11725. display: flex;
  11726. flex-wrap: wrap;
  11727. font-size: 0.9rem;
  11728. font-weight: 500;
  11729. gap: 2px;
  11730. margin: 0 4px 0 0;
  11731. white-space: nowrap;
  11732. }
  11733. .actor.npc.sheet form .sheet-body .actions-list li.attack > h4 > span,
  11734. .actor.npc.sheet form .sheet-body .actions-list li.attack > h4 > a,
  11735. .actor.npc.sheet form .sheet-body .attacks-list li.attack > h4 > span,
  11736. .actor.npc.sheet form .sheet-body .attacks-list li.attack > h4 > a {
  11737. display: flex;
  11738. gap: 3px;
  11739. line-height: 1.125rem;
  11740. margin-right: 4px;
  11741. }
  11742. .actor.npc.sheet form .sheet-body .actions-list li.attack > .description,
  11743. .actor.npc.sheet form .sheet-body .attacks-list li.attack > .description {
  11744. flex-basis: 100%;
  11745. }
  11746. .actor.npc.sheet form .sheet-body .actions-list li.action,
  11747. .actor.npc.sheet form .sheet-body .attacks-list li.action {
  11748. display: flex;
  11749. gap: 0.25rem;
  11750. }
  11751. .actor.npc.sheet form .sheet-body .actions-list li.action:not(:last-child),
  11752. .actor.npc.sheet form .sheet-body .attacks-list li.action:not(:last-child) {
  11753. border-bottom: 1px solid var(--color-border-light-tertiary);
  11754. }
  11755. .actor.npc.sheet form .sheet-body .actions-list li.action > h4,
  11756. .actor.npc.sheet form .sheet-body .attacks-list li.action > h4 {
  11757. align-items: center;
  11758. display: flex;
  11759. gap: 0.25rem;
  11760. flex: auto;
  11761. font-size: 0.9rem;
  11762. margin: 0;
  11763. }
  11764. .actor.npc.sheet form .sheet-body .actions-list li.action > h4 > a,
  11765. .actor.npc.sheet form .sheet-body .attacks-list li.action > h4 > a {
  11766. align-items: center;
  11767. display: flex;
  11768. gap: 2px;
  11769. }
  11770. .actor.npc.sheet form .sheet-body .actions-list li.action .button-group > button.use-action,
  11771. .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group > button.use-action {
  11772. color: var(--color-text-light-0);
  11773. background-color: var(--secondary);
  11774. margin-right: 0.5rem;
  11775. }
  11776. .actor.npc.sheet form .sheet-body .actions-list li.action .action-traits,
  11777. .actor.npc.sheet form .sheet-body .attacks-list li.action .action-traits {
  11778. margin-left: var(--font-size-12);
  11779. }
  11780. .actor.npc.sheet form .sheet-body .actions-list li.action .tracking,
  11781. .actor.npc.sheet form .sheet-body .attacks-list li.action .tracking {
  11782. flex: 0;
  11783. align-items: center;
  11784. display: flex;
  11785. flex-direction: row;
  11786. flex-wrap: nowrap;
  11787. margin-left: auto;
  11788. margin-right: var(--font-size-16);
  11789. }
  11790. .actor.npc.sheet form .sheet-body .actions-list li.action .tracking input,
  11791. .actor.npc.sheet form .sheet-body .attacks-list li.action .tracking input {
  11792. background: none;
  11793. border: 0;
  11794. flex: 0 1 4rem;
  11795. flex: 1;
  11796. font-family: inherit;
  11797. font-size: 0.9rem;
  11798. height: auto;
  11799. padding: 0 3px;
  11800. text-align: center;
  11801. width: 0;
  11802. }
  11803. .actor.npc.sheet form .sheet-body .actions-list li.action .tracking span,
  11804. .actor.npc.sheet form .sheet-body .attacks-list li.action .tracking span {
  11805. white-space: nowrap;
  11806. }
  11807. .actor.npc.sheet form .sheet-body .actions-list li.action .item-summary,
  11808. .actor.npc.sheet form .sheet-body .attacks-list li.action .item-summary {
  11809. flex-basis: 100%;
  11810. }
  11811. .actor.npc.sheet form input.adjustable:not(:focus),
  11812. .actor.npc.sheet form span.adjustable,
  11813. .actor.npc.sheet form div.adjustable {
  11814. display: inline;
  11815. text-align: right;
  11816. }
  11817. .actor.npc.sheet form input.adjustable:not(:focus).adjusted-higher,
  11818. .actor.npc.sheet form span.adjustable.adjusted-higher,
  11819. .actor.npc.sheet form div.adjustable.adjusted-higher {
  11820. color: #009988;
  11821. }
  11822. .actor.npc.sheet form input.adjustable:not(:focus).adjusted-lower,
  11823. .actor.npc.sheet form span.adjustable.adjusted-lower,
  11824. .actor.npc.sheet form div.adjustable.adjusted-lower {
  11825. color: #cc3311;
  11826. }
  11827. .actor.npc.sheet form .empty {
  11828. border-color: var(--color-text-dark-inactive);
  11829. color: var(--color-text-dark-inactive);
  11830. }
  11831. .actor.npc.sheet form a.empty:hover, .actor.npc.sheet form a.empty:active {
  11832. border-color: #7a7971;
  11833. color: var(--text-dark);
  11834. }
  11835. .actor.npc.sheet form .trait {
  11836. flex: auto 0 0;
  11837. padding: 4px;
  11838. background: var(--primary);
  11839. border: 2px solid var(--color-border-trait);
  11840. color: var(--color-text-trait);
  11841. font-size: 0.9em;
  11842. font-weight: 500;
  11843. text-transform: uppercase;
  11844. }
  11845. .actor.npc.sheet form .effects-list {
  11846. display: flex;
  11847. flex: 1 0 auto;
  11848. flex-direction: row;
  11849. flex-wrap: wrap;
  11850. width: 100%;
  11851. }
  11852. .actor.npc.sheet form .effects-list .separator {
  11853. flex: 0 0 1px;
  11854. height: 32px;
  11855. margin-right: 4px;
  11856. border-left: 2px solid var(--color-rarity-common);
  11857. }
  11858. .actor.npc.sheet form .effects-list > .effect {
  11859. display: flex;
  11860. flex: 0 0 32px;
  11861. height: 32px;
  11862. margin-right: 4px;
  11863. margin-bottom: 4px;
  11864. border-bottom: none !important;
  11865. }
  11866. .actor.npc.sheet form .effects-list > .effect .item-image {
  11867. background-size: cover;
  11868. border: 1px solid var(--color-rarity-common);
  11869. border-bottom: 1px solid var(--color-rarity-common);
  11870. border-radius: 3px;
  11871. width: 32px;
  11872. }
  11873. .actor.npc.sheet form .effects-list > .effect .item-image:hover {
  11874. border: 1px solid var(--text-light);
  11875. border-radius: 3px;
  11876. }
  11877. .actor.npc.sheet form .actions-options .actions-option {
  11878. display: flex;
  11879. align-items: center;
  11880. width: 100%;
  11881. }
  11882. .actor.npc.sheet form .actions-options .actions-option label {
  11883. width: 100%;
  11884. }
  11885. .actor.npc.sheet form .actions-options .actions-option label * {
  11886. vertical-align: middle;
  11887. }
  11888. .actor.npc.sheet form .actions-options .actions-option label input {
  11889. margin: 0;
  11890. padding: 0;
  11891. }
  11892. .actor.npc.sheet form .actions-options .actions-option select {
  11893. background: none;
  11894. margin-left: 0.25em;
  11895. text-transform: none;
  11896. }
  11897. .actor.npc.sheet form .actions-list {
  11898. display: flex;
  11899. flex-direction: column;
  11900. gap: 0.25rem;
  11901. padding: 0.1rem 0.25rem;
  11902. }
  11903. .actor.npc.sheet form .actions-list .action {
  11904. width: 100%;
  11905. }
  11906. .actor.npc.sheet form .labelled-field {
  11907. display: flex;
  11908. flex-direction: row;
  11909. align-items: baseline;
  11910. }
  11911. .actor.npc.sheet form .labelled-field label,
  11912. .actor.npc.sheet form .labelled-field .rollable {
  11913. flex: 1;
  11914. font-weight: 600;
  11915. }
  11916. .actor.npc.sheet form .labelled-field input[type=text],
  11917. .actor.npc.sheet form .labelled-field input[type=number] {
  11918. flex: 0;
  11919. font-weight: normal;
  11920. margin: 1px 4px;
  11921. margin-left: auto;
  11922. min-width: 2.5em;
  11923. padding-right: 1px;
  11924. text-align: right;
  11925. }
  11926. .actor.npc.sheet form .labelled-field.hp-temp > label {
  11927. margin-right: 0.5em;
  11928. }
  11929. .actor.npc.sheet form .top-sections {
  11930. display: flex;
  11931. flex-direction: row;
  11932. justify-content: flex-start;
  11933. align-items: flex-start;
  11934. }
  11935. .actor.npc.sheet form .top-sections .skills {
  11936. flex: 3;
  11937. align-self: stretch;
  11938. }
  11939. .actor.npc.sheet form .top-sections .senses {
  11940. flex: 2;
  11941. }
  11942. .actor.npc.sheet form .top-sections .senses .perception {
  11943. width: 100%;
  11944. }
  11945. .actor.npc.sheet form .top-sections .senses .perception label {
  11946. flex-basis: 5em;
  11947. }
  11948. .actor.npc.sheet form .top-sections .senses .perception input {
  11949. flex: 0 0 24px;
  11950. z-index: 1;
  11951. }
  11952. .actor.npc.sheet form .top-sections .ability-scores {
  11953. flex: 2;
  11954. flex-direction: column;
  11955. }
  11956. .actor.npc.sheet form .top-sections .ability-scores .list {
  11957. display: grid;
  11958. padding-left: 0.75em;
  11959. grid-template-columns: repeat(3, minmax(0, 1fr));
  11960. }
  11961. .actor.npc.sheet form .top-sections .ability-scores .list input {
  11962. flex: 0 0 24px;
  11963. margin-right: 1em;
  11964. z-index: 1;
  11965. }
  11966. .actor.npc.sheet form .section-container {
  11967. padding: 0.25rem 0.25rem 0 0;
  11968. }
  11969. .actor.npc.sheet form .section-container .section-body {
  11970. padding: 0.25rem;
  11971. }
  11972. .actor.npc.sheet form .section-container.headerless .section-body {
  11973. border-radius: 3px;
  11974. }
  11975. .actor.npc.sheet form .section-container.skills > .section-body .list {
  11976. display: flex;
  11977. flex-direction: row;
  11978. flex-wrap: wrap;
  11979. }
  11980. .actor.npc.sheet form .section-container.recall-knowledge .section-header {
  11981. align-items: center;
  11982. }
  11983. .actor.npc.sheet form .section-container.recall-knowledge .section-header .breakdown {
  11984. width: auto;
  11985. cursor: pointer;
  11986. font-size: var(--font-size-9);
  11987. line-height: var(--font-size-15);
  11988. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  11989. background: var(--secondary);
  11990. color: var(--text-light);
  11991. font-family: var(--sans-serif);
  11992. text-transform: uppercase;
  11993. border-radius: 3px;
  11994. border: none;
  11995. padding: 2px 4px 0;
  11996. }
  11997. .actor.npc.sheet form .section-container.recall-knowledge .section-header .breakdown:hover {
  11998. box-shadow: none;
  11999. text-shadow: 0 0 2px white;
  12000. }
  12001. .actor.npc.sheet form .section-container.languages {
  12002. flex: 1;
  12003. }
  12004. .actor.npc.sheet form select {
  12005. flex: auto 0 0;
  12006. padding: 4px;
  12007. height: auto;
  12008. font-weight: 500;
  12009. }
  12010. .actor.npc.sheet form select option {
  12011. color: var(--text-light);
  12012. background-color: var(--alt);
  12013. }
  12014. .actor.npc.sheet form .adjustments {
  12015. align-items: center;
  12016. display: flex;
  12017. justify-content: end;
  12018. }
  12019. .actor.npc.sheet form .adjustments .adjustment.active {
  12020. background-color: var(--primary);
  12021. color: var(--text-light);
  12022. }
  12023. .actor.npc.sheet form .adjustments .adjustment:not(.active) {
  12024. background-color: var(--color-disabled);
  12025. color: var(--color-text-trait);
  12026. }
  12027. .actor.npc.sheet form .npc-body {
  12028. padding-left: 5px;
  12029. display: flex;
  12030. flex: auto;
  12031. flex-direction: column;
  12032. height: 100%;
  12033. width: 100%;
  12034. overflow-y: hidden;
  12035. }
  12036. .actor.npc.sheet form .notes.active {
  12037. display: flex;
  12038. flex-direction: column;
  12039. gap: 0.5rem;
  12040. padding-bottom: 0.5rem;
  12041. padding-right: 0.75rem;
  12042. }
  12043. .actor.npc.sheet form .notes .notes-section {
  12044. display: flex;
  12045. flex-direction: column;
  12046. }
  12047. .actor.npc.sheet form .notes .notes-section > h4 {
  12048. color: var(--primary);
  12049. font-family: var(--sans-serif);
  12050. font-size: var(--font-size-11);
  12051. font-weight: 700;
  12052. line-height: 1;
  12053. margin: 0 2px 0 0;
  12054. padding: 4px;
  12055. text-transform: uppercase;
  12056. white-space: nowrap;
  12057. }
  12058. .actor.npc.sheet form .notes .notes-section > .notes-text {
  12059. padding: 0 4px 4px;
  12060. color: var(--text-dark);
  12061. flex-grow: 1;
  12062. }
  12063. .actor.npc.sheet form .notes .notes-section > .notes-text .editor {
  12064. height: 100%;
  12065. }
  12066. .actor.npc.sheet form .notes .notes-section > .notes-text .editor .editor-content {
  12067. min-height: 75px;
  12068. }
  12069. .actor.npc.sheet form .notes .notes-section > .notes-text .editor .editor-edit {
  12070. background: var(--primary);
  12071. color: var(--text-light);
  12072. }
  12073. .actor.npc.sheet form .notes .notes-section > .notes-text .editor a.editor-edit {
  12074. padding: 2px 2px 2px 4px;
  12075. }
  12076. .actor.npc.sheet form .notes .notes-section.publication {
  12077. margin-top: auto;
  12078. }
  12079. .actor.npc.sheet form .notes .notes-section.publication .notes-text {
  12080. align-items: baseline;
  12081. gap: 0.25em;
  12082. display: grid;
  12083. grid-template: "title title title" 2fr "authors license remaster" 3fr/60% 20% 20%;
  12084. }
  12085. .actor.npc.sheet form .notes .notes-section.publication .notes-text label {
  12086. font-weight: 500;
  12087. min-width: unset;
  12088. }
  12089. .actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text] {
  12090. height: 1.6rem;
  12091. }
  12092. .actor.npc.sheet form .notes .notes-section.publication .notes-text .title {
  12093. grid-area: title;
  12094. margin-right: 0;
  12095. }
  12096. .actor.npc.sheet form .notes .notes-section.publication .notes-text .authors {
  12097. grid-area: authors;
  12098. }
  12099. .actor.npc.sheet form .notes .notes-section.publication .notes-text .license {
  12100. grid-area: license;
  12101. }
  12102. .actor.npc.sheet form .notes .notes-section.publication .notes-text .license select {
  12103. margin-top: 1px;
  12104. }
  12105. .actor.npc.sheet form .notes .notes-section.publication .notes-text .remaster {
  12106. grid-area: remaster;
  12107. }
  12108. .actor.npc.sheet form .notes .notes-section.publication .notes-text .license,
  12109. .actor.npc.sheet form .notes .notes-section.publication .notes-text .remaster {
  12110. text-align: center;
  12111. }
  12112. .actor.npc.sheet form .notes .notes-section.publication .notes-text .license label,
  12113. .actor.npc.sheet form .notes .notes-section.publication .notes-text .remaster label {
  12114. padding: 0;
  12115. }
  12116. .actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text] {
  12117. background: rgba(0, 0, 0, 0.05);
  12118. padding: 1px 3px;
  12119. }
  12120. .actor.npc.sheet form .notes .tox {
  12121. min-height: 20em;
  12122. }
  12123. .actor.npc.sheet form.dead .profile {
  12124. background-size: cover;
  12125. background-color: #dbd9cd;
  12126. box-sizing: border-box;
  12127. border: 1px solid black;
  12128. border-radius: 2px;
  12129. }
  12130. .actor.npc.sheet form.dead .profile > img {
  12131. border: none;
  12132. width: 100%;
  12133. opacity: 0.33;
  12134. }
  12135. .actor.npc.sheet form.dead h2.name {
  12136. margin-top: 3px;
  12137. text-align: center;
  12138. border-bottom: none;
  12139. }
  12140. .actor.npc.sheet form.simple .sheet-body {
  12141. overflow-y: auto;
  12142. }
  12143. .actor.npc.sheet.simple {
  12144. min-height: 500px;
  12145. }
  12146. .sheet.actor.loot form {
  12147. display: flex;
  12148. flex-direction: row;
  12149. height: 100%;
  12150. }
  12151. .sheet.actor.loot form section.sidebar {
  12152. display: flex;
  12153. flex-direction: column;
  12154. width: 200px;
  12155. height: 100%;
  12156. border-right: 1px solid var(--color-text-light-7);
  12157. box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  12158. }
  12159. .sheet.actor.loot form section.sidebar > * {
  12160. flex: 0;
  12161. }
  12162. .sheet.actor.loot form section.sidebar .image-container {
  12163. display: flex;
  12164. }
  12165. .sheet.actor.loot form section.sidebar .image-container > img.actor-image {
  12166. flex: none;
  12167. border: none;
  12168. border-bottom: 1px solid var(--color-text-light-7);
  12169. }
  12170. .sheet.actor.loot form section.sidebar .image-container [data-action=show-image] {
  12171. bottom: 3px;
  12172. right: 2px;
  12173. }
  12174. .sheet.actor.loot form section.sidebar .gm-settings {
  12175. border-bottom: 1px solid var(--color-text-light-7);
  12176. display: flex;
  12177. flex-direction: column;
  12178. padding: 0.25rem;
  12179. }
  12180. .sheet.actor.loot form section.sidebar .gm-settings .loot-distribution {
  12181. display: flex;
  12182. flex-direction: column;
  12183. gap: 2px;
  12184. }
  12185. .sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button {
  12186. background-color: var(--tertiary);
  12187. }
  12188. .sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button:not(:hover) {
  12189. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  12190. }
  12191. .sheet.actor.loot form section.sidebar .gm-settings label {
  12192. font-weight: 500;
  12193. }
  12194. .sheet.actor.loot form section.sidebar .sidebar-meta {
  12195. border-top: 1px solid var(--color-text-light-7);
  12196. }
  12197. .sheet.actor.loot form section.sidebar .hidden-when-empty,
  12198. .sheet.actor.loot form section.sidebar .bulk {
  12199. align-self: end;
  12200. }
  12201. .sheet.actor.loot form section.sidebar .bulk {
  12202. line-height: 1.5em;
  12203. margin-right: 8px;
  12204. }
  12205. .sheet.actor.loot form section.sidebar > .editor,
  12206. .sheet.actor.loot form section.sidebar .description {
  12207. flex-basis: auto;
  12208. min-height: 40px;
  12209. flex: 1;
  12210. }
  12211. .sheet.actor.loot form section.sidebar > .editor > .tox-tinymce .tox-edit-area {
  12212. min-height: 120px;
  12213. }
  12214. .sheet.actor.loot form section.sidebar .description,
  12215. .sheet.actor.loot form section.sidebar .editor-content {
  12216. padding: 0.25rem;
  12217. overflow: hidden scroll;
  12218. }
  12219. .sheet.actor.loot form .sheet-header {
  12220. display: flex;
  12221. flex-direction: row;
  12222. align-items: center;
  12223. gap: 0.2rem;
  12224. padding-top: 0.25rem;
  12225. border-bottom: 1px solid var(--color-text-light-7);
  12226. box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  12227. }
  12228. .sheet.actor.loot form .sheet-header h1 {
  12229. margin: 0;
  12230. border: none;
  12231. flex: 1;
  12232. padding-left: 0.5rem;
  12233. }
  12234. .sheet.actor.loot form .sheet-header h1 > input {
  12235. height: 40px;
  12236. width: 100%;
  12237. margin: 2px;
  12238. border: none;
  12239. }
  12240. .sheet.actor.loot form .sheet-header h1,
  12241. .sheet.actor.loot form .sheet-header input {
  12242. font-family: var(--serif-condensed);
  12243. font-size: var(--font-size-36);
  12244. font-weight: 700;
  12245. }
  12246. .sheet.actor.loot form .sheet-header .sheet-type i {
  12247. padding: 0 0.25rem 0 0.5rem;
  12248. font-size: var(--font-size-16);
  12249. }
  12250. .sheet.actor.loot form .sheet-header .tags {
  12251. align-items: center;
  12252. display: flex;
  12253. flex: 0 0 auto;
  12254. margin-left: auto;
  12255. margin-right: 0.5em;
  12256. }
  12257. .sheet.actor.loot form .sheet-header .tags .tag {
  12258. color: var(--text-light);
  12259. font-size: var(--font-size-16);
  12260. height: unset;
  12261. padding: 0.1em 0.4em;
  12262. }
  12263. .sheet.actor.loot form .sheet-header .tags .tag option {
  12264. background-color: #5e0000;
  12265. color: inherit;
  12266. font-size: inherit;
  12267. }
  12268. .sheet.actor.loot form .sheet-header .currency {
  12269. margin-bottom: 8px;
  12270. }
  12271. .sheet.actor.loot form .sheet-body {
  12272. padding: 0.5rem;
  12273. }
  12274. .sheet.actor.loot form section.content {
  12275. display: flex;
  12276. flex-direction: column;
  12277. flex: 1;
  12278. height: 100%;
  12279. }
  12280. .sheet.actor.loot form section.content .inventory {
  12281. overflow: hidden;
  12282. }
  12283. .sheet.actor.loot form section.content .inventory .inventory-list {
  12284. --border-color: var(--secondary-background);
  12285. margin-bottom: 2px;
  12286. }
  12287. .sheet.actor.loot form section.content .inventory .inventory-list .item-controls {
  12288. flex: 0 0 4rem;
  12289. }
  12290. .sheet.actor.loot form section.content .inventory .inventory-list .item-controls a.item-toggle-equip {
  12291. display: none;
  12292. }
  12293. .sheet.actor.loot form section.content .inventory .inventory-header {
  12294. background: var(--primary-background);
  12295. color: var(--text-light);
  12296. }
  12297. .loot-actor-popup {
  12298. flex: unset;
  12299. }
  12300. .loot-actor-popup .confirm-button {
  12301. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  12302. width: calc(100% - 6px);
  12303. height: 2.5em;
  12304. margin-top: 1em;
  12305. background-color: var(--tertiary);
  12306. }
  12307. .loot-actor-popup .checkboxes label {
  12308. display: block;
  12309. padding-right: 10px;
  12310. padding-left: 22px;
  12311. text-indent: -22px;
  12312. }
  12313. .loot-actor-popup .checkboxes input {
  12314. vertical-align: middle;
  12315. }
  12316. .loot-actor-popup .checkboxes label span {
  12317. vertical-align: middle;
  12318. }
  12319. .sheet.party {
  12320. --color-border: rgba(0, 0, 0, 0.28);
  12321. /** White background navigation with little decorations on the left and right */
  12322. }
  12323. .sheet.party form {
  12324. display: flex;
  12325. flex-direction: column;
  12326. height: 100%;
  12327. background: url("../assets/sheet/background.webp");
  12328. background-repeat: no-repeat;
  12329. background-size: cover;
  12330. background-attachment: local;
  12331. }
  12332. .sheet.party form > header {
  12333. background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
  12334. background-repeat: repeat-x, no-repeat;
  12335. background-size: cover;
  12336. background-color: #2f9d50;
  12337. background-blend-mode: multiply;
  12338. color: var(--text-light);
  12339. width: 100%;
  12340. font-family: var(--sans-serif);
  12341. text-transform: uppercase;
  12342. font-weight: 600;
  12343. display: flex;
  12344. justify-content: space-between;
  12345. align-items: center;
  12346. padding: 0 0.75rem;
  12347. gap: 8px;
  12348. box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  12349. }
  12350. .sheet.party form > header .frame-container {
  12351. flex: 0 0 60px;
  12352. padding: 4px;
  12353. margin: 0.75rem 0;
  12354. }
  12355. .sheet.party form > header .frame-container .frame {
  12356. position: relative;
  12357. width: 2.5rem;
  12358. height: 2.5rem;
  12359. }
  12360. .sheet.party form > header .frame-container .player-image {
  12361. object-fit: cover;
  12362. object-position: top;
  12363. border: none;
  12364. border-radius: 0;
  12365. width: 100%;
  12366. cursor: pointer;
  12367. border: none;
  12368. box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
  12369. }
  12370. .sheet.party form > header input[type=text],
  12371. .sheet.party form > header input[type=number] {
  12372. color: var(--text-light);
  12373. border: none;
  12374. border-bottom: 1px solid transparent;
  12375. }
  12376. .sheet.party form > header input[type=text]:not(:disabled):hover, .sheet.party form > header input[type=text]:focus,
  12377. .sheet.party form > header input[type=number]:not(:disabled):hover,
  12378. .sheet.party form > header input[type=number]:focus {
  12379. border: none;
  12380. border-bottom: 1px solid var(--text-light);
  12381. box-shadow: none;
  12382. }
  12383. .sheet.party form > header .details {
  12384. margin: 4px 0;
  12385. flex: 1;
  12386. }
  12387. .sheet.party form > header .details {
  12388. display: grid;
  12389. grid: "name type" 1fr "name visibility" auto/1fr auto;
  12390. align-items: center;
  12391. gap: 0 0.5rem;
  12392. font-family: var(--serif-condensed);
  12393. font-size: var(--font-size-28);
  12394. font-weight: 700;
  12395. }
  12396. .sheet.party form > header .details .name {
  12397. grid-area: name;
  12398. flex: 1;
  12399. font-size: var(--font-size-32);
  12400. }
  12401. .sheet.party form > header .details .actor-type {
  12402. grid-area: type;
  12403. text-align: end;
  12404. }
  12405. .sheet.party form > header .details .visibility {
  12406. grid-area: visibility;
  12407. font-size: var(--font-size-14);
  12408. opacity: 0.8;
  12409. }
  12410. .sheet.party form > header .details .visibility i {
  12411. font-size: 0.9em;
  12412. margin-right: 0.125rem;
  12413. }
  12414. .sheet.party nav.sheet-navigation {
  12415. display: inline-flex;
  12416. justify-content: center;
  12417. align-items: center;
  12418. height: 20px;
  12419. background: var(--secondary);
  12420. background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
  12421. transition: all 0.1s ease-out;
  12422. box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  12423. border-top: 1px solid rgba(255, 255, 255, 0.1);
  12424. border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  12425. position: relative;
  12426. }
  12427. .sheet.party nav.sheet-navigation .navigation-title {
  12428. color: var(--text-light);
  12429. margin-right: auto;
  12430. padding-left: 1em;
  12431. white-space: nowrap;
  12432. width: 7em;
  12433. }
  12434. .sheet.party nav.sheet-navigation > a {
  12435. display: flex;
  12436. justify-content: center;
  12437. align-items: center;
  12438. margin: 0 6px;
  12439. font-size: var(--font-size-12);
  12440. }
  12441. .sheet.party nav.sheet-navigation .item {
  12442. height: 24px;
  12443. width: 24px;
  12444. border-radius: 50%;
  12445. z-index: 1;
  12446. transition: all 0.1s ease-out;
  12447. color: var(--tertiary);
  12448. fill: var(--tertiary);
  12449. background-image: url("../assets/sheet/nav-item-inactive.webp");
  12450. background-size: contain;
  12451. /* prettier-ignore */
  12452. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25);
  12453. }
  12454. .sheet.party nav.sheet-navigation .item.active {
  12455. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary);
  12456. }
  12457. .sheet.party nav.sheet-navigation .item:last-child {
  12458. margin-right: 10px;
  12459. }
  12460. .sheet.party nav.sheet-navigation .item:hover, .sheet.party nav.sheet-navigation .item.active {
  12461. z-index: 2;
  12462. transform: scale(1.2);
  12463. color: var(--text-light);
  12464. fill: var(--text-light);
  12465. background-image: url("../assets/sheet/nav-item.webp");
  12466. }
  12467. .sheet.party nav.sheet-navigation .item .fas {
  12468. padding-bottom: 0;
  12469. }
  12470. .sheet.party nav.sheet-navigation .item:hover .pfs-icon {
  12471. filter: drop-shadow(0 0 8px var(--color-shadow-primary));
  12472. }
  12473. .sheet.party nav.sheet-navigation .item .action-glyph {
  12474. font-size: 1rem;
  12475. }
  12476. .sheet.party nav.sub-nav {
  12477. margin: 0;
  12478. padding: 0;
  12479. display: flex;
  12480. flex-wrap: nowrap;
  12481. justify-content: center;
  12482. align-items: center;
  12483. list-style: none;
  12484. background-color: var(--bg);
  12485. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  12486. width: 100%;
  12487. flex: 0 0 2.5rem;
  12488. }
  12489. .sheet.party nav.sub-nav::before, .sheet.party nav.sub-nav::after {
  12490. content: "";
  12491. width: 37px;
  12492. height: 16px;
  12493. background: url("../assets/sheet/sub-nav-decoration.webp");
  12494. margin: 0 16px;
  12495. }
  12496. .sheet.party nav.sub-nav::after {
  12497. transform: scaleX(-100%);
  12498. }
  12499. .sheet.party nav.sub-nav a,
  12500. .sheet.party nav.sub-nav .tab {
  12501. border-left: 1px solid rgba(255, 255, 255, 0.3);
  12502. border-right: 1px solid rgba(0, 0, 0, 0.2);
  12503. color: var(--alt);
  12504. cursor: pointer;
  12505. display: block;
  12506. font: 400 var(--font-size-16) var(--serif);
  12507. flex: 1;
  12508. margin: 0 0.25rem;
  12509. max-width: 30%;
  12510. text-align: center;
  12511. text-decoration: none;
  12512. transition: all 0.1s ease-out;
  12513. }
  12514. .sheet.party nav.sub-nav a.active,
  12515. .sheet.party nav.sub-nav .tab.active {
  12516. color: var(--primary);
  12517. font-weight: 600;
  12518. }
  12519. .sheet.party nav.sub-nav a:first-child,
  12520. .sheet.party nav.sub-nav .tab:first-child {
  12521. border-left: none;
  12522. }
  12523. .sheet.party nav.sub-nav a:last-child,
  12524. .sheet.party nav.sub-nav .tab:last-child {
  12525. border-right: none;
  12526. }
  12527. .sheet.party nav.sub-nav a:hover,
  12528. .sheet.party nav.sub-nav .tab:hover {
  12529. text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
  12530. }
  12531. .sheet.party .tab nav.sub-nav {
  12532. padding-right: 20px;
  12533. }
  12534. .sheet.party .actor-link {
  12535. cursor: pointer;
  12536. }
  12537. .sheet.party .readonly {
  12538. pointer-events: none;
  12539. }
  12540. .sheet.party .readonly a,
  12541. .sheet.party .readonly button {
  12542. pointer-events: none;
  12543. }
  12544. .sheet.party .container {
  12545. height: 100%;
  12546. overflow: hidden;
  12547. }
  12548. .sheet.party .content {
  12549. overflow: hidden scroll;
  12550. flex: 1;
  12551. }
  12552. .sheet.party .tab.active {
  12553. display: flex;
  12554. height: 100%;
  12555. }
  12556. .sheet.party .item-list.directory-list {
  12557. gap: 0.2em;
  12558. margin: 0;
  12559. padding: 0;
  12560. display: flex;
  12561. flex-direction: column;
  12562. width: 100%;
  12563. }
  12564. .sheet.party .item-list.directory-list .item {
  12565. display: flex;
  12566. flex-wrap: wrap;
  12567. align-items: center;
  12568. justify-content: space-between;
  12569. padding: 2px 4px 2px 12px;
  12570. width: 100%;
  12571. }
  12572. .sheet.party .item-list.directory-list .item p:empty {
  12573. display: none;
  12574. }
  12575. .sheet.party .item-list.directory-list .item .item-name {
  12576. display: flex;
  12577. align-items: center;
  12578. flex: 1;
  12579. }
  12580. .sheet.party .item-list.directory-list .item .item-name h4 {
  12581. cursor: pointer;
  12582. margin: 0;
  12583. }
  12584. .sheet.party .item-list.directory-list .item .item-name .item-image {
  12585. margin-right: 8px;
  12586. }
  12587. .sheet.party .item-list.directory-list .item .item-controls {
  12588. display: flex;
  12589. flex: 0;
  12590. font-size: var(--font-size-12);
  12591. gap: 1px;
  12592. white-space: nowrap;
  12593. }
  12594. .sheet.party .item-list.directory-list .item .item-controls a.info-only:hover {
  12595. cursor: default;
  12596. text-shadow: none;
  12597. }
  12598. .sheet.party .item-list.directory-list .item .item-controls a + a {
  12599. margin-left: 4px;
  12600. }
  12601. .sheet.party .item-list.directory-list .item .item-summary {
  12602. flex-basis: 100%;
  12603. }
  12604. .sheet.party .item-list.directory-list .item.unidentified {
  12605. border-radius: 1px;
  12606. outline: 1px dotted rgba(75, 74, 68, 0.5);
  12607. background: var(--visibility-gm-bg);
  12608. }
  12609. .sheet.party .item-list.directory-list .item .button-group {
  12610. display: flex;
  12611. justify-content: flex-end;
  12612. align-items: center;
  12613. flex-wrap: nowrap;
  12614. width: 50%;
  12615. flex: 0;
  12616. }
  12617. .sheet.party .item-list.directory-list .item .button-group button {
  12618. margin: 0;
  12619. border: none;
  12620. cursor: pointer;
  12621. font-family: var(--sans-serif);
  12622. font-size: var(--font-size-10);
  12623. text-transform: uppercase;
  12624. letter-spacing: 0.05em;
  12625. text-rendering: optimizeLegibility;
  12626. padding: 5px;
  12627. color: var(--text-light);
  12628. width: 70px;
  12629. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  12630. background: var(--secondary);
  12631. border-radius: 2px;
  12632. flex: 0;
  12633. white-space: nowrap;
  12634. margin-left: 4px;
  12635. flex: 0;
  12636. }
  12637. .sheet.party .item-list.directory-list .item .button-group button:hover {
  12638. box-shadow: none;
  12639. text-shadow: 0 0 2px white;
  12640. }
  12641. .sheet.party .item-list.directory-list .item {
  12642. margin: 2px 0;
  12643. border: solid transparent;
  12644. border-width: 0 0 1px;
  12645. border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
  12646. }
  12647. .sheet.party .item-list.directory-list .item .item-summary {
  12648. margin-top: 8px;
  12649. }
  12650. .sheet.party header.content-header {
  12651. align-items: center;
  12652. background-color: var(--sub);
  12653. color: var(--text-light);
  12654. display: flex;
  12655. font-weight: 600;
  12656. margin-bottom: 0.5rem;
  12657. padding: 0 0.5rem;
  12658. line-height: 2.375rem;
  12659. }
  12660. .sheet.party header.content-header .buttons {
  12661. align-items: center;
  12662. display: flex;
  12663. margin-left: auto;
  12664. }
  12665. .sheet.party header.content-header button {
  12666. background-color: var(--tertiary);
  12667. border: 1px solid var(--alt-dark);
  12668. border-radius: 0;
  12669. color: var(--alt-dark);
  12670. min-width: 2.375rem;
  12671. height: 1.875rem;
  12672. margin: 0;
  12673. }
  12674. .sheet.party header.content-header button + button {
  12675. margin-left: -1px;
  12676. }
  12677. .sheet.party header.content-header button:hover {
  12678. z-index: 1;
  12679. }
  12680. .sheet.party .sidebar {
  12681. overflow: hidden scroll;
  12682. border-right: 1px solid #888;
  12683. box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  12684. display: flex;
  12685. flex-direction: column;
  12686. gap: 8px;
  12687. height: 100%;
  12688. padding: 0.5rem;
  12689. width: 13.5rem;
  12690. }
  12691. .sheet.party .sidebar .box-list {
  12692. margin: 0;
  12693. padding: 0;
  12694. display: flex;
  12695. color: var(--alt-dark);
  12696. flex-direction: column;
  12697. font-family: var(--sans-serif);
  12698. gap: 0.5rem;
  12699. list-style-type: none;
  12700. }
  12701. .sheet.party .sidebar .box {
  12702. border: 1px solid var(--color-border);
  12703. box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
  12704. font-family: var(--sans-serif);
  12705. border-radius: 3px;
  12706. font-size: var(--font-size-12);
  12707. }
  12708. .sheet.party .sidebar .box .summary-data > div {
  12709. align-items: center;
  12710. display: flex;
  12711. margin: 0.5rem;
  12712. }
  12713. .sheet.party .sidebar .box .summary-data > div label {
  12714. flex: 1;
  12715. font-weight: 600;
  12716. }
  12717. .sheet.party .sidebar .box .actor-link img {
  12718. border: none;
  12719. width: 2rem;
  12720. height: 2rem;
  12721. object-fit: contain;
  12722. }
  12723. .sheet.party .sidebar .box .name {
  12724. font-weight: 700;
  12725. overflow: hidden;
  12726. text-overflow: ellipsis;
  12727. white-space: nowrap;
  12728. }
  12729. .sheet.party .sidebar .box header,
  12730. .sheet.party .sidebar .box footer {
  12731. position: relative;
  12732. margin: -1px;
  12733. padding: 0 0.25rem;
  12734. }
  12735. .sheet.party .sidebar .box header {
  12736. background-color: var(--sub);
  12737. border-radius: 3px 3px 0 0;
  12738. color: var(--text-light);
  12739. font-weight: 700;
  12740. height: 1.125rem;
  12741. line-height: 1.125rem;
  12742. }
  12743. .sheet.party .sidebar .box footer {
  12744. background-color: var(--bg-dark);
  12745. border-radius: 0 0 3px 3px;
  12746. border: 1px solid var(--color-border);
  12747. border-top: none;
  12748. color: var(--sub);
  12749. font-weight: 500;
  12750. height: 1rem;
  12751. line-height: 1rem;
  12752. }
  12753. .sheet.party .tag-light {
  12754. --tag-color: var(--color-proficiency-untrained);
  12755. align-items: center;
  12756. border-radius: 2px;
  12757. border: 1px solid var(--tag-color);
  12758. color: var(--tag-color);
  12759. display: flex;
  12760. font: 700 var(--font-size-13)/1.25rem var(--sans-serif);
  12761. font-variant: all-small-caps;
  12762. gap: 0.125rem;
  12763. height: 1.25rem;
  12764. margin: 0;
  12765. padding: 0 0.25rem;
  12766. white-space: nowrap;
  12767. width: auto;
  12768. }
  12769. .sheet.party .tag-light .mod {
  12770. font-weight: 500;
  12771. }
  12772. .sheet.party [data-tab=inventory] .inventory-members .box .content {
  12773. align-items: center;
  12774. display: flex;
  12775. padding: 0.5rem;
  12776. overflow: hidden;
  12777. }
  12778. .sheet.party [data-tab=inventory] .inventory-members .box .content img {
  12779. grid-area: image;
  12780. margin-right: 0.4rem;
  12781. }
  12782. .sheet.party [data-tab=inventory] .inventory-members .box .content .sub-data {
  12783. display: flex;
  12784. flex-direction: column;
  12785. gap: 0.125rem;
  12786. }
  12787. .sheet.party [data-tab=inventory] .inventory-members .box footer {
  12788. align-items: center;
  12789. display: flex;
  12790. gap: 0.25rem;
  12791. }
  12792. .sheet.party [data-tab=inventory] .inventory-members .box footer i {
  12793. font-size: 0.8em;
  12794. }
  12795. .sheet.party [data-tab=inventory] .inventory-members .box .inventory-data {
  12796. display: flex;
  12797. gap: 0.25rem;
  12798. padding: 2px 3px;
  12799. font-size: var(--font-size-12);
  12800. }
  12801. .sheet.party [data-tab=inventory] .inventory {
  12802. flex: 1;
  12803. padding: 0.5rem 4px 0.5em 0.5em;
  12804. display: flex;
  12805. flex-direction: column;
  12806. height: 100%;
  12807. }
  12808. .sheet.party [data-tab=inventory] .inventory .item-controls {
  12809. max-width: 3.5rem;
  12810. }
  12811. .sheet.party [data-tab=overview] .content {
  12812. padding-top: 0.5rem;
  12813. padding-bottom: 0.25rem;
  12814. }
  12815. .sheet.party [data-tab=overview] .summary {
  12816. border-image-repeat: repeat;
  12817. border-image-slice: 11;
  12818. border-image-source: url("../assets/sheet/frame-elegant.svg");
  12819. border-image-width: 14px;
  12820. border-style: double;
  12821. display: flex;
  12822. flex-direction: column;
  12823. padding: 0.375rem 0.5rem;
  12824. margin: 0.25rem 1rem 0.25rem 12px;
  12825. }
  12826. .sheet.party [data-tab=overview] .summary nav {
  12827. color: var(--alt-dark);
  12828. display: flex;
  12829. gap: 0.25rem;
  12830. line-height: 1.25em;
  12831. margin-bottom: 0.375rem;
  12832. align-items: center;
  12833. }
  12834. .sheet.party [data-tab=overview] .summary nav button {
  12835. border: none;
  12836. font-size: var(--font-size-14);
  12837. font-weight: 500;
  12838. padding: 0 0.5rem;
  12839. white-space: nowrap;
  12840. width: auto;
  12841. }
  12842. .sheet.party [data-tab=overview] .summary nav button.active {
  12843. background: var(--secondary);
  12844. color: var(--text-light);
  12845. }
  12846. .sheet.party [data-tab=overview] .summary nav label {
  12847. margin-left: auto;
  12848. margin-right: 0.25rem;
  12849. }
  12850. .sheet.party [data-tab=overview] .summary .tags,
  12851. .sheet.party [data-tab=overview] .summary .skills {
  12852. margin: 0;
  12853. }
  12854. .sheet.party [data-tab=overview] .summary [hidden] {
  12855. display: none;
  12856. }
  12857. .sheet.party [data-tab=overview] .skills {
  12858. display: flex;
  12859. flex-wrap: wrap;
  12860. gap: 0.25rem;
  12861. }
  12862. .sheet.party [data-tab=overview] .skills .tag-light[data-rank="1"] {
  12863. --tag-color: var(--color-proficiency-trained);
  12864. }
  12865. .sheet.party [data-tab=overview] .skills .tag-light[data-rank="2"] {
  12866. --tag-color: var(--color-proficiency-expert);
  12867. }
  12868. .sheet.party [data-tab=overview] .skills .tag-light[data-rank="3"] {
  12869. --tag-color: var(--color-proficiency-master);
  12870. }
  12871. .sheet.party [data-tab=overview] .skills .tag-light[data-rank="4"] {
  12872. --tag-color: var(--color-proficiency-legendary);
  12873. }
  12874. .sheet.party [data-tab=overview] .skills .perception {
  12875. color: var(--text-light);
  12876. background-color: var(--tag-color);
  12877. }
  12878. .sheet.party [data-tab=overview] .member {
  12879. display: flex;
  12880. flex-direction: row;
  12881. font-family: var(--sans-serif);
  12882. padding: 0.5rem 1rem;
  12883. position: relative;
  12884. height: 7.375rem;
  12885. }
  12886. .sheet.party [data-tab=overview] .member:not(:last-child):after {
  12887. content: "";
  12888. background-color: rgba(68, 55, 48, 0.1);
  12889. width: 100%;
  12890. height: 1px;
  12891. position: absolute;
  12892. bottom: 0;
  12893. }
  12894. .sheet.party [data-tab=overview] .member > .portrait {
  12895. margin-right: 8px;
  12896. min-width: 5.5rem;
  12897. position: relative;
  12898. }
  12899. .sheet.party [data-tab=overview] .member > .portrait img {
  12900. position: absolute;
  12901. border: none;
  12902. height: 100%;
  12903. width: 100%;
  12904. object-fit: contain;
  12905. }
  12906. .sheet.party [data-tab=overview] .member > .portrait .health-bar {
  12907. background-color: var(--sub);
  12908. bottom: 0;
  12909. color: var(--text-light);
  12910. font-size: var(--font-size-12);
  12911. font-weight: 500;
  12912. height: 1.25rem;
  12913. line-height: 1.25rem;
  12914. position: absolute;
  12915. width: 100%;
  12916. }
  12917. .sheet.party [data-tab=overview] .member > .portrait .health-bar .bar {
  12918. position: absolute;
  12919. top: 0;
  12920. left: 0;
  12921. bottom: 0;
  12922. background-color: var(--primary);
  12923. box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
  12924. }
  12925. .sheet.party [data-tab=overview] .member > .portrait .health-bar .temp {
  12926. background-color: var(--secondary);
  12927. top: -0.25rem;
  12928. height: 0.25rem;
  12929. }
  12930. .sheet.party [data-tab=overview] .member > .portrait .health-bar span {
  12931. padding-left: 0.25rem;
  12932. position: relative;
  12933. }
  12934. .sheet.party [data-tab=overview] .member > .data {
  12935. width: 100%;
  12936. }
  12937. .sheet.party [data-tab=overview] .member > .data header {
  12938. border-left: 1px solid #c9bfa9;
  12939. display: grid;
  12940. grid: "name hero-points" "blurb hero-points"/auto max-content;
  12941. margin-bottom: 0.25rem;
  12942. padding-left: 0.5rem;
  12943. }
  12944. .sheet.party [data-tab=overview] .member > .data header .name {
  12945. align-items: center;
  12946. display: flex;
  12947. font: 600 var(--font-size-18)/1 var(--serif);
  12948. grid-area: name;
  12949. }
  12950. .sheet.party [data-tab=overview] .member > .data header .name i {
  12951. font-size: 0.8em;
  12952. margin-left: 0.125rem;
  12953. }
  12954. .sheet.party [data-tab=overview] .member > .data header .blurb {
  12955. align-items: center;
  12956. color: var(--alt-dark);
  12957. display: flex;
  12958. font: 500 var(--font-size-14)/var(--font-size-14) var(--sans-serif);
  12959. font-variant: all-small-caps;
  12960. gap: 0.25rem;
  12961. grid-area: blurb;
  12962. position: relative;
  12963. }
  12964. .sheet.party [data-tab=overview] .member > .data header .blurb hr.vr {
  12965. border: 1px solid var(--color-border);
  12966. height: 0.5rem;
  12967. position: relative;
  12968. top: 1px;
  12969. }
  12970. .sheet.party [data-tab=overview] .member > .data header .hero-points {
  12971. align-items: end;
  12972. display: flex;
  12973. gap: 3px;
  12974. grid-area: hero-points;
  12975. width: fit-content;
  12976. }
  12977. .sheet.party [data-tab=overview] .member > .data header .hero-points > * {
  12978. width: 1.5rem;
  12979. height: 1.5rem;
  12980. }
  12981. .sheet.party [data-tab=overview] .member > .data header .hero-points .empty {
  12982. border: 2px dashed rgba(0, 0, 0, 0.5);
  12983. border-radius: 50%;
  12984. }
  12985. .sheet.party [data-tab=overview] .member > .data header .hero-points img {
  12986. border: none;
  12987. }
  12988. .sheet.party [data-tab=overview] .member > .data .main-stats {
  12989. display: flex;
  12990. gap: 0.5rem;
  12991. margin: 0.125rem 0 0.25rem 0;
  12992. }
  12993. .sheet.party [data-tab=overview] .member > .data .main-stats > section {
  12994. border: 1px solid var(--color-border);
  12995. border-radius: 2px;
  12996. height: 2.625rem;
  12997. display: flex;
  12998. align-items: center;
  12999. justify-content: space-between;
  13000. flex: 1 1 0;
  13001. }
  13002. .sheet.party [data-tab=overview] .member > .data .main-stats .score {
  13003. display: flex;
  13004. flex-direction: column;
  13005. align-items: center;
  13006. justify-content: center;
  13007. font-size: var(--font-size-18);
  13008. }
  13009. .sheet.party [data-tab=overview] .member > .data .main-stats .score label {
  13010. font-size: var(--font-size-10);
  13011. font-weight: 500;
  13012. }
  13013. .sheet.party [data-tab=overview] .member > .data .main-stats .ac {
  13014. border: none;
  13015. position: relative;
  13016. flex: 0 0 2.25rem;
  13017. }
  13018. .sheet.party [data-tab=overview] .member > .data .main-stats .ac::before {
  13019. content: " ";
  13020. position: absolute;
  13021. inset: 0;
  13022. background: url("../assets/sheet/shield-clear.svg") no-repeat center center;
  13023. background-size: contain;
  13024. }
  13025. .sheet.party [data-tab=overview] .member > .data .main-stats .ac .value {
  13026. color: var(--color-proficiency-trained);
  13027. font-weight: 700;
  13028. }
  13029. .sheet.party [data-tab=overview] .member > .data .main-stats .saving-throws {
  13030. flex: 0 0 9.5rem;
  13031. }
  13032. .sheet.party [data-tab=overview] .member > .data .main-stats .saving-throws .score {
  13033. flex: 1;
  13034. font-weight: 500;
  13035. }
  13036. .sheet.party [data-tab=overview] .member > .data .main-stats .senses {
  13037. align-items: center;
  13038. flex: 1.4;
  13039. overflow: hidden;
  13040. }
  13041. .sheet.party [data-tab=overview] .member > .data .main-stats .senses .value {
  13042. align-items: center;
  13043. display: flex;
  13044. font-size: var(--font-size-12);
  13045. gap: 0.125rem;
  13046. overflow-x: auto;
  13047. max-width: 100%;
  13048. padding: 0 0.5rem;
  13049. padding-bottom: 7px;
  13050. margin-bottom: -7px;
  13051. }
  13052. .sheet.party [data-tab=overview] .member > .data .main-stats .senses .value [data-acuity=imprecise],
  13053. .sheet.party [data-tab=overview] .member > .data .main-stats .senses .value [data-acuity=vague] {
  13054. border-style: dashed;
  13055. }
  13056. .sheet.party [data-tab=exploration] .exploration-members .actor-link {
  13057. display: flex;
  13058. align-items: center;
  13059. gap: 0.25rem;
  13060. }
  13061. .sheet.party [data-tab=exploration] .exploration-members .member .sub-data {
  13062. display: flex;
  13063. flex-direction: row;
  13064. background-color: rgba(68, 55, 48, 0.1);
  13065. font-size: var(--font-size-11);
  13066. font-weight: 500;
  13067. }
  13068. .sheet.party [data-tab=exploration] .exploration-members .member .sub-data > span {
  13069. flex: 1;
  13070. text-align: center;
  13071. padding: 0.2rem;
  13072. }
  13073. .sheet.party [data-tab=exploration] .exploration-members .member .sub-data > span:not(:last-child) {
  13074. border-right: 1px solid rgba(68, 55, 48, 0.1);
  13075. }
  13076. .sheet.party [data-tab=exploration] .exploration-members .member footer.health-bar {
  13077. background-color: var(--sub);
  13078. color: var(--text-light);
  13079. }
  13080. .sheet.party [data-tab=exploration] .exploration-members .member footer.health-bar .bar {
  13081. position: absolute;
  13082. top: 0;
  13083. left: 0;
  13084. bottom: 0;
  13085. background-color: var(--primary);
  13086. border-radius: 0 0 3px 3px;
  13087. box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
  13088. }
  13089. .sheet.party [data-tab=exploration] .exploration-members .member footer.health-bar span {
  13090. position: relative;
  13091. }
  13092. .sheet.party [data-tab=exploration] .content {
  13093. padding: 0.5rem;
  13094. }
  13095. .sheet.party [data-tab=exploration] .activities {
  13096. display: flex;
  13097. flex-direction: column;
  13098. gap: 0.5rem;
  13099. }
  13100. .sheet.party [data-tab=exploration] .activities .member-activity {
  13101. border-image-repeat: repeat;
  13102. border-image-slice: 11;
  13103. border-image-source: url("../assets/sheet/frame-elegant.svg");
  13104. border-image-width: 14px;
  13105. border-style: double;
  13106. display: flex;
  13107. align-items: center;
  13108. }
  13109. .sheet.party [data-tab=exploration] .activities .member-activity img {
  13110. object-fit: contain;
  13111. border: none;
  13112. }
  13113. .sheet.party [data-tab=exploration] .activities .member-activity .actor-image {
  13114. flex: 0 0 auto;
  13115. }
  13116. .sheet.party [data-tab=exploration] .activities .member-activity .actor-image img {
  13117. width: 4rem;
  13118. height: 4rem;
  13119. margin: 0.375rem;
  13120. display: flex;
  13121. align-items: center;
  13122. justify-content: center;
  13123. }
  13124. .sheet.party [data-tab=exploration] .activities .member-activity .actor-image img i {
  13125. color: var(--text-dark);
  13126. font-size: var(--font-size-30);
  13127. }
  13128. .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries {
  13129. display: flex;
  13130. flex-direction: column;
  13131. gap: 0.125rem;
  13132. overflow: hidden;
  13133. }
  13134. .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity {
  13135. align-items: center;
  13136. display: flex;
  13137. gap: 0 0.5rem;
  13138. margin-left: 0.25rem;
  13139. white-space: nowrap;
  13140. }
  13141. .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity .name {
  13142. font-weight: 500;
  13143. }
  13144. .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity .tags {
  13145. flex-wrap: nowrap;
  13146. overflow: hidden;
  13147. }
  13148. .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity.single {
  13149. align-items: start;
  13150. flex-direction: column;
  13151. }
  13152. .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity.single .name {
  13153. font-size: var(--font-size-16);
  13154. }
  13155. .sheet.party [data-tab=exploration] .activities .member-activity .empty {
  13156. align-items: center;
  13157. cursor: pointer;
  13158. display: flex;
  13159. font-family: var(--serif);
  13160. gap: 0.5rem;
  13161. }
  13162. .sheet.party [data-tab=exploration] .activities .member-activity .empty div {
  13163. margin: 0;
  13164. }
  13165. .sheet.party [data-tab=exploration] .activities .member-activity .empty .icon {
  13166. border: 1px dashed var(--color-border);
  13167. border-radius: 50%;
  13168. display: flex;
  13169. align-items: center;
  13170. justify-content: center;
  13171. font-size: var(--font-size-14);
  13172. height: 2.125rem;
  13173. width: 2.125rem;
  13174. }
  13175. .sheet.party [data-tab=exploration] .activities .member-activity .empty .name {
  13176. color: var(--primary-dark);
  13177. font-size: var(--font-size-16);
  13178. line-height: 1em;
  13179. }
  13180. .sheet.party [data-tab=exploration] .activities .member-activity .empty .hint {
  13181. color: var(--alt-dark);
  13182. line-height: 1em;
  13183. }
  13184. .sheet.party [data-tab=orphaned] .item-list {
  13185. margin: 16px;
  13186. }
  13187. .sheet.kingdom {
  13188. --paper-bg: rgba(221, 216, 200, 0.4);
  13189. --drop-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  13190. --gold: #ffd700;
  13191. --color-divider: rgba(68, 55, 48, 0.2);
  13192. /** White background navigation with little decorations on the left and right */
  13193. }
  13194. .sheet.kingdom form {
  13195. display: flex;
  13196. flex-direction: column;
  13197. height: 100%;
  13198. background: url("../assets/sheet/background.webp");
  13199. background-repeat: no-repeat;
  13200. background-size: cover;
  13201. background-attachment: local;
  13202. }
  13203. .sheet.kingdom form > header {
  13204. background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
  13205. background-repeat: repeat-x, no-repeat;
  13206. background-size: cover;
  13207. background-color: #66bc1a;
  13208. background-blend-mode: multiply;
  13209. color: var(--text-light);
  13210. width: 100%;
  13211. font-family: var(--sans-serif);
  13212. font-weight: 600;
  13213. display: flex;
  13214. justify-content: space-between;
  13215. align-items: center;
  13216. padding: 0 0.75rem;
  13217. gap: 0.75rem;
  13218. box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  13219. }
  13220. .sheet.kingdom form > header .frame-container {
  13221. padding: 4px;
  13222. margin: 0.75rem 0;
  13223. }
  13224. .sheet.kingdom form > header .frame-container .frame {
  13225. position: relative;
  13226. width: 3.25rem;
  13227. height: 3.25rem;
  13228. }
  13229. .sheet.kingdom form > header .frame-container .player-image {
  13230. object-fit: cover;
  13231. object-position: top;
  13232. border: none;
  13233. border-radius: 0;
  13234. width: 3.25rem;
  13235. height: 3.25rem;
  13236. cursor: pointer;
  13237. border: none;
  13238. box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
  13239. }
  13240. .sheet.kingdom form > header .details {
  13241. display: grid;
  13242. grid-template: "title title title title level" auto "capital size rp fame level" auto/1fr auto auto auto auto;
  13243. align-items: center;
  13244. gap: 0 4px;
  13245. font-size: var(--font-size-22);
  13246. font-family: var(--serif-condensed);
  13247. font-weight: 700;
  13248. margin: 4px 0;
  13249. flex: 1;
  13250. }
  13251. .sheet.kingdom form > header .details input[type=text],
  13252. .sheet.kingdom form > header .details input[type=number] {
  13253. color: var(--text-light);
  13254. border: none;
  13255. border-bottom: 1px solid transparent;
  13256. padding: 0;
  13257. height: unset;
  13258. }
  13259. .sheet.kingdom form > header .details input[type=text]:hover, .sheet.kingdom form > header .details input[type=text]:focus,
  13260. .sheet.kingdom form > header .details input[type=number]:hover,
  13261. .sheet.kingdom form > header .details input[type=number]:focus {
  13262. border: none;
  13263. border-bottom: 1px solid var(--text-light);
  13264. box-shadow: none;
  13265. }
  13266. .sheet.kingdom form > header .details input[type=text]::placeholder,
  13267. .sheet.kingdom form > header .details input[type=number]::placeholder {
  13268. color: #bbb;
  13269. opacity: 0.4;
  13270. }
  13271. .sheet.kingdom form > header .details .title {
  13272. display: flex;
  13273. grid-area: title;
  13274. gap: 1rem;
  13275. font-size: var(--font-size-30);
  13276. }
  13277. .sheet.kingdom form > header .details label {
  13278. align-items: baseline;
  13279. display: flex;
  13280. gap: 0.5rem;
  13281. white-space: nowrap;
  13282. }
  13283. .sheet.kingdom form > header .details label span {
  13284. color: var(--gold);
  13285. font-size: 0.8em;
  13286. text-transform: uppercase;
  13287. }
  13288. .sheet.kingdom form > header .details .capital {
  13289. grid-area: capital;
  13290. }
  13291. .sheet.kingdom form > header .details .size {
  13292. grid-area: size;
  13293. margin-left: 0.5rem;
  13294. }
  13295. .sheet.kingdom form > header .details .size input {
  13296. width: 3ch;
  13297. text-align: center;
  13298. }
  13299. .sheet.kingdom form > header .details .resource-points {
  13300. grid-area: rp;
  13301. margin-left: 1rem;
  13302. }
  13303. .sheet.kingdom form > header .details .resource-points input {
  13304. width: 3ch;
  13305. text-align: center;
  13306. }
  13307. .sheet.kingdom form > header .details .fame {
  13308. align-items: center;
  13309. display: flex;
  13310. grid-area: fame;
  13311. margin-left: 0.25rem;
  13312. }
  13313. .sheet.kingdom form > header .details .fame .pips {
  13314. font-size: var(--font-size-12);
  13315. }
  13316. .sheet.kingdom form > header .details .level {
  13317. grid-area: level;
  13318. }
  13319. .sheet.kingdom form > header section.level {
  13320. display: flex;
  13321. justify-content: flex-start;
  13322. margin-left: 1rem;
  13323. text-transform: uppercase;
  13324. }
  13325. .sheet.kingdom form > header section.level .level {
  13326. position: relative;
  13327. display: flex;
  13328. justify-content: center;
  13329. align-items: center;
  13330. flex-direction: column;
  13331. height: 43px;
  13332. width: 40px;
  13333. background: url("../assets/sheet/level-badge.webp") no-repeat;
  13334. background-size: 40px 43px;
  13335. z-index: 2;
  13336. font-size: 0;
  13337. padding-top: 2px;
  13338. }
  13339. .sheet.kingdom form > header section.level .level label {
  13340. color: var(--sidebar-label);
  13341. font-family: var(--sans-serif);
  13342. font-size: var(--font-size-10);
  13343. text-transform: uppercase;
  13344. letter-spacing: 0.05em;
  13345. text-rendering: optimizeLegibility;
  13346. line-height: 1.5;
  13347. }
  13348. .sheet.kingdom form > header section.level .level input {
  13349. font-family: var(--serif);
  13350. font-size: var(--font-size-22);
  13351. font-weight: 400;
  13352. color: var(--text-light);
  13353. line-height: calc(1em + 1px);
  13354. height: 24px;
  13355. }
  13356. .sheet.kingdom form > header section.level .level label,
  13357. .sheet.kingdom form > header section.level .level input {
  13358. margin-left: 1px;
  13359. text-align: center;
  13360. }
  13361. .sheet.kingdom form > header section.level .exp-data {
  13362. display: flex;
  13363. flex-direction: column;
  13364. justify-content: flex-end;
  13365. position: relative;
  13366. width: 6rem;
  13367. }
  13368. .sheet.kingdom form > header section.level .exp-data .exp-input {
  13369. font-size: var(--font-size-13);
  13370. height: 1.5em;
  13371. margin-bottom: 0.5rem;
  13372. }
  13373. .sheet.kingdom form > header section.level .exp-data .exp-input input {
  13374. color: var(--text-light);
  13375. font-family: var(--sans-serif);
  13376. text-align: right;
  13377. width: 3em;
  13378. }
  13379. .sheet.kingdom form > header section.level .exp-data .exp-input .slash {
  13380. color: var(--sidebar-label);
  13381. }
  13382. .sheet.kingdom form > header section.level .exp-data progress {
  13383. background-color: unset;
  13384. border: 1px solid rgba(255, 255, 255, 0.1);
  13385. border-left: none;
  13386. bottom: 7px;
  13387. box-shadow: 0 0 2px var(--sidebar-label);
  13388. height: 5px;
  13389. left: -9px;
  13390. position: relative;
  13391. width: 100%;
  13392. }
  13393. .sheet.kingdom form > header section.level .exp-data progress::-moz-progress-bar {
  13394. background: var(--sidebar-title);
  13395. }
  13396. .sheet.kingdom form > header section.level .exp-data progress::-webkit-progress-bar {
  13397. background: rgba(0, 0, 0, 0.2);
  13398. }
  13399. .sheet.kingdom form > header section.level .exp-data progress::-webkit-progress-value {
  13400. background: var(--sidebar-title);
  13401. }
  13402. .sheet.kingdom nav.sheet-navigation {
  13403. display: inline-flex;
  13404. justify-content: center;
  13405. align-items: center;
  13406. height: 20px;
  13407. background: var(--secondary);
  13408. background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
  13409. transition: all 0.1s ease-out;
  13410. box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  13411. border-top: 1px solid rgba(255, 255, 255, 0.1);
  13412. border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  13413. position: relative;
  13414. }
  13415. .sheet.kingdom nav.sheet-navigation .navigation-title {
  13416. color: var(--text-light);
  13417. margin-right: auto;
  13418. padding-left: 1em;
  13419. white-space: nowrap;
  13420. width: 7em;
  13421. }
  13422. .sheet.kingdom nav.sheet-navigation > a {
  13423. display: flex;
  13424. justify-content: center;
  13425. align-items: center;
  13426. margin: 0 6px;
  13427. font-size: var(--font-size-12);
  13428. }
  13429. .sheet.kingdom nav.sheet-navigation .item {
  13430. height: 24px;
  13431. width: 24px;
  13432. border-radius: 50%;
  13433. z-index: 1;
  13434. transition: all 0.1s ease-out;
  13435. color: var(--tertiary);
  13436. fill: var(--tertiary);
  13437. background-image: url("../assets/sheet/nav-item-inactive.webp");
  13438. background-size: contain;
  13439. /* prettier-ignore */
  13440. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25);
  13441. }
  13442. .sheet.kingdom nav.sheet-navigation .item.active {
  13443. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary);
  13444. }
  13445. .sheet.kingdom nav.sheet-navigation .item:last-child {
  13446. margin-right: 10px;
  13447. }
  13448. .sheet.kingdom nav.sheet-navigation .item:hover, .sheet.kingdom nav.sheet-navigation .item.active {
  13449. z-index: 2;
  13450. transform: scale(1.2);
  13451. color: var(--text-light);
  13452. fill: var(--text-light);
  13453. background-image: url("../assets/sheet/nav-item.webp");
  13454. }
  13455. .sheet.kingdom nav.sheet-navigation .item .fas {
  13456. padding-bottom: 0;
  13457. }
  13458. .sheet.kingdom nav.sheet-navigation .item:hover .pfs-icon {
  13459. filter: drop-shadow(0 0 8px var(--color-shadow-primary));
  13460. }
  13461. .sheet.kingdom nav.sheet-navigation .item .action-glyph {
  13462. font-size: 1rem;
  13463. }
  13464. .sheet.kingdom nav.sub-nav {
  13465. margin: 0;
  13466. padding: 0;
  13467. display: flex;
  13468. flex-wrap: nowrap;
  13469. justify-content: center;
  13470. align-items: center;
  13471. list-style: none;
  13472. background-color: var(--bg);
  13473. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  13474. width: 100%;
  13475. flex: 0 0 2.5rem;
  13476. }
  13477. .sheet.kingdom nav.sub-nav::before, .sheet.kingdom nav.sub-nav::after {
  13478. content: "";
  13479. width: 37px;
  13480. height: 16px;
  13481. background: url("../assets/sheet/sub-nav-decoration.webp");
  13482. margin: 0 16px;
  13483. }
  13484. .sheet.kingdom nav.sub-nav::after {
  13485. transform: scaleX(-100%);
  13486. }
  13487. .sheet.kingdom nav.sub-nav a,
  13488. .sheet.kingdom nav.sub-nav .tab {
  13489. border-left: 1px solid rgba(255, 255, 255, 0.3);
  13490. border-right: 1px solid rgba(0, 0, 0, 0.2);
  13491. color: var(--alt);
  13492. cursor: pointer;
  13493. display: block;
  13494. font: 400 var(--font-size-16) var(--serif);
  13495. flex: 1;
  13496. margin: 0 0.25rem;
  13497. max-width: 30%;
  13498. text-align: center;
  13499. text-decoration: none;
  13500. transition: all 0.1s ease-out;
  13501. }
  13502. .sheet.kingdom nav.sub-nav a.active,
  13503. .sheet.kingdom nav.sub-nav .tab.active {
  13504. color: var(--primary);
  13505. font-weight: 600;
  13506. }
  13507. .sheet.kingdom nav.sub-nav a:first-child,
  13508. .sheet.kingdom nav.sub-nav .tab:first-child {
  13509. border-left: none;
  13510. }
  13511. .sheet.kingdom nav.sub-nav a:last-child,
  13512. .sheet.kingdom nav.sub-nav .tab:last-child {
  13513. border-right: none;
  13514. }
  13515. .sheet.kingdom nav.sub-nav a:hover,
  13516. .sheet.kingdom nav.sub-nav .tab:hover {
  13517. text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
  13518. }
  13519. .sheet.kingdom .tab nav.sub-nav {
  13520. padding-right: 20px;
  13521. }
  13522. .sheet.kingdom .container {
  13523. height: 100%;
  13524. overflow: hidden;
  13525. }
  13526. .sheet.kingdom input.adjusted-higher {
  13527. color: #009988;
  13528. }
  13529. .sheet.kingdom input.adjusted-lower {
  13530. color: #cc3311;
  13531. }
  13532. .sheet.kingdom .content {
  13533. overflow: hidden scroll;
  13534. flex: 1;
  13535. }
  13536. .sheet.kingdom .tab.active {
  13537. display: flex;
  13538. height: 100%;
  13539. }
  13540. .sheet.kingdom [hidden] {
  13541. display: none !important;
  13542. }
  13543. .sheet.kingdom .drag-gap {
  13544. visibility: hidden;
  13545. }
  13546. .sheet.kingdom .sidebar {
  13547. overflow: hidden scroll;
  13548. border-right: 1px solid #888;
  13549. box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  13550. display: flex;
  13551. flex-direction: column;
  13552. gap: 8px;
  13553. height: 100%;
  13554. padding: 0.5rem;
  13555. width: 13.5rem;
  13556. }
  13557. .sheet.kingdom .sidebar .box {
  13558. border: 1px solid rgba(0, 0, 0, 0.28);
  13559. filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.18));
  13560. font-family: var(--sans-serif);
  13561. border-radius: 3px;
  13562. font-size: var(--font-size-12);
  13563. }
  13564. .sheet.kingdom .sidebar .box header,
  13565. .sheet.kingdom .sidebar .box footer {
  13566. margin: -1px;
  13567. padding: 0.25rem;
  13568. }
  13569. .sheet.kingdom .sidebar .box header {
  13570. background-color: var(--sub);
  13571. border-radius: 3px 3px 0 0;
  13572. color: var(--text-light);
  13573. font-weight: 700;
  13574. }
  13575. .sheet.kingdom .sidebar .box footer {
  13576. background-color: var(--bg-dark);
  13577. border-radius: 0 0 3px 3px;
  13578. color: var(--sub);
  13579. border: 1px solid rgba(0, 0, 0, 0.28);
  13580. border-top: none;
  13581. }
  13582. .sheet.kingdom .tag-light {
  13583. --tag-color: var(--color-proficiency-untrained);
  13584. border: 1px solid var(--tag-color);
  13585. border-radius: 2px;
  13586. color: var(--tag-color);
  13587. padding: 0 4px 0.1em 4px;
  13588. height: 1.25rem;
  13589. white-space: nowrap;
  13590. font-size: var(--font-size-13);
  13591. font-variant: all-small-caps;
  13592. font-weight: 500;
  13593. display: flex;
  13594. align-items: center;
  13595. }
  13596. .sheet.kingdom .directory-list {
  13597. padding: 0;
  13598. margin: 0;
  13599. }
  13600. .sheet.kingdom .directory-list h4 {
  13601. padding: 0;
  13602. margin: 0;
  13603. }
  13604. .sheet.kingdom .effects .directory-list {
  13605. gap: 0.2em;
  13606. display: flex;
  13607. flex-direction: column;
  13608. width: 100%;
  13609. }
  13610. .sheet.kingdom .effects .directory-list .item {
  13611. display: flex;
  13612. flex-wrap: wrap;
  13613. align-items: center;
  13614. justify-content: space-between;
  13615. padding: 2px 4px 2px 12px;
  13616. width: 100%;
  13617. }
  13618. .sheet.kingdom .effects .directory-list .item p:empty {
  13619. display: none;
  13620. }
  13621. .sheet.kingdom .effects .directory-list .item .item-name {
  13622. display: flex;
  13623. align-items: center;
  13624. flex: 1;
  13625. }
  13626. .sheet.kingdom .effects .directory-list .item .item-name h4 {
  13627. cursor: pointer;
  13628. margin: 0;
  13629. }
  13630. .sheet.kingdom .effects .directory-list .item .item-name .item-image {
  13631. margin-right: 8px;
  13632. }
  13633. .sheet.kingdom .effects .directory-list .item .item-controls {
  13634. display: flex;
  13635. flex: 0;
  13636. font-size: var(--font-size-12);
  13637. gap: 1px;
  13638. white-space: nowrap;
  13639. }
  13640. .sheet.kingdom .effects .directory-list .item .item-controls a.info-only:hover {
  13641. cursor: default;
  13642. text-shadow: none;
  13643. }
  13644. .sheet.kingdom .effects .directory-list .item .item-controls a + a {
  13645. margin-left: 4px;
  13646. }
  13647. .sheet.kingdom .effects .directory-list .item .item-summary {
  13648. flex-basis: 100%;
  13649. }
  13650. .sheet.kingdom .effects .directory-list .item.unidentified {
  13651. border-radius: 1px;
  13652. outline: 1px dotted rgba(75, 74, 68, 0.5);
  13653. background: var(--visibility-gm-bg);
  13654. }
  13655. .sheet.kingdom .effects .directory-list .item .button-group {
  13656. display: flex;
  13657. justify-content: flex-end;
  13658. align-items: center;
  13659. flex-wrap: nowrap;
  13660. width: 50%;
  13661. flex: 0;
  13662. }
  13663. .sheet.kingdom .effects .directory-list .item .button-group button {
  13664. margin: 0;
  13665. border: none;
  13666. cursor: pointer;
  13667. font-family: var(--sans-serif);
  13668. font-size: var(--font-size-10);
  13669. text-transform: uppercase;
  13670. letter-spacing: 0.05em;
  13671. text-rendering: optimizeLegibility;
  13672. padding: 5px;
  13673. color: var(--text-light);
  13674. width: 70px;
  13675. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  13676. background: var(--secondary);
  13677. border-radius: 2px;
  13678. flex: 0;
  13679. white-space: nowrap;
  13680. margin-left: 4px;
  13681. flex: 0;
  13682. }
  13683. .sheet.kingdom .effects .directory-list .item .button-group button:hover {
  13684. box-shadow: none;
  13685. text-shadow: 0 0 2px white;
  13686. }
  13687. .sheet.kingdom .effects .directory-list .item {
  13688. margin: 2px 0;
  13689. border: solid transparent;
  13690. border-width: 0 0 1px;
  13691. border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
  13692. }
  13693. .sheet.kingdom .effects .directory-list .item .item-summary {
  13694. margin-top: 8px;
  13695. }
  13696. .sheet.kingdom h3.header {
  13697. position: relative;
  13698. margin-top: 0.75em;
  13699. font-size: var(--font-size-16);
  13700. font-family: var(--serif);
  13701. font-weight: 600;
  13702. color: var(--primary);
  13703. line-height: 1;
  13704. border-bottom: 1px solid var(--color-border-divider);
  13705. }
  13706. .sheet.kingdom h3.header > button, .sheet.kingdom h3.header > .controls {
  13707. position: absolute;
  13708. bottom: -1px;
  13709. right: 0;
  13710. }
  13711. .sheet.kingdom h3.header .controls {
  13712. display: flex;
  13713. }
  13714. .sheet.kingdom h3.header button {
  13715. background: transparent;
  13716. border-radius: 2px 2px 0 0;
  13717. border: 1px solid var(--color-border-divider);
  13718. color: var(--primary);
  13719. cursor: pointer;
  13720. font-family: var(--sans-serif);
  13721. font-size: var(--font-size-12);
  13722. font-weight: 500;
  13723. height: 20px;
  13724. line-height: var(--font-size-12);
  13725. margin: 0;
  13726. outline: none;
  13727. text-transform: uppercase;
  13728. width: auto;
  13729. }
  13730. .sheet.kingdom button.small-button,
  13731. .sheet.kingdom select.proficiency,
  13732. .sheet.kingdom span.proficiency {
  13733. font-family: var(--sans-serif);
  13734. font-size: var(--font-size-10);
  13735. text-transform: uppercase;
  13736. letter-spacing: 0.05em;
  13737. text-rendering: optimizeLegibility;
  13738. align-items: center;
  13739. background: var(--color-proficiency-untrained);
  13740. border: 1px solid rgba(0, 0, 0, 0.5);
  13741. border-radius: 2px;
  13742. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  13743. color: var(--text-light);
  13744. display: flex;
  13745. font-weight: 500;
  13746. height: unset;
  13747. justify-content: center;
  13748. line-height: unset;
  13749. padding: 1px 2px 1px 2px;
  13750. }
  13751. .sheet.kingdom .proficiency {
  13752. text-align-last: center;
  13753. appearance: none;
  13754. }
  13755. .sheet.kingdom .proficiency.readonly {
  13756. pointer-events: none;
  13757. }
  13758. .sheet.kingdom .proficiency option[value="0"] {
  13759. background: var(--color-proficiency-untrained);
  13760. }
  13761. .sheet.kingdom .proficiency[data-rank="1"],
  13762. .sheet.kingdom .proficiency option[value="1"] {
  13763. background: var(--color-proficiency-trained);
  13764. }
  13765. .sheet.kingdom .proficiency[data-rank="2"],
  13766. .sheet.kingdom .proficiency option[value="2"] {
  13767. background: var(--color-proficiency-expert);
  13768. }
  13769. .sheet.kingdom .proficiency[data-rank="3"],
  13770. .sheet.kingdom .proficiency option[value="3"] {
  13771. background: var(--color-proficiency-master);
  13772. }
  13773. .sheet.kingdom .proficiency[data-rank="4"],
  13774. .sheet.kingdom .proficiency option[value="4"] {
  13775. background: var(--color-proficiency-legendary);
  13776. }
  13777. .sheet.kingdom select.proficiency {
  13778. cursor: pointer;
  13779. }
  13780. .sheet.kingdom .tab.active[data-tab=main] {
  13781. overflow: hidden scroll;
  13782. flex-direction: column;
  13783. }
  13784. .sheet.kingdom .tab.active[data-tab=main] input[type=text],
  13785. .sheet.kingdom .tab.active[data-tab=main] input[type=number] {
  13786. border: none;
  13787. }
  13788. .sheet.kingdom .tab.active[data-tab=main] .content {
  13789. display: grid;
  13790. grid-template: "leaders resources" 1fr "leaders abilities" min-content/0.9fr 1fr;
  13791. width: 100%;
  13792. gap: 0 1rem;
  13793. padding: 0.5rem;
  13794. flex: 0 0 auto;
  13795. }
  13796. .sheet.kingdom .tab.active[data-tab=main] .leaders {
  13797. grid-area: leaders;
  13798. }
  13799. .sheet.kingdom .tab.active[data-tab=main] .leaders .leader {
  13800. display: grid;
  13801. grid-template-areas: "img name" "img label";
  13802. grid-template-columns: auto 1fr;
  13803. grid-template-rows: 1fr auto;
  13804. }
  13805. .sheet.kingdom .tab.active[data-tab=main] .leaders .leader:not(:last-child) {
  13806. margin-bottom: 0.375rem;
  13807. }
  13808. .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .image {
  13809. border: none;
  13810. border-radius: 2px;
  13811. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
  13812. grid-area: img;
  13813. width: 2.75rem;
  13814. height: 2.75rem;
  13815. z-index: 1;
  13816. }
  13817. .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .image img {
  13818. border: none;
  13819. width: 100%;
  13820. height: 100%;
  13821. }
  13822. .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .name {
  13823. grid-area: name;
  13824. background: rgba(0, 0, 0, 0.025);
  13825. padding: 0 8px;
  13826. border: 0;
  13827. height: auto;
  13828. line-height: 1.5em;
  13829. height: 1.5em;
  13830. align-self: end;
  13831. display: flex;
  13832. justify-content: space-between;
  13833. }
  13834. .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .details {
  13835. grid-area: label;
  13836. align-self: flex-end;
  13837. align-items: center;
  13838. display: flex;
  13839. justify-content: space-between;
  13840. background: var(--paper-bg);
  13841. box-shadow: var(--drop-shadow);
  13842. font-size: var(--font-size-12);
  13843. padding: 0 8px;
  13844. position: relative;
  13845. margin-bottom: 1px;
  13846. height: 1.5rem;
  13847. }
  13848. .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .details .role {
  13849. font-variant: small-caps;
  13850. font-weight: 500;
  13851. }
  13852. .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .invested,
  13853. .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .vacant {
  13854. font-size: var(--font-size-12);
  13855. }
  13856. .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .invested input,
  13857. .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .vacant input {
  13858. margin: 0;
  13859. width: 1em;
  13860. height: 1em;
  13861. }
  13862. .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .invested i,
  13863. .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .vacant i {
  13864. font-size: 1.2em;
  13865. }
  13866. .sheet.kingdom .tab.active[data-tab=main] .resources {
  13867. grid-area: resources;
  13868. }
  13869. .sheet.kingdom .tab.active[data-tab=main] .resources input[type=number] {
  13870. width: 3ch;
  13871. text-align: center;
  13872. padding-left: 0;
  13873. padding-right: 0;
  13874. }
  13875. .sheet.kingdom .tab.active[data-tab=main] .resources .resource-data {
  13876. background: var(--paper-bg);
  13877. box-shadow: var(--drop-shadow);
  13878. display: grid;
  13879. grid-template: "resource resource" min-content "commodities stats" 1fr/auto 1fr;
  13880. }
  13881. .sheet.kingdom .tab.active[data-tab=main] .resources .resource-data .resource-dice {
  13882. grid-area: resource;
  13883. }
  13884. .sheet.kingdom .tab.active[data-tab=main] .resources .resource-data .commodities {
  13885. grid-area: commodities;
  13886. }
  13887. .sheet.kingdom .tab.active[data-tab=main] .resources .resource-data .stats {
  13888. grid-area: stats;
  13889. }
  13890. .sheet.kingdom .tab.active[data-tab=main] .resources .resource-dice {
  13891. align-items: center;
  13892. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  13893. display: flex;
  13894. gap: 0.25rem;
  13895. padding: 0 0.5rem;
  13896. }
  13897. .sheet.kingdom .tab.active[data-tab=main] .resources .resource-dice .rollable {
  13898. flex: 1;
  13899. }
  13900. .sheet.kingdom .tab.active[data-tab=main] .resources .resource-dice input {
  13901. width: 2ch;
  13902. text-align: center;
  13903. }
  13904. .sheet.kingdom .tab.active[data-tab=main] .resources .commodities,
  13905. .sheet.kingdom .tab.active[data-tab=main] .resources .stats {
  13906. padding: 0.25rem 0.5rem;
  13907. white-space: nowrap;
  13908. }
  13909. .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > label, .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > div,
  13910. .sheet.kingdom .tab.active[data-tab=main] .resources .commodities input[type=number],
  13911. .sheet.kingdom .tab.active[data-tab=main] .resources .stats > label,
  13912. .sheet.kingdom .tab.active[data-tab=main] .resources .stats > div,
  13913. .sheet.kingdom .tab.active[data-tab=main] .resources .stats input[type=number] {
  13914. height: 1.5em;
  13915. line-height: 1.5em;
  13916. }
  13917. .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > label .number, .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > div .number,
  13918. .sheet.kingdom .tab.active[data-tab=main] .resources .commodities input[type=number] .number,
  13919. .sheet.kingdom .tab.active[data-tab=main] .resources .stats > label .number,
  13920. .sheet.kingdom .tab.active[data-tab=main] .resources .stats > div .number,
  13921. .sheet.kingdom .tab.active[data-tab=main] .resources .stats input[type=number] .number {
  13922. display: inline-block;
  13923. width: 3ch;
  13924. text-align: center;
  13925. }
  13926. .sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity {
  13927. align-items: center;
  13928. display: flex;
  13929. gap: 0.25rem;
  13930. }
  13931. .sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity .type {
  13932. width: 4.25rem;
  13933. }
  13934. .sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity .value-max {
  13935. align-items: center;
  13936. display: flex;
  13937. gap: 0.125rem;
  13938. flex: 1;
  13939. }
  13940. .sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity .value-max input {
  13941. width: 2ch;
  13942. }
  13943. .sheet.kingdom .tab.active[data-tab=main] .resources .stats {
  13944. justify-self: end;
  13945. text-align: end;
  13946. }
  13947. .sheet.kingdom .tab.active[data-tab=main] .ability-scores {
  13948. grid-area: abilities;
  13949. flex: 0;
  13950. }
  13951. .sheet.kingdom .tab.active[data-tab=main] .ability-scores input {
  13952. height: auto;
  13953. }
  13954. .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability {
  13955. display: flex;
  13956. flex-direction: row;
  13957. align-items: end;
  13958. width: 100%;
  13959. }
  13960. .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability:not(:last-child) {
  13961. margin-bottom: 0.375rem;
  13962. }
  13963. .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .score {
  13964. display: flex;
  13965. flex-direction: column;
  13966. justify-content: center;
  13967. align-items: center;
  13968. background: var(--paper-bg);
  13969. box-shadow: var(--drop-shadow);
  13970. width: 4.5rem;
  13971. text-align: center;
  13972. padding: 0.375rem 0;
  13973. z-index: 1;
  13974. }
  13975. .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .score .value {
  13976. font-size: var(--font-size-20);
  13977. }
  13978. .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section {
  13979. display: flex;
  13980. flex-wrap: wrap;
  13981. flex: 1;
  13982. box-shadow: var(--drop-shadow);
  13983. }
  13984. .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section > .stat {
  13985. display: flex;
  13986. flex-direction: column;
  13987. text-align: center;
  13988. flex: 1;
  13989. }
  13990. .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .ruin-value {
  13991. display: flex;
  13992. gap: 2px;
  13993. justify-content: center;
  13994. }
  13995. .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .ruin-value input {
  13996. width: 3ch;
  13997. }
  13998. .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .progress {
  13999. flex-basis: 100%;
  14000. margin: 0;
  14001. padding: 0;
  14002. height: 8px;
  14003. border-top: 1px solid rgba(0, 0, 0, 0.15);
  14004. margin-top: 0.125rem;
  14005. background: #ddd;
  14006. }
  14007. .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .progress::after {
  14008. display: block;
  14009. content: " ";
  14010. background-color: var(--color-border-highlight-alt);
  14011. width: calc(100% * var(--value) / var(--max));
  14012. max-width: 100%;
  14013. height: 100%;
  14014. }
  14015. .sheet.kingdom .tab.active[data-tab=activities] {
  14016. display: flex;
  14017. flex-direction: row;
  14018. padding: 0 1rem;
  14019. height: 100%;
  14020. }
  14021. .sheet.kingdom .tab.active[data-tab=activities] .skills,
  14022. .sheet.kingdom .tab.active[data-tab=activities] .actions {
  14023. display: flex;
  14024. height: 100%;
  14025. flex-direction: column;
  14026. }
  14027. .sheet.kingdom .tab.active[data-tab=activities] .skill-list,
  14028. .sheet.kingdom .tab.active[data-tab=activities] .actions-list {
  14029. overflow: hidden scroll;
  14030. margin-bottom: 0.25rem;
  14031. }
  14032. .sheet.kingdom .tab.active[data-tab=activities] .skills {
  14033. padding-right: 0.5rem;
  14034. }
  14035. .sheet.kingdom .tab.active[data-tab=activities] .skills .control-dc {
  14036. align-items: center;
  14037. background: var(--paper-bg);
  14038. box-shadow: var(--drop-shadow);
  14039. display: flex;
  14040. gap: 8px;
  14041. margin: 0.5rem 0;
  14042. }
  14043. .sheet.kingdom .tab.active[data-tab=activities] .skills .control-dc .mod {
  14044. color: var(--secondary);
  14045. display: inline-block;
  14046. font-family: var(--serif);
  14047. font-size: 1.25em;
  14048. font-weight: bold;
  14049. min-width: 3rem;
  14050. text-align: right;
  14051. }
  14052. .sheet.kingdom .tab.active[data-tab=activities] .skills .skill {
  14053. display: flex;
  14054. align-items: center;
  14055. padding: 1px 0;
  14056. padding-right: 0.5rem;
  14057. gap: 8px;
  14058. }
  14059. .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .mod {
  14060. display: flex;
  14061. color: var(--primary);
  14062. font-family: var(--serif);
  14063. font-weight: 600;
  14064. font-size: 1.25em;
  14065. line-height: 1em;
  14066. min-width: 3rem;
  14067. padding: 3px 0;
  14068. }
  14069. .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .mod i {
  14070. color: var(--text-dark);
  14071. font-size: 0.8em;
  14072. margin-right: 2px;
  14073. }
  14074. .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .name {
  14075. flex: 1;
  14076. color: var(--alt-dark);
  14077. }
  14078. .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .name.selected {
  14079. color: var(--text-dark);
  14080. font-weight: 600;
  14081. }
  14082. .sheet.kingdom .tab.active[data-tab=activities] .skills .skill:not(:last-child) {
  14083. border-bottom: 1px solid var(--color-divider);
  14084. }
  14085. .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .button-group {
  14086. display: flex;
  14087. padding-left: 0.25rem;
  14088. }
  14089. .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .button-group .proficiency {
  14090. min-width: 11ch;
  14091. }
  14092. .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .button-group .small-button {
  14093. flex: 0;
  14094. }
  14095. .sheet.kingdom .tab.active[data-tab=activities] .actions {
  14096. flex: 1;
  14097. }
  14098. .sheet.kingdom .tab.active[data-tab=activities] .actions h3.header .filters {
  14099. float: right;
  14100. margin: -0.125rem 0 0.125rem auto;
  14101. }
  14102. .sheet.kingdom .tab.active[data-tab=activities] .actions h3.header .filters .choice {
  14103. cursor: pointer;
  14104. opacity: 0.6;
  14105. transition: opacity 0.2s ease-in-out;
  14106. }
  14107. .sheet.kingdom .tab.active[data-tab=activities] .actions h3.header .filters .choice.active {
  14108. opacity: 1;
  14109. }
  14110. .sheet.kingdom .tab.active[data-tab=activities] .actions h3.header .filters .choice:hover {
  14111. box-shadow: 0 0 5px var(--primary);
  14112. }
  14113. .sheet.kingdom .tab.active[data-tab=activities] .actions .phase-summary {
  14114. background: var(--paper-bg);
  14115. box-shadow: var(--drop-shadow);
  14116. margin: 0 12px 0.5rem 2px;
  14117. padding: 0.25rem 0.5rem;
  14118. }
  14119. .sheet.kingdom .tab.active[data-tab=activities] .actions .phase-summary header {
  14120. font-size: 1.2em;
  14121. font-weight: bold;
  14122. color: var(--color-text-dark-input);
  14123. margin-top: 0.25rem;
  14124. }
  14125. .sheet.kingdom .tab.active[data-tab=activities] .actions .action {
  14126. align-items: center;
  14127. display: flex;
  14128. flex-wrap: wrap;
  14129. padding: 4px;
  14130. width: 100%;
  14131. gap: 0.5rem;
  14132. padding-right: 0.5rem;
  14133. }
  14134. .sheet.kingdom .tab.active[data-tab=activities] .actions .action:not(:last-child) {
  14135. border-bottom: 1px solid var(--color-divider);
  14136. }
  14137. .sheet.kingdom .tab.active[data-tab=activities] .actions .action .item-name {
  14138. align-items: center;
  14139. cursor: pointer;
  14140. display: flex;
  14141. flex: 1;
  14142. }
  14143. .sheet.kingdom .tab.active[data-tab=activities] .actions .action .item-summary {
  14144. flex-basis: 100%;
  14145. margin-bottom: 0.5rem;
  14146. }
  14147. .sheet.kingdom .tab.active[data-tab=activities] .actions .action .item-summary .tags {
  14148. display: none;
  14149. }
  14150. .sheet.kingdom .tab.active[data-tab=activities] .actions .action .tags {
  14151. margin-left: 0.25rem;
  14152. }
  14153. .sheet.kingdom .tab.active[data-tab=world] {
  14154. padding: 0.75rem;
  14155. }
  14156. .sheet.kingdom .tab.active[data-tab=world] input[type=text],
  14157. .sheet.kingdom .tab.active[data-tab=world] input[type=number] {
  14158. border: none;
  14159. height: 1.5em;
  14160. line-height: 1.5em;
  14161. }
  14162. .sheet.kingdom .tab.active[data-tab=world] .content {
  14163. padding-right: 0.5rem;
  14164. margin-right: 0.5rem;
  14165. }
  14166. .sheet.kingdom .tab.active[data-tab=world] .settlement {
  14167. display: flex;
  14168. align-items: center;
  14169. flex-wrap: wrap;
  14170. gap: 0 1rem;
  14171. padding: 0.25rem 0.25rem 0.25rem 0;
  14172. }
  14173. .sheet.kingdom .tab.active[data-tab=world] .settlement:not(.expanded, :last-child) {
  14174. border-bottom: 1px solid var(--color-divider);
  14175. }
  14176. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name {
  14177. flex: 1;
  14178. display: flex;
  14179. white-space: nowrap;
  14180. display: flex;
  14181. align-items: center;
  14182. gap: 0.25rem;
  14183. }
  14184. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name h4 {
  14185. cursor: pointer;
  14186. min-height: 1em;
  14187. }
  14188. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level {
  14189. display: flex;
  14190. align-items: center;
  14191. }
  14192. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level input[type=number] {
  14193. width: 3ch;
  14194. text-align: center;
  14195. padding: 0;
  14196. }
  14197. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .name {
  14198. flex: 1;
  14199. font-size: var(--font-size-16);
  14200. }
  14201. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name select {
  14202. margin-left: 2rem;
  14203. }
  14204. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level {
  14205. font-size: var(--font-size-16);
  14206. margin-left: 0.5rem;
  14207. }
  14208. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level input {
  14209. width: 3ch;
  14210. text-align: center;
  14211. }
  14212. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary {
  14213. flex-basis: 100%;
  14214. background: var(--paper-bg);
  14215. box-shadow: var(--drop-shadow);
  14216. margin-top: 0.5rem;
  14217. }
  14218. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data {
  14219. display: flex;
  14220. justify-content: space-between;
  14221. margin: 0 0.125rem 0 0;
  14222. border-bottom: 1px solid var(--color-divider);
  14223. }
  14224. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data > section {
  14225. flex: 1 0 auto;
  14226. padding: 0.5rem;
  14227. }
  14228. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data > section + section {
  14229. border-left: 1px solid var(--color-divider);
  14230. }
  14231. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data input[type=number] {
  14232. width: 3ch;
  14233. text-align: center;
  14234. padding: 0;
  14235. }
  14236. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data input[type=checkbox] {
  14237. margin: 0;
  14238. width: 1rem;
  14239. height: 1rem;
  14240. }
  14241. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data label,
  14242. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data div.value {
  14243. align-items: center;
  14244. display: flex;
  14245. gap: 0.25rem;
  14246. line-height: 1.5em;
  14247. }
  14248. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data .stats {
  14249. display: flex;
  14250. flex-direction: column;
  14251. justify-content: center;
  14252. }
  14253. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data .storage-items {
  14254. display: grid;
  14255. grid-template-columns: repeat(2, 1fr);
  14256. column-gap: 0.25rem;
  14257. }
  14258. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data .storage-items label {
  14259. display: flex;
  14260. align-items: center;
  14261. justify-content: space-between;
  14262. }
  14263. .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary > .details {
  14264. padding: 0.5rem;
  14265. }
  14266. .sheet.kingdom .tab.active[data-tab=world] .settlement .editor {
  14267. display: flex;
  14268. flex-direction: column;
  14269. }
  14270. .sheet.kingdom .tab.active[data-tab=world] .settlement .editor .tox {
  14271. flex: 1;
  14272. min-height: 16rem;
  14273. }
  14274. .sheet.kingdom .tab.active[data-tab=world] aside {
  14275. background: var(--paper-bg);
  14276. box-shadow: var(--drop-shadow);
  14277. padding: 0.5rem;
  14278. display: flex;
  14279. flex-direction: column;
  14280. gap: 1rem;
  14281. }
  14282. .sheet.kingdom .tab.active[data-tab=world] aside input[type=number] {
  14283. width: 3ch;
  14284. text-align: center;
  14285. padding: 0;
  14286. }
  14287. .sheet.kingdom .tab.active[data-tab=world] aside section .row,
  14288. .sheet.kingdom .tab.active[data-tab=world] aside section label {
  14289. display: flex;
  14290. align-items: center;
  14291. gap: 0.25rem;
  14292. }
  14293. .sheet.kingdom .tab.active[data-tab=world] aside .work-sites .value span {
  14294. min-width: 7rem;
  14295. }
  14296. .sheet.kingdom .tab.active[data-tab=world] aside .other-data label {
  14297. width: 100%;
  14298. justify-content: space-between;
  14299. }
  14300. .sheet.kingdom .tab.active[data-tab=features] .content {
  14301. padding: 12px;
  14302. padding-bottom: 1em;
  14303. font-family: var(--body-serif);
  14304. }
  14305. .sheet.kingdom .tab.active[data-tab=features] .feat-section {
  14306. padding-bottom: 1em;
  14307. }
  14308. .sheet.kingdom .tab.active[data-tab=features] .feat-item {
  14309. display: grid;
  14310. grid: "name ctrl" min-content "content content" min-content/1fr min-content;
  14311. align-items: center;
  14312. padding: 2px 0;
  14313. }
  14314. .sheet.kingdom .tab.active[data-tab=features] .feat-item:nth-child(odd) {
  14315. background-color: rgba(120, 100, 82, 0.1);
  14316. }
  14317. .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name,
  14318. .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-controls {
  14319. margin: 0;
  14320. }
  14321. .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name {
  14322. grid-area: name;
  14323. display: flex;
  14324. flex: 1;
  14325. align-items: center;
  14326. width: 100%;
  14327. }
  14328. .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .feat-slot-title {
  14329. display: flex;
  14330. font-family: var(--serif);
  14331. font-size: 1.1em;
  14332. font-weight: 600;
  14333. color: var(--secondary);
  14334. justify-content: center;
  14335. width: 20px;
  14336. margin-left: 6px;
  14337. }
  14338. .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .item-placeholder {
  14339. margin-left: 40px;
  14340. margin-right: 4px;
  14341. }
  14342. .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name h4 {
  14343. cursor: pointer;
  14344. display: flex;
  14345. align-items: center;
  14346. font-family: var(--serif);
  14347. }
  14348. .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name h4:hover {
  14349. color: var(--primary);
  14350. text-shadow: 0 0 3px var(--tertiary);
  14351. }
  14352. .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .item-image {
  14353. margin-left: 8px;
  14354. margin-right: 8px;
  14355. }
  14356. .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-controls {
  14357. align-items: center;
  14358. display: flex;
  14359. font-size: var(--font-size-12);
  14360. grid-area: ctrl;
  14361. height: 100%;
  14362. white-space: nowrap;
  14363. width: 100%;
  14364. }
  14365. .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-controls a:last-child {
  14366. margin-right: 6px;
  14367. }
  14368. .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-summary {
  14369. flex: 100%;
  14370. grid-area: content;
  14371. padding: 0 8px 8px;
  14372. margin: 4px 0 0 4px;
  14373. }
  14374. .sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts {
  14375. font-family: var(--font-primary);
  14376. }
  14377. .sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts section {
  14378. align-items: center;
  14379. display: flex;
  14380. gap: 4px;
  14381. }
  14382. .sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts section .abilities {
  14383. display: flex;
  14384. gap: 3px;
  14385. }
  14386. .sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts strong {
  14387. line-height: 1.5em;
  14388. }
  14389. .sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts .tag {
  14390. border-radius: 4px;
  14391. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
  14392. line-height: unset;
  14393. padding: 0.15em;
  14394. font-size: 0.9em;
  14395. }
  14396. .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items {
  14397. grid-column: span 2;
  14398. border-left: 3px dotted #786452;
  14399. display: flex;
  14400. margin: 1px 0 0 45px;
  14401. padding: 0;
  14402. flex-basis: 100%;
  14403. flex-direction: column;
  14404. }
  14405. .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li {
  14406. align-items: center;
  14407. display: flex;
  14408. flex-wrap: wrap;
  14409. gap: 2px;
  14410. margin: 2px 0;
  14411. padding-bottom: 1px;
  14412. }
  14413. .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li:last-child {
  14414. padding-bottom: 0;
  14415. }
  14416. .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li .item-name .feat-slot-title {
  14417. width: 0;
  14418. }
  14419. .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li .item-name img {
  14420. margin-left: 0;
  14421. }
  14422. .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li .item-controls {
  14423. flex: 0;
  14424. }
  14425. .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li ol.nested-items {
  14426. margin-left: 25px;
  14427. }
  14428. .sheet.kingdom .tab.active[data-tab=ongoing] {
  14429. padding: 0.75rem;
  14430. gap: 1rem;
  14431. }
  14432. .sheet.kingdom .tab.active[data-tab=ongoing] .events {
  14433. flex: 1;
  14434. display: flex;
  14435. flex-direction: column;
  14436. gap: 0.5rem;
  14437. }
  14438. .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc {
  14439. display: flex;
  14440. gap: 1ch;
  14441. background: var(--paper-bg);
  14442. box-shadow: var(--drop-shadow);
  14443. line-height: 1.5em;
  14444. padding: 0.5rem 1rem;
  14445. }
  14446. .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc,
  14447. .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc input {
  14448. font-size: var(--font-size-18);
  14449. }
  14450. .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc input {
  14451. width: 3ch;
  14452. background: none;
  14453. border: none;
  14454. padding: 0;
  14455. }
  14456. .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc .dc {
  14457. margin-left: auto;
  14458. }
  14459. .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-details {
  14460. background: var(--paper-bg);
  14461. box-shadow: var(--drop-shadow);
  14462. display: flex;
  14463. flex: 1;
  14464. flex-direction: column;
  14465. padding: 0.5rem;
  14466. overflow: auto;
  14467. }
  14468. .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-details .editor {
  14469. flex: 1;
  14470. }
  14471. .sheet.kingdom .tab.active[data-tab=ongoing] aside {
  14472. width: 18rem;
  14473. }
  14474. .sheet.kingdom .tab.active[data-tab=ongoing] aside > h3.header {
  14475. margin-top: 0;
  14476. }
  14477. .sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list {
  14478. gap: 0.2em;
  14479. }
  14480. .sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item {
  14481. display: flex;
  14482. flex-wrap: wrap;
  14483. align-items: center;
  14484. justify-content: space-between;
  14485. padding: 2px 4px 2px 12px;
  14486. width: 100%;
  14487. }
  14488. .sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item p:empty {
  14489. display: none;
  14490. }
  14491. .sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-name {
  14492. display: flex;
  14493. align-items: center;
  14494. flex: 1;
  14495. }
  14496. .sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-name h4 {
  14497. cursor: pointer;
  14498. margin: 0;
  14499. }
  14500. .sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-name .item-image {
  14501. margin-right: 8px;
  14502. }
  14503. .sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-controls {
  14504. display: flex;
  14505. flex: 0;
  14506. font-size: var(--font-size-12);
  14507. gap: 1px;
  14508. white-space: nowrap;
  14509. }
  14510. .sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-controls a.info-only:hover {
  14511. cursor: default;
  14512. text-shadow: none;
  14513. }
  14514. .sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-controls a + a {
  14515. margin-left: 4px;
  14516. }
  14517. .sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-summary {
  14518. flex-basis: 100%;
  14519. }
  14520. .sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item.unidentified {
  14521. border-radius: 1px;
  14522. outline: 1px dotted rgba(75, 74, 68, 0.5);
  14523. background: var(--visibility-gm-bg);
  14524. }
  14525. .sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .button-group {
  14526. display: flex;
  14527. justify-content: flex-end;
  14528. align-items: center;
  14529. flex-wrap: nowrap;
  14530. width: 50%;
  14531. flex: 0;
  14532. }
  14533. .sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .button-group button {
  14534. margin: 0;
  14535. border: none;
  14536. cursor: pointer;
  14537. font-family: var(--sans-serif);
  14538. font-size: var(--font-size-10);
  14539. text-transform: uppercase;
  14540. letter-spacing: 0.05em;
  14541. text-rendering: optimizeLegibility;
  14542. padding: 5px;
  14543. color: var(--text-light);
  14544. width: 70px;
  14545. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  14546. background: var(--secondary);
  14547. border-radius: 2px;
  14548. flex: 0;
  14549. white-space: nowrap;
  14550. margin-left: 4px;
  14551. flex: 0;
  14552. }
  14553. .sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .button-group button:hover {
  14554. box-shadow: none;
  14555. text-shadow: 0 0 2px white;
  14556. }
  14557. .sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item {
  14558. padding-left: 0;
  14559. }
  14560. .sheet.kingdom-builder .window-content {
  14561. padding: 0;
  14562. overflow: hidden;
  14563. }
  14564. .sheet.kingdom-builder h3 {
  14565. font-family: var(--sans-serif);
  14566. }
  14567. .sheet.kingdom-builder form {
  14568. display: flex;
  14569. flex-direction: column;
  14570. background: url("../assets/sheet/background.webp");
  14571. background-repeat: no-repeat;
  14572. background-size: cover;
  14573. background-attachment: local;
  14574. }
  14575. .sheet.kingdom-builder form > nav {
  14576. display: flex;
  14577. font-family: var(--serif-condensed);
  14578. font-size: var(--font-size-22);
  14579. margin-top: 0.125rem;
  14580. align-items: flex-end;
  14581. width: 100%;
  14582. }
  14583. .sheet.kingdom-builder form > nav a {
  14584. border-radius: 3px 3px 0 0;
  14585. padding: 0.25rem 0.5rem;
  14586. white-space: nowrap;
  14587. flex: 1;
  14588. text-align: center;
  14589. position: relative;
  14590. }
  14591. .sheet.kingdom-builder form > nav a:not(.active) {
  14592. margin-top: 1px;
  14593. border-bottom: 1px solid var(--alt-dark);
  14594. }
  14595. .sheet.kingdom-builder form > nav a.active {
  14596. border: 1px solid var(--alt-dark);
  14597. border-bottom-color: transparent;
  14598. margin-left: -1px;
  14599. margin-right: -1px;
  14600. }
  14601. .sheet.kingdom-builder form > nav a .complete {
  14602. font-size: 0.8em;
  14603. }
  14604. .sheet.kingdom-builder form > nav:before, .sheet.kingdom-builder form > nav:after {
  14605. content: "";
  14606. width: 0.25rem;
  14607. border-bottom: 1px solid var(--alt-dark);
  14608. }
  14609. .sheet.kingdom-builder .container {
  14610. height: 100%;
  14611. overflow: hidden;
  14612. }
  14613. .sheet.kingdom-builder .tab.active {
  14614. display: flex;
  14615. flex: 1;
  14616. }
  14617. .sheet.kingdom-builder button.complete {
  14618. color: var(--text-light);
  14619. background: var(--secondary);
  14620. height: 35px;
  14621. width: 131px;
  14622. border: 1px solid var(--tertiary);
  14623. }
  14624. .sheet.kingdom-builder button.complete:disabled {
  14625. background: var(--sub);
  14626. pointer-events: none;
  14627. opacity: 0.75;
  14628. }
  14629. .sheet.kingdom-builder .build-element {
  14630. display: flex;
  14631. flex-direction: column;
  14632. flex: 1;
  14633. }
  14634. .sheet.kingdom-builder .build-element .choices {
  14635. display: flex;
  14636. margin: 0.5rem 0.25rem;
  14637. }
  14638. .sheet.kingdom-builder .build-element .choices .choice {
  14639. display: flex;
  14640. cursor: pointer;
  14641. flex: 1 1 0;
  14642. flex-direction: column;
  14643. align-items: center;
  14644. margin: 0.5rem 0;
  14645. text-align: center;
  14646. white-space: nowrap;
  14647. }
  14648. .sheet.kingdom-builder .build-element .choices .choice img {
  14649. border-radius: 3px;
  14650. width: 2.5rem;
  14651. height: 2.5rem;
  14652. object-fit: contain;
  14653. }
  14654. .sheet.kingdom-builder .build-element .choices .choice.selected, .sheet.kingdom-builder .build-element .choices .choice:hover {
  14655. text-shadow: 0 0 8px var(--color-shadow-primary);
  14656. }
  14657. .sheet.kingdom-builder .build-element .choices .choice.selected img, .sheet.kingdom-builder .build-element .choices .choice:hover img {
  14658. box-shadow: 0 0 8px var(--color-shadow-primary);
  14659. }
  14660. .sheet.kingdom-builder .build-element .build-entry-boosts {
  14661. font-family: var(--font-primary);
  14662. }
  14663. .sheet.kingdom-builder .build-element .build-entry-boosts section {
  14664. align-items: center;
  14665. display: flex;
  14666. gap: 4px;
  14667. }
  14668. .sheet.kingdom-builder .build-element .build-entry-boosts section .abilities {
  14669. display: flex;
  14670. gap: 3px;
  14671. }
  14672. .sheet.kingdom-builder .build-element .build-entry-boosts strong {
  14673. line-height: 1.5em;
  14674. }
  14675. .sheet.kingdom-builder .build-element .build-entry-boosts .tag {
  14676. border-radius: 4px;
  14677. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
  14678. line-height: unset;
  14679. padding: 0.15em;
  14680. font-size: 0.9em;
  14681. }
  14682. .sheet.kingdom-builder .build-element .selection {
  14683. display: flex;
  14684. flex: 1;
  14685. flex-direction: column;
  14686. margin: 0.5rem;
  14687. }
  14688. .sheet.kingdom-builder .build-element .selection .text {
  14689. display: flex;
  14690. flex-direction: column;
  14691. flex: 1;
  14692. overflow: hidden;
  14693. }
  14694. .sheet.kingdom-builder .build-element .selection .text h3 {
  14695. display: flex;
  14696. justify-content: space-between;
  14697. }
  14698. .sheet.kingdom-builder .build-element .selection .text .description {
  14699. overflow-y: auto;
  14700. overflow-x: hidden;
  14701. height: 8rem;
  14702. }
  14703. .sheet.kingdom-builder .build-element .selection footer {
  14704. display: flex;
  14705. width: 100%;
  14706. align-items: end;
  14707. min-height: 4.5em;
  14708. }
  14709. .sheet.kingdom-builder .build-element .selection footer .build-entry-boosts {
  14710. flex: 1;
  14711. }
  14712. .sheet.kingdom-builder .build-element .selection footer button {
  14713. flex: 0;
  14714. white-space: nowrap;
  14715. }
  14716. .sheet.kingdom-builder .build-element .selection a[disabled] {
  14717. opacity: 0.7;
  14718. cursor: unset;
  14719. text-shadow: unset;
  14720. }
  14721. .sheet.kingdom-builder .build-element .selection {
  14722. padding: 0.5rem;
  14723. background-color: #eee;
  14724. box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  14725. }
  14726. .sheet.kingdom-builder .ability-builder {
  14727. padding: 6px;
  14728. width: 100%;
  14729. }
  14730. .sheet.kingdom-builder .ability-builder h3 {
  14731. font: 400 var(--font-size-24) var(--serif-condensed);
  14732. line-height: var(--font-size-24);
  14733. }
  14734. .sheet.kingdom-builder .ability-builder h4 {
  14735. font: 400 var(--font-size-10) var(--sans-serif);
  14736. text-transform: uppercase;
  14737. color: #605856;
  14738. }
  14739. .sheet.kingdom-builder .ability-builder button:focus:not(:focus-visible) {
  14740. box-shadow: none;
  14741. }
  14742. .sheet.kingdom-builder .ability-builder .row {
  14743. display: flex;
  14744. align-items: center;
  14745. }
  14746. .sheet.kingdom-builder .ability-builder .row .row-heading {
  14747. width: 220px;
  14748. }
  14749. .sheet.kingdom-builder .ability-builder .row.not-eligible {
  14750. pointer-events: none;
  14751. filter: blur(1px);
  14752. opacity: 0.6;
  14753. }
  14754. .sheet.kingdom-builder .ability-builder .row.not-eligible .remaining {
  14755. visibility: hidden;
  14756. }
  14757. .sheet.kingdom-builder .ability-builder .row .abilities {
  14758. display: grid;
  14759. grid-template-columns: repeat(4, 1fr);
  14760. grid-template-rows: auto;
  14761. flex: 1;
  14762. }
  14763. .sheet.kingdom-builder .ability-builder .row .full-row {
  14764. display: flex;
  14765. flex: 1;
  14766. justify-content: center;
  14767. }
  14768. .sheet.kingdom-builder .ability-builder header.row {
  14769. align-items: normal;
  14770. padding-top: 10px;
  14771. margin-bottom: 0.5rem;
  14772. }
  14773. .sheet.kingdom-builder .ability-builder header.row .row-column {
  14774. display: block;
  14775. }
  14776. .sheet.kingdom-builder .ability-builder header.row .abilities {
  14777. align-items: normal;
  14778. }
  14779. .sheet.kingdom-builder .ability-builder .row-heading {
  14780. display: grid;
  14781. grid-template-columns: 42px 1fr auto;
  14782. grid-template-areas: "img description remaining";
  14783. align-items: center;
  14784. }
  14785. .sheet.kingdom-builder .ability-builder .row-heading h3 {
  14786. grid-column: 1/4;
  14787. align-self: start;
  14788. font-size: var(--font-size-24);
  14789. }
  14790. .sheet.kingdom-builder .ability-builder .row-heading .hint-container {
  14791. grid-column: 1/4;
  14792. }
  14793. .sheet.kingdom-builder .ability-builder .row-heading img {
  14794. grid-area: img;
  14795. border: 0;
  14796. }
  14797. .sheet.kingdom-builder .ability-builder .row-heading div.label {
  14798. grid-area: description;
  14799. display: flex;
  14800. flex-direction: column;
  14801. overflow: hidden;
  14802. white-space: nowrap;
  14803. text-overflow: ellipsis;
  14804. margin-right: 10px;
  14805. }
  14806. .sheet.kingdom-builder .ability-builder .row-heading div.remaining {
  14807. grid-area: remaining;
  14808. display: flex;
  14809. margin-right: 10px;
  14810. width: 1.6rem;
  14811. height: 1.6rem;
  14812. border-radius: 50%;
  14813. background: rgba(68, 55, 48, 0.1);
  14814. align-self: center;
  14815. align-items: center;
  14816. justify-content: center;
  14817. text-align: center;
  14818. }
  14819. .sheet.kingdom-builder .ability-builder .row-heading div.remaining.extra {
  14820. animation: glow 0.75s infinite alternate;
  14821. }
  14822. @keyframes glow {
  14823. from {
  14824. box-shadow: 0 0 1px 1px #ffb351;
  14825. }
  14826. to {
  14827. box-shadow: 0 0 3px 3px #ffb351;
  14828. }
  14829. }
  14830. .sheet.kingdom-builder .ability-builder .row-column {
  14831. align-items: center;
  14832. display: flex;
  14833. flex-direction: column;
  14834. justify-content: center;
  14835. text-align: center;
  14836. }
  14837. .sheet.kingdom-builder .ability-builder .row-column button {
  14838. align-items: center;
  14839. border: 1px solid var(--button-color);
  14840. color: var(--button-color);
  14841. display: flex;
  14842. font-size: var(--font-size-12);
  14843. justify-content: space-around;
  14844. outline: none;
  14845. margin: 0;
  14846. padding: 0.1em 0 0;
  14847. position: relative;
  14848. text-transform: uppercase;
  14849. width: 6em;
  14850. height: 1.5em;
  14851. }
  14852. .sheet.kingdom-builder .ability-builder .row-column button.boost {
  14853. margin-top: auto;
  14854. --button-color: #316549;
  14855. --button-locked-color: #1b3c2a;
  14856. }
  14857. .sheet.kingdom-builder .ability-builder .row-column button.flaw {
  14858. margin-bottom: auto;
  14859. --button-color: #5e0000;
  14860. --button-locked-color: #5e0000;
  14861. }
  14862. .sheet.kingdom-builder .ability-builder .row-column button:disabled {
  14863. pointer-events: none;
  14864. background: rgba(0, 0, 0, 0.04);
  14865. opacity: 0.4;
  14866. }
  14867. .sheet.kingdom-builder .ability-builder .row-column button.selected {
  14868. background: var(--button-color);
  14869. }
  14870. .sheet.kingdom-builder .ability-builder .row-column button:hover {
  14871. cursor: pointer;
  14872. box-shadow: 0 0 5px var(--button-color);
  14873. }
  14874. .sheet.kingdom-builder .ability-builder .row-column button:hover.key-ability.selected {
  14875. box-shadow: none;
  14876. cursor: default;
  14877. }
  14878. .sheet.kingdom-builder .ability-builder .row-column button:hover:disabled {
  14879. background: rgba(0, 0, 0, 0.04);
  14880. box-shadow: none;
  14881. cursor: not-allowed;
  14882. }
  14883. .sheet.kingdom-builder .ability-builder .row-column button i.fas {
  14884. font-size: var(--font-size-10);
  14885. left: 0.5em;
  14886. position: absolute;
  14887. text-align: left;
  14888. }
  14889. .sheet.kingdom-builder .ability-builder .row-column button.hidden {
  14890. pointer-events: none;
  14891. visibility: hidden;
  14892. }
  14893. .sheet.kingdom-builder .ability-builder .row-column button.locked {
  14894. pointer-events: none;
  14895. background: var(--button-locked-color);
  14896. border-color: var(--button-locked-color);
  14897. }
  14898. .sheet.kingdom-builder .ability-builder .row-column button.locked, .sheet.kingdom-builder .ability-builder .row-column button.selected {
  14899. color: var(--text-light);
  14900. }
  14901. .sheet.kingdom-builder .ability-builder .row-column div + .boost,
  14902. .sheet.kingdom-builder .ability-builder .row-column button + .boost {
  14903. margin-top: 4px;
  14904. }
  14905. .sheet.kingdom-builder .ability-builder .summary-row .row-heading {
  14906. display: block;
  14907. }
  14908. .sheet.kingdom-builder .ability-builder .summary-row .hint-container {
  14909. background: rgba(211, 204, 188, 0.4);
  14910. padding: 12px;
  14911. margin-right: 10px;
  14912. border: 1px solid rgb(211, 204, 188);
  14913. border-radius: 3px;
  14914. align-self: end;
  14915. }
  14916. .sheet.kingdom-builder .ability-builder .summary-row .hint-container h3 {
  14917. color: var(--primary);
  14918. font-variant: small-caps;
  14919. font-size: var(--font-size-20);
  14920. line-height: var(--font-size-16);
  14921. font-family: var(--sans-serif-condensed);
  14922. font-weight: 500;
  14923. }
  14924. .sheet.kingdom-builder .ability-builder .summary-row .hint-container p {
  14925. font-style: italic;
  14926. font-size: var(--font-size-12);
  14927. line-height: var(--font-size-14);
  14928. font-family: var(--sans-serif);
  14929. font-weight: 500;
  14930. margin-bottom: 3px;
  14931. }
  14932. .sheet.kingdom-builder .ability-builder .summary-row .hint-container label {
  14933. display: flex;
  14934. align-items: center;
  14935. margin-top: 8px;
  14936. }
  14937. .sheet.kingdom-builder .ability-builder .summary-row .hint-container .aspiration {
  14938. display: flex;
  14939. gap: 8px;
  14940. }
  14941. .sheet.kingdom-builder .ability-builder .summary-row .hint-container .aspiration select {
  14942. flex: 1;
  14943. }
  14944. .sheet.kingdom-builder .ability-builder .summary-row .abilities {
  14945. grid-template-rows: auto auto;
  14946. }
  14947. .sheet.kingdom-builder .ability-builder .summary-row .row-column {
  14948. display: flex;
  14949. flex-direction: column;
  14950. padding-top: 10px;
  14951. }
  14952. .sheet.kingdom-builder .ability-builder .summary-row .row-column .value {
  14953. height: 40px;
  14954. font: 700 var(--font-size-24) var(--serif);
  14955. line-height: var(--font-size-30);
  14956. }
  14957. .sheet.kingdom-builder .ability-builder .summary-row .row-column input {
  14958. width: calc(100% - 20px);
  14959. flex-grow: 0;
  14960. height: 30px;
  14961. color: var(--text-dark);
  14962. font: 500 var(--font-size-24) var(--serif);
  14963. border: 0;
  14964. border-bottom: 1px solid #d3ccbc;
  14965. border-radius: 0;
  14966. background-color: transparent;
  14967. margin: 0 10px 10px 10px;
  14968. text-align: center;
  14969. }
  14970. .sheet.kingdom-builder .ability-builder .summary-row .row-column input::placeholder {
  14971. filter: opacity(0.5);
  14972. }
  14973. .sheet.kingdom-builder .ability-builder .summary-row .row-column input:focus {
  14974. border-bottom: 1px solid var(--alt);
  14975. }
  14976. .sheet.kingdom-builder .ability-builder .summary-row .row-column input[type=number] {
  14977. padding-bottom: 0;
  14978. padding-left: 4px;
  14979. }
  14980. .sheet.kingdom-builder .ability-builder .summary-row div.complete {
  14981. grid-row: 2;
  14982. grid-column: 1/7;
  14983. display: flex;
  14984. align-items: flex-end;
  14985. justify-content: flex-end;
  14986. margin-top: 10px;
  14987. margin-left: auto;
  14988. }
  14989. .sheet.kingdom-builder .ability-builder .title {
  14990. color: var(--primary);
  14991. font: 500 var(--font-size-10) var(--sans-serif-condensed);
  14992. line-height: var(--font-size-10);
  14993. text-transform: uppercase;
  14994. }
  14995. .sheet.kingdom-builder .ability-builder .description {
  14996. font: 600 var(--font-size-16) var(--serif);
  14997. }
  14998. .sheet.kingdom-builder .ability-builder .extra {
  14999. display: flex;
  15000. align-items: center;
  15001. font-size: var(--font-size-12);
  15002. margin-top: -0.25rem;
  15003. }
  15004. .sheet.kingdom-builder .ability-builder .extra .fas {
  15005. margin-left: 0.125rem;
  15006. }
  15007. .sheet.kingdom-builder .ability-builder .extra input[type=checkbox] {
  15008. height: var(--font-size-12);
  15009. margin: 0;
  15010. }
  15011. .pf2e.chat-card.kingdom {
  15012. --color-confirmation: #2c4f0d;
  15013. }
  15014. .pf2e.chat-card.kingdom .confirmation {
  15015. align-items: center;
  15016. color: var(--color-confirmation);
  15017. display: flex;
  15018. border: 1px dashed var(--color-confirmation);
  15019. font-size: 1.2em;
  15020. gap: 0.5rem;
  15021. justify-content: center;
  15022. padding: 0.25rem 0;
  15023. }
  15024. /* Mystification data revealed to GMs */
  15025. .gm-mystified-data {
  15026. opacity: 0.75;
  15027. }
  15028. #compendium-browser > section.window-content > .content-box,
  15029. #license-viewer > section.window-content > .content-box {
  15030. flex: 1;
  15031. overflow: hidden;
  15032. height: inherit;
  15033. }
  15034. #compendium-browser > section.window-content > .content-box div[class^=slider-],
  15035. #license-viewer > section.window-content > .content-box div[class^=slider-] {
  15036. height: 10px;
  15037. width: 80%;
  15038. border: 1px solid black;
  15039. }
  15040. #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base,
  15041. #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base {
  15042. background: #dddddd;
  15043. }
  15044. #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle,
  15045. #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle {
  15046. background: none;
  15047. border: none;
  15048. box-shadow: none;
  15049. color: var(--text-light);
  15050. cursor: grab;
  15051. font-size: var(--font-size-16);
  15052. height: 14px;
  15053. right: -7px;
  15054. text-shadow: 0 0 4px black;
  15055. top: -4px;
  15056. width: 14px;
  15057. }
  15058. #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle:active,
  15059. #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle:active {
  15060. cursor: grabbing;
  15061. }
  15062. #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle.handle,
  15063. #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle.handle {
  15064. background: #c85019;
  15065. border-radius: 2px;
  15066. border: 1px solid black;
  15067. box-shadow: 1px 1px 4px black;
  15068. }
  15069. #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::before, #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::after,
  15070. #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::before,
  15071. #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::after {
  15072. background: none;
  15073. }
  15074. #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle .noUi-touch-area,
  15075. #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle .noUi-touch-area {
  15076. cursor: pointer;
  15077. }
  15078. #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-tooltip,
  15079. #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-tooltip {
  15080. display: none;
  15081. }
  15082. #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-active .noUi-tooltip,
  15083. #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-active .noUi-tooltip {
  15084. display: block;
  15085. background-color: rgba(0, 0, 0, 0.9);
  15086. color: var(--text-light);
  15087. line-height: 18px;
  15088. padding: 6px 14px;
  15089. }
  15090. #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-connect.range_selected,
  15091. #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-connect.range_selected {
  15092. background: rgba(255, 255, 240, 0.8);
  15093. }
  15094. #compendium-browser > section.window-content > .content-box > nav,
  15095. #license-viewer > section.window-content > .content-box > nav {
  15096. border-style: solid;
  15097. border-image-outset: 0;
  15098. border-width: 9px;
  15099. border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
  15100. box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  15101. flex: 0;
  15102. width: 100%;
  15103. display: inline-flex;
  15104. justify-content: space-evenly;
  15105. align-items: center;
  15106. background: var(--secondary);
  15107. background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
  15108. }
  15109. #compendium-browser > section.window-content > .content-box > nav > a,
  15110. #license-viewer > section.window-content > .content-box > nav > a {
  15111. color: var(--sidebar-label);
  15112. padding: 4px 0;
  15113. font-family: var(--sans-serif);
  15114. font-size: var(--font-size-12);
  15115. position: relative;
  15116. }
  15117. #compendium-browser > section.window-content > .content-box > nav > a.active::after,
  15118. #license-viewer > section.window-content > .content-box > nav > a.active::after {
  15119. bottom: -2px;
  15120. right: 39%;
  15121. position: absolute;
  15122. content: "";
  15123. width: 0;
  15124. height: 0;
  15125. border-left: 4px solid transparent;
  15126. border-right: 4px solid transparent;
  15127. border-top: 4px solid var(--sidebar-label);
  15128. }
  15129. #compendium-browser > section.window-content > .content-box .compendium-browser-settings,
  15130. #license-viewer > section.window-content > .content-box .compendium-browser-settings {
  15131. height: 100%;
  15132. }
  15133. #compendium-browser > section.window-content > .content-box .compendium-browser-settings form,
  15134. #license-viewer > section.window-content > .content-box .compendium-browser-settings form {
  15135. display: flex;
  15136. height: 88%;
  15137. flex-direction: column;
  15138. margin-bottom: 10px;
  15139. }
  15140. #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section,
  15141. #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section {
  15142. border: 1px solid #bbb;
  15143. border-radius: 5px;
  15144. margin-top: 5px;
  15145. padding: 2px;
  15146. /* Checkbox */
  15147. }
  15148. #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section h3,
  15149. #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section h3 {
  15150. margin: 0;
  15151. cursor: pointer;
  15152. }
  15153. #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dt,
  15154. #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dt {
  15155. width: 10%;
  15156. }
  15157. #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dt > input[type=checkbox],
  15158. #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dt > input[type=checkbox] {
  15159. transform: none;
  15160. flex: none;
  15161. height: auto;
  15162. margin: 3px 3px;
  15163. }
  15164. #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dd,
  15165. #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dd {
  15166. width: 88%;
  15167. }
  15168. #compendium-browser > section.window-content > .content-box .compendium-browser-settings form dl,
  15169. #license-viewer > section.window-content > .content-box .compendium-browser-settings form dl {
  15170. margin: 5px 0;
  15171. }
  15172. #compendium-browser > section.window-content > .content-box .compendium-browser-settings form dt,
  15173. #license-viewer > section.window-content > .content-box .compendium-browser-settings form dt {
  15174. display: inline-block;
  15175. width: 40%;
  15176. padding-left: 5px;
  15177. }
  15178. #compendium-browser > section.window-content > .content-box .compendium-browser-settings form dd,
  15179. #license-viewer > section.window-content > .content-box .compendium-browser-settings form dd {
  15180. display: inline-block;
  15181. width: 58%;
  15182. margin-left: 0;
  15183. }
  15184. #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container,
  15185. #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container {
  15186. overflow-y: auto;
  15187. display: flex;
  15188. flex-wrap: wrap;
  15189. }
  15190. #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container .tab[data-tab].active,
  15191. #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container .tab[data-tab].active {
  15192. display: flex;
  15193. flex-direction: row;
  15194. flex-wrap: wrap;
  15195. justify-content: center;
  15196. width: 100%;
  15197. }
  15198. #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container .single-column,
  15199. #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container .single-column {
  15200. width: 100%;
  15201. }
  15202. #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container h2,
  15203. #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container h2 {
  15204. margin-top: 1em;
  15205. margin-bottom: 0.5em;
  15206. width: 100%;
  15207. }
  15208. #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container div,
  15209. #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container div {
  15210. width: 365px;
  15211. margin-right: 1em;
  15212. }
  15213. #compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav,
  15214. #license-viewer > section.window-content > .content-box .compendium-browser-settings > nav {
  15215. border-style: solid;
  15216. border-image-outset: 0;
  15217. border-width: 9px;
  15218. border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
  15219. box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  15220. flex: 0;
  15221. width: 100%;
  15222. display: inline-flex;
  15223. justify-content: space-evenly;
  15224. align-items: center;
  15225. background: var(--secondary);
  15226. background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
  15227. }
  15228. #compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav > a,
  15229. #license-viewer > section.window-content > .content-box .compendium-browser-settings > nav > a {
  15230. color: var(--sidebar-label);
  15231. padding: 4px 0;
  15232. font-family: var(--sans-serif);
  15233. font-size: var(--font-size-12);
  15234. position: relative;
  15235. }
  15236. #compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav > a.active::after,
  15237. #license-viewer > section.window-content > .content-box .compendium-browser-settings > nav > a.active::after {
  15238. bottom: -2px;
  15239. right: 39%;
  15240. position: absolute;
  15241. content: "";
  15242. width: 0;
  15243. height: 0;
  15244. border-left: 4px solid transparent;
  15245. border-right: 4px solid transparent;
  15246. border-top: 4px solid var(--sidebar-label);
  15247. }
  15248. #compendium-browser > section.window-content > .content-box .compendium-browser-settings nav,
  15249. #license-viewer > section.window-content > .content-box .compendium-browser-settings nav {
  15250. border-width: unset;
  15251. }
  15252. #compendium-browser > section.window-content > .content-box .compendium-browser-settings button.save-settings,
  15253. #license-viewer > section.window-content > .content-box .compendium-browser-settings button.save-settings {
  15254. background: rgba(0, 0, 0, 0.1);
  15255. border: 2px groove var(--color-border-light-highlight);
  15256. }
  15257. #compendium-browser > section.window-content > .content-box .spell-browser,
  15258. #license-viewer > section.window-content > .content-box .spell-browser {
  15259. display: flex;
  15260. min-height: 100px;
  15261. height: 100%;
  15262. /* Sort and filter areas */
  15263. }
  15264. #compendium-browser > section.window-content > .content-box .spell-browser .control-area,
  15265. #license-viewer > section.window-content > .content-box .spell-browser .control-area {
  15266. position: sticky;
  15267. display: block;
  15268. min-width: 320px;
  15269. width: 320px;
  15270. padding-right: 5px;
  15271. overflow: auto;
  15272. }
  15273. #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer,
  15274. #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer,
  15275. #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer,
  15276. #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer {
  15277. border: 1px solid #bbb;
  15278. border-radius: 5px;
  15279. margin-top: 5px;
  15280. padding: 2px;
  15281. }
  15282. #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title,
  15283. #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title,
  15284. #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title,
  15285. #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title {
  15286. display: flex;
  15287. flex-direction: row;
  15288. justify-content: space-between;
  15289. height: 22px;
  15290. }
  15291. #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title h3,
  15292. #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title h3,
  15293. #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title h3,
  15294. #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title h3 {
  15295. margin: 0;
  15296. cursor: pointer;
  15297. }
  15298. #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title button,
  15299. #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title button,
  15300. #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title button,
  15301. #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title button {
  15302. width: fit-content;
  15303. line-height: 22px;
  15304. }
  15305. #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer button.clear-filters,
  15306. #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer button.clear-filters,
  15307. #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer button.clear-filters,
  15308. #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer button.clear-filters {
  15309. margin-bottom: 5px;
  15310. }
  15311. #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer > dl dt > input[type=checkbox],
  15312. #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer > dl dt > input[type=checkbox],
  15313. #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer > dl dt > input[type=checkbox],
  15314. #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer > dl dt > input[type=checkbox] {
  15315. transform: none;
  15316. flex: none;
  15317. height: auto;
  15318. margin: 3px 3px;
  15319. }
  15320. #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer > dl dd > a.direction,
  15321. #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer > dl dd > a.direction,
  15322. #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer > dl dd > a.direction,
  15323. #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer > dl dd > a.direction {
  15324. padding: 2px;
  15325. }
  15326. #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer dt,
  15327. #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer dt {
  15328. width: 10%;
  15329. }
  15330. #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer dd,
  15331. #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer dd {
  15332. width: 82%;
  15333. }
  15334. #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer .filter-conjunction input[type=radio],
  15335. #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer .filter-conjunction input[type=radio] {
  15336. margin: 0 5px 0 3px;
  15337. }
  15338. #compendium-browser > section.window-content > .content-box .spell-browser .rangecontainer div,
  15339. #license-viewer > section.window-content > .content-box .spell-browser .rangecontainer div {
  15340. text-align: center;
  15341. margin-top: 5px;
  15342. }
  15343. #compendium-browser > section.window-content > .content-box .spell-browser .rangecontainer input,
  15344. #license-viewer > section.window-content > .content-box .spell-browser .rangecontainer input {
  15345. width: 45%;
  15346. }
  15347. #compendium-browser > section.window-content > .content-box .spell-browser .slidercontainer-flex,
  15348. #license-viewer > section.window-content > .content-box .spell-browser .slidercontainer-flex {
  15349. display: flex;
  15350. justify-content: space-around;
  15351. align-items: baseline;
  15352. }
  15353. #compendium-browser > section.window-content > .content-box .spell-browser .slidercontainer-flex label,
  15354. #license-viewer > section.window-content > .content-box .spell-browser .slidercontainer-flex label {
  15355. width: 10px;
  15356. }
  15357. #compendium-browser > section.window-content > .content-box .spell-browser dl,
  15358. #license-viewer > section.window-content > .content-box .spell-browser dl {
  15359. margin: 5px 0;
  15360. }
  15361. #compendium-browser > section.window-content > .content-box .spell-browser dt,
  15362. #license-viewer > section.window-content > .content-box .spell-browser dt {
  15363. display: inline-block;
  15364. padding-left: 5px;
  15365. }
  15366. #compendium-browser > section.window-content > .content-box .spell-browser dd,
  15367. #license-viewer > section.window-content > .content-box .spell-browser dd {
  15368. display: inline-block;
  15369. text-transform: capitalize;
  15370. }
  15371. #compendium-browser > section.window-content > .content-box .spell-browser dd select,
  15372. #license-viewer > section.window-content > .content-box .spell-browser dd select {
  15373. margin-left: 0.5em;
  15374. width: 6em;
  15375. }
  15376. #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list,
  15377. #license-viewer > section.window-content > .content-box .spell-browser ul.result-list {
  15378. display: flex;
  15379. flex-direction: column;
  15380. height: 100%;
  15381. margin: 0;
  15382. padding: 0;
  15383. width: 100%;
  15384. overflow: visible scroll;
  15385. }
  15386. #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li,
  15387. #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li {
  15388. align-items: center;
  15389. gap: 0.25rem;
  15390. padding: 0.125rem 0.25rem;
  15391. }
  15392. #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li:nth-child(odd),
  15393. #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li:nth-child(odd) {
  15394. background-color: rgba(0, 0, 0, 0.12);
  15395. }
  15396. #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > *,
  15397. #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > * {
  15398. align-items: center;
  15399. display: flex;
  15400. height: 2rem;
  15401. justify-content: center;
  15402. }
  15403. #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .image,
  15404. #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .image {
  15405. max-width: 2rem;
  15406. }
  15407. #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .name,
  15408. #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .name {
  15409. justify-content: start;
  15410. }
  15411. #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .level,
  15412. #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .level {
  15413. flex-grow: 1;
  15414. font-weight: 900;
  15415. max-width: 1.5em;
  15416. }
  15417. #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .price,
  15418. #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .price {
  15419. flex: none;
  15420. justify-content: end;
  15421. margin-right: var(--font-size-10);
  15422. min-width: 5em;
  15423. }
  15424. #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .end,
  15425. #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .end {
  15426. margin-right: 0.5em;
  15427. }
  15428. #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li:hover,
  15429. #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li:hover {
  15430. background-color: rgba(255, 255, 255, 0.25);
  15431. cursor: grab;
  15432. }
  15433. #compendium-browser > section.window-content > .content-box .spell-browser #tagfilter input,
  15434. #license-viewer > section.window-content > .content-box .spell-browser #tagfilter input {
  15435. width: 100%;
  15436. }
  15437. #compendium-browser > section.window-content > .content-box .spell-browser .hint,
  15438. #license-viewer > section.window-content > .content-box .spell-browser .hint {
  15439. font-size: var(--font-size-12);
  15440. border: 1px solid rgba(0, 255, 5, 0.2784313725);
  15441. border-radius: 5px;
  15442. padding: 3px;
  15443. }
  15444. #compendium-browser > section.window-content > .content-box .spell-browser .spacer,
  15445. #license-viewer > section.window-content > .content-box .spell-browser .spacer {
  15446. display: inline-block;
  15447. min-width: 5px;
  15448. }
  15449. #compendium-browser > section.window-content > .content-box .spell-browser .spacer-large,
  15450. #license-viewer > section.window-content > .content-box .spell-browser .spacer-large {
  15451. display: inline-block;
  15452. min-width: 15px;
  15453. }
  15454. #compendium-browser > section.window-content > .content-box .spell-browser .equipment-controls,
  15455. #license-viewer > section.window-content > .content-box .spell-browser .equipment-controls {
  15456. margin-left: 0.25em;
  15457. margin-right: 0.25em;
  15458. max-width: 1em;
  15459. width: 1em;
  15460. }
  15461. #compendium-browser > section.window-content > .content-box .spell-browser .list-buttons,
  15462. #license-viewer > section.window-content > .content-box .spell-browser .list-buttons {
  15463. position: absolute;
  15464. bottom: 3px;
  15465. right: 22px;
  15466. width: 54%;
  15467. display: flex;
  15468. justify-content: space-between;
  15469. }
  15470. #compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button,
  15471. #license-viewer > section.window-content > .content-box .spell-browser .list-buttons button {
  15472. line-height: 19px;
  15473. background: rgb(255, 255, 240);
  15474. }
  15475. #compendium-browser > section.window-content > .content-box > section.content,
  15476. #license-viewer > section.window-content > .content-box > section.content {
  15477. height: 96%;
  15478. }
  15479. #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active,
  15480. #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active {
  15481. height: inherit;
  15482. }
  15483. #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div,
  15484. #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div {
  15485. display: grid;
  15486. grid-template-columns: 320px auto;
  15487. }
  15488. #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div .control-area,
  15489. #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div .control-area {
  15490. grid-column-start: 1;
  15491. }
  15492. #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div ul,
  15493. #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div ul {
  15494. grid-column-start: 2;
  15495. }
  15496. #compendium-browser > section.window-content > .content-box > section.content > .tab.settings.active,
  15497. #license-viewer > section.window-content > .content-box > section.content > .tab.settings.active {
  15498. height: 98%;
  15499. }
  15500. .pf2e.item.sheet h3 {
  15501. border-bottom: none;
  15502. }
  15503. .pf2e.item.sheet button > i {
  15504. margin-right: 0;
  15505. }
  15506. .pf2e.item.sheet .sheet-header {
  15507. display: flex;
  15508. flex: 0 0 70px;
  15509. align-items: bottom;
  15510. width: 100%;
  15511. padding-bottom: 6px;
  15512. border-bottom: 1px solid var(--secondary-background);
  15513. }
  15514. .pf2e.item.sheet .sheet-header img {
  15515. border: none;
  15516. object-fit: contain;
  15517. flex: 0 0 64px;
  15518. margin-right: 6px;
  15519. }
  15520. .pf2e.item.sheet .sheet-header .details {
  15521. display: flex;
  15522. flex-wrap: wrap;
  15523. align-items: baseline;
  15524. }
  15525. .pf2e.item.sheet .sheet-header .details input,
  15526. .pf2e.item.sheet .sheet-header .details .level {
  15527. font-family: var(--serif-condensed);
  15528. font-size: var(--font-size-36);
  15529. font-weight: 700;
  15530. }
  15531. .pf2e.item.sheet .sheet-header input[type=text],
  15532. .pf2e.item.sheet .sheet-header input[type=number] {
  15533. border: none;
  15534. height: var(--font-size-34);
  15535. }
  15536. .pf2e.item.sheet .sheet-header input[type=text]:hover, .pf2e.item.sheet .sheet-header input[type=text]:focus,
  15537. .pf2e.item.sheet .sheet-header input[type=number]:hover,
  15538. .pf2e.item.sheet .sheet-header input[type=number]:focus {
  15539. box-shadow: none;
  15540. }
  15541. .pf2e.item.sheet .sheet-header input[name=name] {
  15542. flex: 1;
  15543. }
  15544. .pf2e.item.sheet .sheet-header .level {
  15545. flex: 0;
  15546. white-space: nowrap;
  15547. margin-left: auto;
  15548. padding-left: 8px;
  15549. }
  15550. .pf2e.item.sheet .sheet-header .level i {
  15551. font-size: 0.6em;
  15552. vertical-align: middle;
  15553. }
  15554. .pf2e.item.sheet .sheet-header .level input {
  15555. width: 40px;
  15556. text-align: center;
  15557. }
  15558. .pf2e.item.sheet .sheet-header .feat-action-cost {
  15559. font-size: 2.5rem;
  15560. margin-top: -0.6rem;
  15561. margin-bottom: -0.3rem;
  15562. padding-left: 0.4rem;
  15563. }
  15564. .pf2e.item.sheet .sheet-header .paizo-style {
  15565. flex-basis: 100%;
  15566. width: 0;
  15567. border: none;
  15568. margin-top: 2px;
  15569. padding-left: 0;
  15570. padding-right: 0;
  15571. }
  15572. .pf2e.item.sheet .sheet-body {
  15573. height: calc(100% - 35px);
  15574. overflow: hidden;
  15575. display: flex;
  15576. flex-direction: column;
  15577. flex-wrap: nowrap;
  15578. }
  15579. .pf2e.item.sheet.action form .drop-zone {
  15580. align-items: center;
  15581. border: 1px solid var(--color-border-light-tertiary);
  15582. display: flex;
  15583. gap: 0.25rem;
  15584. max-width: fit-content;
  15585. padding: 0 4px 0 0;
  15586. }
  15587. .pf2e.item.sheet.action form .drop-zone.empty {
  15588. font-weight: normal;
  15589. min-width: 12rem;
  15590. padding: 4px;
  15591. }
  15592. .pf2e.item.sheet.action form .drop-zone.empty .name {
  15593. font-style: italic;
  15594. flex: 1;
  15595. text-align: center;
  15596. }
  15597. .pf2e.item.sheet.action form .drop-zone picture,
  15598. .pf2e.item.sheet.action form .drop-zone img {
  15599. border: 1px solid var(--color-border-dark);
  15600. border-radius: 2px;
  15601. box-sizing: border-box;
  15602. display: block;
  15603. float: left;
  15604. height: 24px;
  15605. width: 24px;
  15606. }
  15607. .pf2e.item.sheet.action form .drop-zone a.content-link {
  15608. align-items: center;
  15609. border: none;
  15610. border-right: 1px solid var(--color-border-light-2);
  15611. display: flex;
  15612. gap: 0.5em;
  15613. min-width: 9rem;
  15614. padding: 4px;
  15615. }
  15616. .pf2e.item.sheet.action form .drop-zone a.delete {
  15617. display: flex;
  15618. }
  15619. .pf2e.item.sheet.affliction form .affliction-stage .link:not(.linked) {
  15620. opacity: 0.6;
  15621. color: #a00;
  15622. }
  15623. .pf2e.item.sheet.affliction form .affliction-stage .formula-row {
  15624. align-items: center;
  15625. display: flex;
  15626. gap: 4px;
  15627. }
  15628. .pf2e.item.sheet.deity form .tab.details .checkbox-pair {
  15629. align-items: center;
  15630. display: flex;
  15631. }
  15632. .pf2e.item.sheet.deity form .tab.details .checkbox-pair span {
  15633. font-weight: 400;
  15634. }
  15635. .pf2e.item.sheet.effect form .sheet-content .sidebar .inventory-details .form-group select {
  15636. max-width: fit-content;
  15637. }
  15638. .pf2e.item.sheet.effect form .sheet-content .sidebar .inventory-details .form-group .form-group.duration label {
  15639. max-width: fit-content;
  15640. padding-right: 0.1em;
  15641. }
  15642. .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row {
  15643. align-items: center;
  15644. display: flex;
  15645. gap: 4px;
  15646. width: 100%;
  15647. }
  15648. .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row label {
  15649. cursor: pointer;
  15650. max-width: unset;
  15651. }
  15652. .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row input[type=radio] {
  15653. margin: 0;
  15654. top: 0;
  15655. }
  15656. .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row .badge-value {
  15657. margin-right: 0.1rem;
  15658. width: 3ch;
  15659. font-weight: bold;
  15660. text-align: end;
  15661. }
  15662. .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row input[type=text] {
  15663. flex: 1;
  15664. text-align: end;
  15665. }
  15666. .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-header {
  15667. display: flex;
  15668. align-items: center;
  15669. justify-content: space-between;
  15670. margin: 0.5em 0 0.25em 0;
  15671. }
  15672. .pf2e.item.sheet.effect form .sheet-content .sidebar .add-badge {
  15673. display: flex;
  15674. align-items: center;
  15675. }
  15676. .pf2e.item.sheet.effect form .sheet-content .sidebar .add-badge select {
  15677. flex: 1;
  15678. max-width: unset;
  15679. }
  15680. .pf2e.item.sheet.effect form .sheet-content .sidebar .add-badge button {
  15681. flex: 0;
  15682. line-height: 1.2em;
  15683. }
  15684. .pf2e.item.sheet.feat form .drop-zone {
  15685. align-items: center;
  15686. border: 1px solid var(--color-border-light-tertiary);
  15687. display: flex;
  15688. gap: 0.25rem;
  15689. max-width: fit-content;
  15690. padding: 0 4px 0 0;
  15691. }
  15692. .pf2e.item.sheet.feat form .drop-zone.empty {
  15693. font-weight: normal;
  15694. min-width: 12rem;
  15695. padding: 4px;
  15696. }
  15697. .pf2e.item.sheet.feat form .drop-zone.empty .name {
  15698. font-style: italic;
  15699. flex: 1;
  15700. text-align: center;
  15701. }
  15702. .pf2e.item.sheet.feat form .drop-zone picture,
  15703. .pf2e.item.sheet.feat form .drop-zone img {
  15704. border: 1px solid var(--color-border-dark);
  15705. border-radius: 2px;
  15706. box-sizing: border-box;
  15707. display: block;
  15708. float: left;
  15709. height: 24px;
  15710. width: 24px;
  15711. }
  15712. .pf2e.item.sheet.feat form .drop-zone a.content-link {
  15713. align-items: center;
  15714. border: none;
  15715. border-right: 1px solid var(--color-border-light-2);
  15716. display: flex;
  15717. gap: 0.5em;
  15718. min-width: 9rem;
  15719. padding: 4px;
  15720. }
  15721. .pf2e.item.sheet.feat form .drop-zone a.delete {
  15722. display: flex;
  15723. }
  15724. .pf2e.item.sheet.feat form .tab.details .form-group > label {
  15725. min-width: fit-content;
  15726. margin-right: 1em;
  15727. }
  15728. .pf2e.item.sheet.heritage form section.sidebar .required-ancestry {
  15729. flex-wrap: nowrap;
  15730. width: 100%;
  15731. white-space: nowrap;
  15732. max-width: 100%;
  15733. }
  15734. .pf2e.item.sheet.heritage form section.sidebar .required-ancestry label {
  15735. flex: 0;
  15736. }
  15737. .pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone {
  15738. background-color: rgba(0, 0, 0, 0.05);
  15739. border-radius: 2px;
  15740. border: 1px dotted var(--alt-dark);
  15741. display: flex;
  15742. font-weight: normal;
  15743. justify-content: center;
  15744. margin: 2px 3px 0 auto;
  15745. max-width: 8em;
  15746. padding: 3px;
  15747. position: relative;
  15748. }
  15749. .pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone span {
  15750. display: inline-block;
  15751. overflow: hidden;
  15752. text-overflow: ellipsis;
  15753. }
  15754. .pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone.ancestry-ref-broken {
  15755. background-color: rgba(255, 0, 0, 0.15);
  15756. border-color: var(--primary);
  15757. }
  15758. .pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone a.remove-ancestry {
  15759. display: none;
  15760. position: absolute;
  15761. right: -0.5em;
  15762. top: -0.25em;
  15763. }
  15764. .pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone a.remove-ancestry:hover {
  15765. display: flex;
  15766. }
  15767. .pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone:hover a.remove-ancestry {
  15768. display: flex;
  15769. }
  15770. .pf2e.item.sheet.kit form .kit-list ul.kit-items {
  15771. padding: 0;
  15772. }
  15773. .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item {
  15774. display: grid;
  15775. grid-template-columns: 26px 30px auto 10px;
  15776. align-items: center;
  15777. }
  15778. .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item:nth-of-type(even) {
  15779. background-color: rgba(120, 100, 82, 0.1);
  15780. }
  15781. .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item .kit-item-name {
  15782. line-height: 1em;
  15783. height: 1em;
  15784. }
  15785. .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item .kit-item-name .fa.fa-globe {
  15786. padding: 0 3px;
  15787. float: right;
  15788. }
  15789. .pf2e.item.sheet.kit form .kit-list ul.kit-items ul {
  15790. padding-left: 0.5em;
  15791. margin-top: 0;
  15792. grid-column: 1/5;
  15793. }
  15794. .pf2e.item.sheet.kit form .kit-list ul.kit-items ul:empty {
  15795. display: none;
  15796. }
  15797. .pf2e.item.sheet.melee form .sheet-body .tab.details .form-group.attack-modifier label,
  15798. .pf2e.item.sheet.melee form .sheet-body .tab.details li.damage-partial form-group label {
  15799. max-width: fit-content;
  15800. }
  15801. .pf2e.item.sheet.melee form .sheet-body .tab.details .form-group.attack-modifier input,
  15802. .pf2e.item.sheet.melee form .sheet-body .tab.details li.damage-partial form-group input {
  15803. max-width: 6ch;
  15804. }
  15805. .pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial {
  15806. align-items: center;
  15807. display: flex;
  15808. gap: 1em;
  15809. }
  15810. .pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial input {
  15811. max-width: 12ch;
  15812. }
  15813. .pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial .type {
  15814. gap: 0.25em;
  15815. }
  15816. .pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial .remove-partial {
  15817. margin: 0 0.5em 0 auto;
  15818. }
  15819. .pf2e.item.sheet.spell form .damage-formulas {
  15820. margin-top: 8px;
  15821. }
  15822. .pf2e.item.sheet.spell form .damage-formulas .form-fields {
  15823. gap: 2px;
  15824. margin-top: 4px;
  15825. }
  15826. .pf2e.item.sheet.spell form .damage-formulas input[type=checkbox] {
  15827. margin-left: 2px;
  15828. }
  15829. .pf2e.item.sheet.spell form .damage-formulas .traits-list {
  15830. display: flex;
  15831. margin-top: 2px;
  15832. }
  15833. .pf2e.item.sheet.spell form .damage-formulas .tag {
  15834. float: none;
  15835. }
  15836. .pf2e.item.sheet.spell form button[data-action=damage-add] {
  15837. margin-top: 4px;
  15838. }
  15839. .pf2e.item.sheet.spell form button + fieldset {
  15840. margin-top: 0.5rem;
  15841. }
  15842. .pf2e.item.sheet.spell form .overlay .traits {
  15843. align-items: center;
  15844. display: flex;
  15845. gap: 4px;
  15846. }
  15847. .pf2e.item.sheet.spell form .overlay .traits .tags {
  15848. flex: 1;
  15849. }
  15850. .pf2e.item.sheet.spell form .variants .variant {
  15851. display: grid;
  15852. grid-template-columns: 1fr 1fr 0.2fr;
  15853. }
  15854. .pf2e.item.sheet.spell form .variants .variant .item-controls {
  15855. justify-self: end;
  15856. }
  15857. .pf2e.item.sheet.weapon form .tab.details label {
  15858. min-width: 9em;
  15859. }
  15860. .pf2e.item.sheet.weapon form .tab.details .precious-material select {
  15861. width: 19.5em;
  15862. }
  15863. .pf2e.item.sheet form {
  15864. display: flex;
  15865. flex-direction: column;
  15866. flex-wrap: nowrap;
  15867. width: 100%;
  15868. height: 100%;
  15869. overflow: hidden;
  15870. }
  15871. .pf2e.item.sheet form .item-ref-group ul.item-refs {
  15872. border: 1px solid var(--color-border-light-2);
  15873. border-radius: 3px;
  15874. padding: 0;
  15875. }
  15876. .pf2e.item.sheet form .item-ref-group ul.item-refs.empty {
  15877. background-color: rgba(120, 100, 82, 0.1);
  15878. height: 28px;
  15879. }
  15880. .pf2e.item.sheet form .item-ref-group ul.item-refs > li {
  15881. align-items: center;
  15882. display: grid;
  15883. grid-template-columns: 26px auto 2em 1em;
  15884. padding: 1px;
  15885. }
  15886. .pf2e.item.sheet form .item-ref-group ul.item-refs > li:nth-of-type(even) {
  15887. background-color: rgba(120, 100, 82, 0.1);
  15888. }
  15889. .pf2e.item.sheet form .item-ref-group ul.item-refs > li .name {
  15890. display: block;
  15891. margin-left: 0.25em;
  15892. line-height: 1em;
  15893. height: 1em;
  15894. }
  15895. .pf2e.item.sheet form .item-ref-group ul.item-refs > li .name .fa.fa-globe {
  15896. padding: 0 3px;
  15897. float: right;
  15898. }
  15899. .pf2e.item.sheet form .item-ref-group ul.item-refs > li .level {
  15900. font-weight: bold;
  15901. height: 1.25em;
  15902. text-align: center;
  15903. }
  15904. .pf2e.item.sheet form .item-ref-group ul.item-refs > li a.remove {
  15905. padding: 0 2px;
  15906. }
  15907. .pf2e.item.sheet form .item-ref-group ul.item-refs ul {
  15908. grid-column: 1/5;
  15909. margin-top: 0;
  15910. padding-left: 0.5em;
  15911. }
  15912. .pf2e.item.sheet form .item-ref-group ul.item-refs ul:empty {
  15913. display: none;
  15914. }
  15915. .pf2e.item.sheet form .item-ref-list {
  15916. align-items: start;
  15917. }
  15918. .pf2e.item.sheet form .form-group.form-group-trait {
  15919. height: auto;
  15920. margin: 2px 0;
  15921. }
  15922. .pf2e.item.sheet form .form-group.form-group-trait label {
  15923. vertical-align: top;
  15924. }
  15925. .pf2e.item.sheet form .form-group.form-group-trait > ul.abc-traits-list {
  15926. list-style: none;
  15927. margin: 0;
  15928. padding: 0;
  15929. display: flex;
  15930. flex-wrap: wrap;
  15931. }
  15932. .pf2e.item.sheet form .form-group.form-group-trait > ul.abc-traits-list span.tag {
  15933. float: none;
  15934. }
  15935. .pf2e.item.sheet form .form-group.other-weapons input {
  15936. flex: 2;
  15937. }
  15938. .pf2e.item.sheet form .form-group.other-weapons select {
  15939. flex: 1;
  15940. }
  15941. .pf2e.item.sheet form .form-group.additional-language input {
  15942. flex: 0.5;
  15943. }
  15944. .pf2e.item.sheet form .form-group.additional-language span {
  15945. flex: 2.5;
  15946. padding-left: 4px;
  15947. }
  15948. .pf2e.item.sheet form .item-activations {
  15949. padding: 8px 8px 0;
  15950. overflow: hidden scroll;
  15951. }
  15952. .pf2e.item.sheet form .item-activations .activation + .activation, .pf2e.item.sheet form .item-activations .activation + button {
  15953. margin-top: 0.5em;
  15954. }
  15955. .pf2e.item.sheet form .item-activations .activation .editor {
  15956. min-height: 28px;
  15957. }
  15958. .pf2e.item.sheet form .item-activations header {
  15959. font-size: 1.05em;
  15960. margin-bottom: 0.25em;
  15961. line-height: 1.25em;
  15962. }
  15963. .pf2e.item.sheet form .item-activations .activation-time {
  15964. flex: 1;
  15965. height: 20px;
  15966. }
  15967. .pf2e.item.sheet form .item-activations .frequency {
  15968. flex: 1;
  15969. gap: 4px;
  15970. padding-right: 6px;
  15971. }
  15972. .pf2e.item.sheet form .item-activations .frequency input[type=number] {
  15973. border: none;
  15974. background: none;
  15975. text-align: right;
  15976. margin: 0 0 0 24px;
  15977. }
  15978. .pf2e.item.sheet form .item-activations .frequency > select:first-child {
  15979. margin-left: 24px;
  15980. }
  15981. .pf2e.item.sheet form .item-activations .frequency.empty {
  15982. text-align: right;
  15983. }
  15984. .pf2e.item.sheet form .item-activations .tags {
  15985. margin-top: 4px;
  15986. }
  15987. .pf2e.item.sheet form .item-activations .tags label {
  15988. margin-right: 3px;
  15989. }
  15990. .pf2e.item.sheet form .item-activations .tox {
  15991. min-height: 150px;
  15992. }
  15993. .pf2e.item.sheet form .identify-popup {
  15994. min-width: 300px;
  15995. }
  15996. .pf2e.item.sheet form .sheet-body .tab.mystification.active .mystification-status select {
  15997. max-width: fit-content;
  15998. margin-right: auto;
  15999. }
  16000. .pf2e.item.sheet form .sheet-body .tab.mystification.active .unidentified {
  16001. display: flex;
  16002. align-items: center;
  16003. gap: 0.5rem;
  16004. flex-wrap: wrap;
  16005. }
  16006. .pf2e.item.sheet form .sheet-body .tab.mystification.active .unidentified > * {
  16007. display: flex;
  16008. }
  16009. .pf2e.item.sheet form .sheet-body .tab.mystification.active .unidentified img {
  16010. height: 42px;
  16011. width: 42px;
  16012. }
  16013. .pf2e.item.sheet form .sheet-body .tab.mystification.active .unidentified input {
  16014. width: 50%;
  16015. }
  16016. .pf2e.item.sheet form .sheet-body .tab.mystification.active .unidentified .editor {
  16017. min-height: 100px;
  16018. width: 100%;
  16019. }
  16020. .pf2e.item.sheet form .sheet-body .tab.mystification.active .unidentified .tox.tox-tinymce {
  16021. min-height: 200px;
  16022. }
  16023. .pf2e.item.sheet form .tab.active.rules select {
  16024. font-size: var(--font-size-12);
  16025. height: 1.36rem;
  16026. width: auto;
  16027. }
  16028. .pf2e.item.sheet form .tab.active.rules select span {
  16029. padding: 0;
  16030. }
  16031. .pf2e.item.sheet form .tab.active.rules fieldset {
  16032. border-radius: 5px;
  16033. border: 1px solid var(--secondary-background);
  16034. padding: 0.25em;
  16035. }
  16036. .pf2e.item.sheet form .tab.active.rules fieldset legend {
  16037. font-weight: 500;
  16038. }
  16039. .pf2e.item.sheet form .tab.active.rules .nerd-details {
  16040. margin-bottom: 10px;
  16041. }
  16042. .pf2e.item.sheet form .tab.active.rules .nerd-details .form-group {
  16043. margin: 0;
  16044. }
  16045. .pf2e.item.sheet form .tab.active.rules .nerd-details label {
  16046. align-items: center;
  16047. display: flex;
  16048. flex: 0 0 70px;
  16049. line-height: 1.5em;
  16050. margin-right: 4px;
  16051. min-width: 8em;
  16052. }
  16053. .pf2e.item.sheet form .tab.active.rules .nerd-details label i.fa-info-circle {
  16054. margin-left: auto;
  16055. margin-right: 0.5em;
  16056. }
  16057. .pf2e.item.sheet form .tab.active.rules .rules {
  16058. padding-top: 7px;
  16059. padding-right: 7px;
  16060. }
  16061. .pf2e.item.sheet form .tab.active.rules .rules .add-rule-element {
  16062. text-align: right;
  16063. }
  16064. .pf2e.item.sheet form .tab.active.rules .rules textarea {
  16065. padding: 4px;
  16066. min-height: 60px;
  16067. resize: vertical;
  16068. }
  16069. .pf2e.item.sheet form .tab.active.rules .create-rule-element {
  16070. display: flex;
  16071. align-items: center;
  16072. white-space: nowrap;
  16073. gap: 6px;
  16074. justify-content: flex-end;
  16075. }
  16076. .pf2e.item.sheet form .tab.active.rules .rule-editing {
  16077. display: flex;
  16078. flex-direction: column;
  16079. height: 100%;
  16080. gap: 5px;
  16081. }
  16082. .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor {
  16083. flex: 1;
  16084. background-color: white;
  16085. overflow: hidden;
  16086. }
  16087. .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor .cm-scroller {
  16088. overflow: hidden scroll;
  16089. overflow: scroll;
  16090. }
  16091. .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor button {
  16092. width: auto;
  16093. line-height: normal;
  16094. }
  16095. .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor input[type=checkbox] {
  16096. width: auto;
  16097. height: auto;
  16098. }
  16099. .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor label {
  16100. display: inline;
  16101. }
  16102. .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor .cm-search .cm-textfield {
  16103. width: 100px;
  16104. }
  16105. .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor ::selection {
  16106. color: var(--text-dark);
  16107. }
  16108. .pf2e.item.sheet form .tab.active.rules .rule-editing .item-controls {
  16109. margin: 0;
  16110. }
  16111. .pf2e.item.sheet form .tab.active.rules .rule-form {
  16112. --form-field-height: normal;
  16113. border-bottom: 1px solid var(--color-border-light-primary);
  16114. padding-bottom: 0.5rem;
  16115. margin-bottom: 0.5rem;
  16116. }
  16117. .pf2e.item.sheet form .tab.active.rules .rule-form.drag-preview {
  16118. background: url(../ui/parchment.jpg) repeat;
  16119. }
  16120. .pf2e.item.sheet form .tab.active.rules .rule-form.drag-gap {
  16121. visibility: hidden;
  16122. }
  16123. .pf2e.item.sheet form .tab.active.rules .rule-form input::placeholder {
  16124. opacity: 0.9;
  16125. }
  16126. .pf2e.item.sheet form .tab.active.rules .rule-form label {
  16127. align-items: center;
  16128. display: flex;
  16129. gap: 4px;
  16130. font-weight: 500;
  16131. white-space: nowrap;
  16132. }
  16133. .pf2e.item.sheet form .tab.active.rules .rule-form label:not(:first-child) {
  16134. padding-left: 2px;
  16135. }
  16136. .pf2e.item.sheet form .tab.active.rules .rule-form label input,
  16137. .pf2e.item.sheet form .tab.active.rules .rule-form label tags {
  16138. flex: 1;
  16139. }
  16140. .pf2e.item.sheet form .tab.active.rules .rule-form label input[type=checkbox] {
  16141. width: 1rem;
  16142. height: 1rem;
  16143. flex-basis: auto;
  16144. }
  16145. .pf2e.item.sheet form .tab.active.rules .rule-form label input[type=checkbox]:first-child:last-child {
  16146. margin-left: auto;
  16147. justify-self: flex-end;
  16148. }
  16149. .pf2e.item.sheet form .tab.active.rules .rule-form select.short {
  16150. flex: 0 0 auto;
  16151. }
  16152. .pf2e.item.sheet form .tab.active.rules .rule-form .content-link {
  16153. display: flex;
  16154. flex: 0 0 auto;
  16155. flex-direction: row;
  16156. align-items: center;
  16157. gap: 3px;
  16158. }
  16159. .pf2e.item.sheet form .tab.active.rules .rule-form .content-link img {
  16160. width: 16px;
  16161. height: 16px;
  16162. }
  16163. .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header {
  16164. display: flex;
  16165. align-items: center;
  16166. margin-bottom: 0.25rem;
  16167. }
  16168. .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .drag-handle {
  16169. cursor: grab;
  16170. font-weight: normal;
  16171. margin-right: 0.375rem;
  16172. padding: 0.125rem;
  16173. }
  16174. .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header h3 {
  16175. flex: 1;
  16176. margin: 0;
  16177. }
  16178. .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header h3.unrecognized {
  16179. color: #880000;
  16180. }
  16181. .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .priority {
  16182. margin-right: 0.75rem;
  16183. }
  16184. .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .priority input {
  16185. width: 4ch;
  16186. }
  16187. .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .item-controls {
  16188. margin-left: auto;
  16189. }
  16190. .pf2e.item.sheet form .tab.active.rules .rule-form .form-fields [data-action] {
  16191. flex: 0 0 auto;
  16192. }
  16193. .pf2e.item.sheet form .tab.active.rules .rule-form .range {
  16194. display: flex;
  16195. gap: 3px;
  16196. align-items: center;
  16197. }
  16198. .pf2e.item.sheet form .tab.active.rules .rule-form .range input {
  16199. width: 40px;
  16200. }
  16201. .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input {
  16202. align-items: center;
  16203. display: flex;
  16204. flex: 2;
  16205. justify-content: center;
  16206. }
  16207. .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment,
  16208. .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input,
  16209. .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .tags {
  16210. z-index: 0;
  16211. }
  16212. .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment:hover, .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment:focus,
  16213. .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input:hover,
  16214. .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input:focus,
  16215. .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .tags:hover,
  16216. .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .tags:focus {
  16217. z-index: 1;
  16218. }
  16219. .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment {
  16220. display: flex;
  16221. justify-content: center;
  16222. align-items: center;
  16223. padding: 0 6px;
  16224. margin: 0;
  16225. line-height: unset;
  16226. flex: 0 0 auto;
  16227. width: auto;
  16228. min-width: 68px;
  16229. align-self: stretch;
  16230. border: 1px solid #aaa;
  16231. border-right: none;
  16232. border-radius: 3px 0 0 3px;
  16233. }
  16234. .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .file-picker {
  16235. line-height: unset;
  16236. }
  16237. .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input,
  16238. .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input tags {
  16239. border-top-left-radius: 0;
  16240. border-bottom-left-radius: 0;
  16241. margin: 0;
  16242. flex: 1;
  16243. }
  16244. .pf2e.item.sheet form .tab.active.rules .rule-form .brackets {
  16245. margin-left: 9.5em;
  16246. }
  16247. .pf2e.item.sheet form .tab.active.rules .rule-form .brackets .bracket {
  16248. align-items: center;
  16249. display: flex;
  16250. gap: 4px;
  16251. }
  16252. .pf2e.item.sheet form .tab.active.rules .rule-form .brackets .bracket .value {
  16253. flex: 1;
  16254. }
  16255. .pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs {
  16256. border-bottom: 1px solid var(--secondary-background);
  16257. }
  16258. .pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 {
  16259. display: flex;
  16260. justify-content: space-evenly;
  16261. width: 100%;
  16262. margin-top: 0.5em;
  16263. font-weight: 200;
  16264. }
  16265. .pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs a.active {
  16266. font-weight: 600;
  16267. text-decoration: underline;
  16268. }
  16269. .pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container {
  16270. display: flex;
  16271. justify-content: center;
  16272. align-items: center;
  16273. width: 100%;
  16274. height: 4em;
  16275. }
  16276. .pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone {
  16277. display: flex;
  16278. justify-content: center;
  16279. align-items: center;
  16280. width: 40%;
  16281. height: 3.5em;
  16282. border: 1px solid var(--color-border-light-primary);
  16283. border-radius: 3px;
  16284. color: #222;
  16285. background-color: #ddd;
  16286. cursor: default;
  16287. padding: 1px 6px;
  16288. font-family: var(--font-primary);
  16289. font-size: var(--font-size-14);
  16290. line-height: 28px;
  16291. }
  16292. .pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone i {
  16293. border: 1px solid #bbb;
  16294. border-radius: 2px;
  16295. align-items: center;
  16296. display: flex;
  16297. height: 1.6em;
  16298. justify-content: center;
  16299. margin-right: 0.5em;
  16300. width: 1.6em;
  16301. }
  16302. .pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone i:after {
  16303. font-size: var(--font-size-20);
  16304. }
  16305. .pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone span {
  16306. color: var(--text-dark);
  16307. }
  16308. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .grid-item {
  16309. display: grid;
  16310. grid: 1fr/5em 1fr;
  16311. }
  16312. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .grid-item.long-label {
  16313. grid: 1fr/9em 1fr;
  16314. }
  16315. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .checkbox {
  16316. display: flex;
  16317. justify-content: flex-end;
  16318. }
  16319. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .item-controls {
  16320. justify-content: flex-end;
  16321. }
  16322. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .item-controls a {
  16323. margin: 2px 5px 0 0;
  16324. }
  16325. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .stacked {
  16326. display: grid;
  16327. grid-template-columns: 1fr 1fr;
  16328. column-gap: 0.5rem;
  16329. }
  16330. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .column-span-two {
  16331. grid-column: span 2;
  16332. }
  16333. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .resolvable {
  16334. grid-column: span 2;
  16335. display: flex;
  16336. align-items: center;
  16337. }
  16338. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .brackets-container {
  16339. grid-column: span 3;
  16340. }
  16341. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] label {
  16342. min-width: 5em;
  16343. font-weight: 500;
  16344. }
  16345. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] label.short {
  16346. max-width: 5em;
  16347. }
  16348. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] label.with-hint {
  16349. margin-right: 5px;
  16350. }
  16351. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] fieldset {
  16352. grid-column: span 2;
  16353. padding-bottom: 0.4rem;
  16354. }
  16355. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .brackets {
  16356. margin-left: 6em;
  16357. }
  16358. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] hr {
  16359. grid-column: span 2;
  16360. width: 100%;
  16361. }
  16362. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] {
  16363. height: 90px;
  16364. overflow-y: auto;
  16365. }
  16366. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container {
  16367. grid-column: span 2;
  16368. display: grid;
  16369. grid: 1fr/5em 10fr 1fr;
  16370. }
  16371. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container a.content-link {
  16372. display: flex;
  16373. align-items: center;
  16374. gap: 0.5em;
  16375. width: fit-content;
  16376. min-width: 12rem;
  16377. height: 2em;
  16378. padding: 4px;
  16379. }
  16380. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container a.content-link img {
  16381. border: 1px solid var(--color-border-dark);
  16382. border-radius: 2px;
  16383. box-sizing: border-box;
  16384. display: block;
  16385. float: left;
  16386. height: 24px;
  16387. width: 24px;
  16388. }
  16389. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container a.content-link span {
  16390. text-wrap: wrap;
  16391. }
  16392. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .three-items {
  16393. grid-column: span 2;
  16394. display: grid;
  16395. grid: 1fr/5em 8fr 7em 5fr 6em 1fr;
  16396. margin-top: 5px;
  16397. }
  16398. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .three-items select {
  16399. width: fit-content;
  16400. min-width: 10em;
  16401. }
  16402. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .saves-container {
  16403. display: grid;
  16404. grid: 1fr/5em 8.8fr;
  16405. align-items: center;
  16406. row-gap: 5px;
  16407. }
  16408. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .saves-container select {
  16409. width: fit-content;
  16410. min-width: 10em;
  16411. }
  16412. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .rules-drop-container {
  16413. grid-column: span 2;
  16414. }
  16415. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .translation input {
  16416. width: 5em;
  16417. }
  16418. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] input[type=checkbox] {
  16419. margin-left: unset;
  16420. }
  16421. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items {
  16422. display: flex;
  16423. justify-content: space-between;
  16424. gap: 0.5em;
  16425. }
  16426. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items > label {
  16427. min-width: unset;
  16428. width: fit-content;
  16429. }
  16430. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker {
  16431. align-items: center;
  16432. display: flex;
  16433. width: 16rem;
  16434. white-space: nowrap;
  16435. }
  16436. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker input[type=text] {
  16437. flex: 1;
  16438. }
  16439. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker input[type=color] {
  16440. flex: 2;
  16441. height: 94%;
  16442. }
  16443. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker input[type=color]:disabled {
  16444. background: rgba(0, 0, 0, 0.05);
  16445. border: 1px solid transparent;
  16446. }
  16447. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker .user {
  16448. flex: 0;
  16449. gap: 0;
  16450. justify-content: start;
  16451. }
  16452. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker .user input[type=checkbox] {
  16453. flex: 0;
  16454. margin-left: 0;
  16455. }
  16456. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker .user span {
  16457. font-size: small;
  16458. }
  16459. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items {
  16460. display: grid;
  16461. grid-template-columns: 5em 2.5fr 1fr;
  16462. align-items: center;
  16463. }
  16464. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items.long-label {
  16465. grid: 1fr/9em 2.5fr 1fr;
  16466. }
  16467. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items input[type=color] {
  16468. min-width: 7em;
  16469. }
  16470. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items.image-path {
  16471. grid-column: span 2;
  16472. grid: 1fr/9em 8fr 1fr;
  16473. }
  16474. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items.image-path button.file-picker {
  16475. margin: unset;
  16476. }
  16477. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Note] {
  16478. display: flex;
  16479. flex-direction: column;
  16480. gap: 2px;
  16481. }
  16482. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] {
  16483. display: grid;
  16484. grid: "label content" 1fr/1fr 1fr;
  16485. column-gap: 5px;
  16486. }
  16487. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] fieldset.radii {
  16488. display: flex;
  16489. flex-direction: column;
  16490. grid-column: span 2;
  16491. }
  16492. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] fieldset.radii .brackets {
  16493. margin-left: 6.5em;
  16494. }
  16495. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] label {
  16496. display: flex;
  16497. flex: unset;
  16498. margin-left: 5px;
  16499. margin-right: 5px;
  16500. }
  16501. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] label.short {
  16502. min-width: 5em;
  16503. }
  16504. .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] .column-span-two {
  16505. grid-column: span 2;
  16506. }
  16507. .pf2e.item.sheet form label {
  16508. display: block;
  16509. }
  16510. .pf2e.item.sheet form input:not(:disabled) {
  16511. color: var(--color-text-dark-input);
  16512. }
  16513. .pf2e.item.sheet form .mce-panel span {
  16514. display: inherit;
  16515. }
  16516. .pf2e.item.sheet form.editable .rollable:hover {
  16517. color: var(--text-dark);
  16518. text-shadow: 0 0 10px #00005a;
  16519. cursor: pointer;
  16520. }
  16521. .pf2e.item.sheet form .tab {
  16522. flex: 1;
  16523. }
  16524. .pf2e.item.sheet form:has(.tab.active.rules) .sidebar-summary {
  16525. visibility: hidden;
  16526. }
  16527. .pf2e.item.sheet form:has(.tab.active.rules) section.sidebar {
  16528. display: none;
  16529. }
  16530. .pf2e.item.sheet form .tag-legacy {
  16531. float: left;
  16532. margin: 0 2px 2px 0;
  16533. padding: 0 3px;
  16534. font-size: var(--font-size-10);
  16535. line-height: 16px;
  16536. border: 1px solid #999;
  16537. border-radius: 3px;
  16538. white-space: normal;
  16539. font-weight: 500;
  16540. }
  16541. .pf2e.item.sheet form p.hint {
  16542. font-family: var(--font-primary);
  16543. font-weight: normal;
  16544. }
  16545. .pf2e.item.sheet form .item-controls {
  16546. display: flex;
  16547. margin: 0 0 0 4px;
  16548. align-items: baseline;
  16549. gap: 2px;
  16550. }
  16551. .pf2e.item.sheet form i.fa-info-circle {
  16552. cursor: help;
  16553. }
  16554. .pf2e.item.sheet form > nav {
  16555. display: flex;
  16556. align-items: baseline;
  16557. border-bottom: 1px solid var(--secondary-background);
  16558. flex: 0 0 30px;
  16559. line-height: 30px;
  16560. margin-bottom: 0.5rem;
  16561. }
  16562. .pf2e.item.sheet form > nav a {
  16563. flex: 1 1 auto;
  16564. }
  16565. .pf2e.item.sheet form > nav a.active {
  16566. text-decoration: underline;
  16567. }
  16568. .pf2e.item.sheet form > nav .sidebar-summary {
  16569. flex: 0 0 220px;
  16570. margin: 0;
  16571. text-align: center;
  16572. }
  16573. .pf2e.item.sheet form > nav .sheet-tabs {
  16574. font-weight: 500;
  16575. margin: 0;
  16576. flex: 1;
  16577. align-items: baseline;
  16578. }
  16579. .pf2e.item.sheet form > nav .sheet-tabs > .list-row {
  16580. font-size: var(--font-size-12);
  16581. text-align: center;
  16582. }
  16583. .pf2e.item.sheet form > nav .sheet-tabs > .list-row:last-of-type {
  16584. padding-right: 4px;
  16585. }
  16586. .pf2e.item.sheet form > nav .sheet-tabs > .list-row.active {
  16587. font-weight: 600;
  16588. }
  16589. .pf2e.item.sheet form .sheet-content {
  16590. width: 100%;
  16591. display: flex;
  16592. flex-direction: row;
  16593. flex-wrap: wrap;
  16594. justify-content: flex-start;
  16595. height: calc(100% - 35px);
  16596. overflow: hidden;
  16597. }
  16598. .pf2e.item.sheet form .sheet-content > * {
  16599. flex: 1;
  16600. }
  16601. .pf2e.item.sheet form .sheet-content > section.sidebar,
  16602. .pf2e.item.sheet form .sheet-content > .sheet-body {
  16603. height: calc(100% - 10px);
  16604. overflow-y: auto;
  16605. }
  16606. .pf2e.item.sheet form .sheet-content section.sidebar {
  16607. flex: 0 0 220px;
  16608. display: flex;
  16609. flex-direction: column;
  16610. flex-wrap: nowrap;
  16611. }
  16612. .pf2e.item.sheet form .sheet-content section.sidebar > * {
  16613. flex: 1;
  16614. }
  16615. .pf2e.item.sheet form .sheet-content section.sidebar .item-summary {
  16616. font-family: var(--serif-condensed);
  16617. font-weight: 700;
  16618. flex: 0 0 28px;
  16619. line-height: 28px;
  16620. text-align: center;
  16621. font-size: var(--font-size-18);
  16622. color: #444;
  16623. }
  16624. .pf2e.item.sheet form .sheet-content section.sidebar ol.item-tags {
  16625. padding-left: 0;
  16626. flex: 0;
  16627. list-style: none;
  16628. }
  16629. .pf2e.item.sheet form .sheet-content section.sidebar ol.item-tags .tag {
  16630. align-items: center;
  16631. justify-content: center;
  16632. width: 100%;
  16633. }
  16634. .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details,
  16635. .pf2e.item.sheet form .sheet-content section.sidebar .feat-details {
  16636. overflow: hidden scroll;
  16637. padding: 0 4px 0 0;
  16638. }
  16639. .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details label,
  16640. .pf2e.item.sheet form .sheet-content section.sidebar .feat-details label {
  16641. font-weight: 500;
  16642. max-width: 6em;
  16643. white-space: nowrap;
  16644. }
  16645. .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group,
  16646. .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group {
  16647. margin: 3px 0;
  16648. }
  16649. .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group input,
  16650. .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group input {
  16651. text-align: right;
  16652. }
  16653. .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group input.left-of-select,
  16654. .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group input.left-of-select {
  16655. min-width: 4ch;
  16656. padding-right: 0.25em;
  16657. }
  16658. .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group select,
  16659. .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group select {
  16660. max-width: 12em;
  16661. }
  16662. .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group.longtext,
  16663. .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group.longtext {
  16664. height: fit-content;
  16665. align-items: start;
  16666. margin: 0 0 0.5em 0;
  16667. }
  16668. .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group.longtext label,
  16669. .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group.longtext label {
  16670. max-width: 6em;
  16671. white-space: normal;
  16672. line-height: unset;
  16673. }
  16674. .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group.longtext .editor-content,
  16675. .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group.longtext .editor-content {
  16676. min-height: 3em;
  16677. }
  16678. .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group.longtext .editor-content > p,
  16679. .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group.longtext .editor-content > p {
  16680. font-weight: 400;
  16681. margin: 0;
  16682. }
  16683. .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .price-fields,
  16684. .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .price-fields {
  16685. display: flex;
  16686. gap: 4px;
  16687. }
  16688. .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .price-fields input[name="system.price.per"],
  16689. .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .price-fields input[name="system.price.per"] {
  16690. width: 22px;
  16691. }
  16692. .pf2e.item.sheet form .sheet-content section.sidebar select {
  16693. font-family: inherit;
  16694. font-size: 0.85em;
  16695. height: 1.8em;
  16696. }
  16697. .pf2e.item.sheet form .sheet-content section.sidebar button {
  16698. padding-top: 0;
  16699. padding-bottom: 0;
  16700. white-space: nowrap;
  16701. }
  16702. .pf2e.item.sheet form .sheet-content input[type=text], .pf2e.item.sheet form .sheet-content input[type=number] {
  16703. border: 1px solid transparent;
  16704. height: calc(100% - 2px);
  16705. margin: 1px 0;
  16706. width: calc(100% - 2px);
  16707. }
  16708. .pf2e.item.sheet form .sheet-content select {
  16709. background: rgba(255, 255, 255, 0.5);
  16710. }
  16711. .pf2e.item.sheet form .sheet-content button:hover:not(:disabled), .pf2e.item.sheet form .sheet-content button:focus,
  16712. .pf2e.item.sheet form .sheet-content input:not([type=range]):hover:not(:disabled),
  16713. .pf2e.item.sheet form .sheet-content input:not([type=range]):focus,
  16714. .pf2e.item.sheet form .sheet-content select:hover:not(:disabled),
  16715. .pf2e.item.sheet form .sheet-content select:focus {
  16716. border-color: var(--color-border-dark-1);
  16717. box-shadow: 0 0 5px var(--secondary);
  16718. }
  16719. .pf2e.item.sheet form .sheet-body input[type=text],
  16720. .pf2e.item.sheet form .sheet-body input[type=number] {
  16721. padding: 3px;
  16722. }
  16723. .pf2e.item.sheet form .sheet-body input[type=text]:not(:disabled),
  16724. .pf2e.item.sheet form .sheet-body input[type=number]:not(:disabled) {
  16725. background: rgba(255, 255, 255, 0.5);
  16726. border: 1px solid var(--color-text-light-5);
  16727. }
  16728. .pf2e.item.sheet form .sheet-body .tab.active {
  16729. overflow: hidden scroll;
  16730. padding-left: 0.5rem;
  16731. }
  16732. .pf2e.item.sheet form .sheet-body .tab.active.description {
  16733. display: flex;
  16734. flex-direction: column;
  16735. gap: 3px;
  16736. height: 100%;
  16737. padding: 0 0.25em;
  16738. }
  16739. .pf2e.item.sheet form .sheet-body .tab.active.description > * {
  16740. display: flex;
  16741. overflow: hidden;
  16742. }
  16743. .pf2e.item.sheet form .sheet-body .tab.active.description .editor {
  16744. min-height: 2.5em;
  16745. flex: 1;
  16746. }
  16747. .pf2e.item.sheet form .sheet-body .tab.active.description.editing {
  16748. overflow: hidden;
  16749. }
  16750. .pf2e.item.sheet form .sheet-body .tab.active.description.editing > section {
  16751. flex: 1;
  16752. }
  16753. .pf2e.item.sheet form .sheet-body .tab.active.description .gm-notes {
  16754. background-color: var(--visibility-gm-bg);
  16755. border: 1px dotted rgba(75, 74, 68, 0.5);
  16756. padding: 0 0.25em;
  16757. flex: 0 0 auto;
  16758. }
  16759. .pf2e.item.sheet form .sheet-body .tab.active.description .gm-notes:not(.has-content) {
  16760. display: none;
  16761. }
  16762. .pf2e.item.sheet form .sheet-body .tab.active.description .main {
  16763. flex: 1 0 auto;
  16764. }
  16765. .pf2e.item.sheet form .sheet-body .tab.active.description .editor {
  16766. display: flex;
  16767. flex-direction: column;
  16768. }
  16769. .pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes,
  16770. .pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit {
  16771. font-size: 1.33em;
  16772. background: rgb(205, 205, 205);
  16773. }
  16774. .pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes i,
  16775. .pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit i {
  16776. width: 1em;
  16777. text-align: center;
  16778. }
  16779. .pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes {
  16780. border-radius: 4px;
  16781. border: 1px solid var(--color-border-dark-1);
  16782. box-shadow: 0 0 1px var(--color-shadow-dark);
  16783. display: none;
  16784. padding: 1px 2px;
  16785. position: absolute;
  16786. right: 35px;
  16787. top: 5px;
  16788. }
  16789. .pf2e.item.sheet form .sheet-body .tab.active.description .editor:hover a.add-gm-notes {
  16790. display: block;
  16791. }
  16792. .pf2e.item.sheet form .sheet-body .tab.active.description .editor .tox {
  16793. flex: 1;
  16794. }
  16795. .pf2e.item.sheet form .sheet-body .tab.active.details {
  16796. padding: 0.5rem 0.5rem 0;
  16797. }
  16798. .pf2e.item.sheet form .sheet-body .tab.active.details label {
  16799. color: var(--color-text-dark-2);
  16800. font-weight: 500;
  16801. padding-right: 0.5em;
  16802. white-space: nowrap;
  16803. }
  16804. .pf2e.item.sheet form .sheet-body .tab.active.details label.no-data {
  16805. color: var(--color-text-dark-4);
  16806. }
  16807. .pf2e.item.sheet form .sheet-body .tab.active.details select {
  16808. font-size: var(--font-size-12);
  16809. height: 1.5rem;
  16810. padding-right: 1em;
  16811. }
  16812. .pf2e.item.sheet form .sheet-body .tab.active.details .tags .tag {
  16813. font-size: var(--font-size-10);
  16814. }
  16815. .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data {
  16816. align-items: baseline;
  16817. gap: 0.25em;
  16818. display: grid;
  16819. grid-template: "title title title" 2fr "authors license remaster" 3fr/60% 20% 20%;
  16820. }
  16821. .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data label {
  16822. font-weight: 500;
  16823. min-width: unset;
  16824. }
  16825. .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data input[type=text] {
  16826. height: 1.6rem;
  16827. }
  16828. .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .title {
  16829. grid-area: title;
  16830. margin-right: 0;
  16831. }
  16832. .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .authors {
  16833. grid-area: authors;
  16834. }
  16835. .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license {
  16836. grid-area: license;
  16837. }
  16838. .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select {
  16839. margin-top: 1px;
  16840. }
  16841. .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .remaster {
  16842. grid-area: remaster;
  16843. }
  16844. .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license,
  16845. .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .remaster {
  16846. text-align: center;
  16847. }
  16848. .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license label,
  16849. .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .remaster label {
  16850. padding: 0;
  16851. }
  16852. .pf2e.item.sheet form .sheet-body fieldset {
  16853. border: 1px solid var(--color-border-medium);
  16854. border-radius: 2px;
  16855. margin-bottom: 0.5rem;
  16856. padding: 0 0.5em 0.25em;
  16857. }
  16858. .pf2e.item.sheet form .sheet-body fieldset legend {
  16859. font-weight: 600;
  16860. }
  16861. .pf2e.item.sheet form .sheet-body fieldset.basics {
  16862. border-color: transparent;
  16863. padding: 0;
  16864. }
  16865. .pf2e.item.sheet form .sheet-body .editor {
  16866. --space-s: 0.25em;
  16867. --space-m: 0.5em;
  16868. --space-l: 1em;
  16869. --space-xl: 1.5em;
  16870. --space-2xl: 2em;
  16871. --radius: 3px;
  16872. }
  16873. .pf2e.item.sheet form .sheet-body .editor p {
  16874. min-height: unset;
  16875. }
  16876. .pf2e.item.sheet form .sheet-body .editor :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
  16877. margin-top: 1em;
  16878. }
  16879. .pf2e.item.sheet form .sheet-body .editor .inline-header {
  16880. display: flex;
  16881. align-items: center;
  16882. gap: var(--space-l);
  16883. background-color: var(--alt);
  16884. font-family: var(--sans-serif);
  16885. color: var(--text-light);
  16886. padding: 0;
  16887. font-size: 0.8em;
  16888. font-weight: 400;
  16889. border: none;
  16890. }
  16891. .pf2e.item.sheet form .sheet-body .editor .inline-header strong {
  16892. display: inline-flex;
  16893. padding: 0 var(--space-m);
  16894. background-color: var(--primary);
  16895. min-width: 15ch;
  16896. border-right: 1px solid rgba(0, 0, 0, 0.4);
  16897. box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
  16898. font-weight: 400;
  16899. }
  16900. .pf2e.item.sheet form .sheet-body .editor .inline-header + p {
  16901. margin-top: var(--space-s);
  16902. }
  16903. .pf2e.item.sheet form .sheet-body .editor .info {
  16904. background-color: var(--secondary);
  16905. padding: var(--space-m);
  16906. color: var(--text-light);
  16907. margin-left: auto;
  16908. margin-right: auto;
  16909. padding: 0;
  16910. border-radius: var(--radius);
  16911. font-family: var(--sans-serif);
  16912. padding-bottom: var(--space-m);
  16913. }
  16914. .pf2e.item.sheet form .sheet-body .editor .info > * + * {
  16915. margin-top: var(--space-m);
  16916. }
  16917. .pf2e.item.sheet form .sheet-body .editor .info + * {
  16918. margin-top: var(--space-xl);
  16919. }
  16920. .pf2e.item.sheet form .sheet-body .editor .info + .pf2e.item.sheet form .sheet-body .editor .info {
  16921. margin-top: var(--space-s);
  16922. }
  16923. .pf2e.item.sheet form .sheet-body .editor .info h4 {
  16924. font-size: 0.9em;
  16925. font-weight: 400;
  16926. line-height: 1.2;
  16927. font-family: var(--sans-serif);
  16928. border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  16929. padding: var(--space-m) var(--space-l);
  16930. position: relative;
  16931. display: flex;
  16932. align-items: center;
  16933. justify-content: space-between;
  16934. color: var(--text-light);
  16935. }
  16936. .pf2e.item.sheet form .sheet-body .editor .info h4::after {
  16937. font-family: "Font Awesome 6";
  16938. content: "\f05a";
  16939. font-weight: 900;
  16940. margin-right: var(--space-s);
  16941. }
  16942. .pf2e.item.sheet form .sheet-body .editor .info p {
  16943. font-size: 0.8em;
  16944. margin: 0;
  16945. padding: 0 var(--space-l);
  16946. }
  16947. .pf2e.item.sheet form .sheet-body .editor .info p:first-of-type {
  16948. padding-top: var(--space-m);
  16949. border-top: 1px solid rgba(255, 255, 255, 0.1);
  16950. }
  16951. .pf2e.item.sheet form .sheet-body .editor .traits {
  16952. display: flex;
  16953. flex-wrap: wrap;
  16954. padding: 0;
  16955. }
  16956. .pf2e.item.sheet form .sheet-body .editor .traits p {
  16957. display: inline-flex;
  16958. padding: 0.16rem 0.25rem;
  16959. margin: 0;
  16960. background-color: var(--primary);
  16961. border: 2px solid var(--color-border-trait);
  16962. color: var(--text-light);
  16963. font: 500 var(--font-size-10) var(--sans-serif);
  16964. text-transform: uppercase;
  16965. }
  16966. .pf2e.item.sheet form .sheet-body .editor .statblock {
  16967. font-family: var(--sans-serif-condensed);
  16968. color: var(--text-dark);
  16969. line-height: 1.2;
  16970. margin-bottom: var(--space-m);
  16971. }
  16972. .pf2e.item.sheet form .sheet-body .editor .statblock > * + * {
  16973. margin-top: var(--space-s);
  16974. margin-bottom: 0;
  16975. }
  16976. .pf2e.item.sheet form .sheet-body .editor .statblock p {
  16977. --indent: var(--space-l);
  16978. margin-left: var(--indent);
  16979. position: relative;
  16980. }
  16981. .pf2e.item.sheet form .sheet-body .editor .statblock p strong:first-of-type {
  16982. margin-left: calc(var(--indent) * -1);
  16983. }
  16984. .pf2e.item.sheet form .sheet-body .editor .statblock p .trait:first-of-type {
  16985. margin-left: calc(var(--indent) * -1 - 2px);
  16986. }
  16987. .pf2e.item.sheet form .sheet-body .editor .statblock span.pf2-icon {
  16988. line-height: 1;
  16989. }
  16990. .pf2e.item.sheet form .sheet-body .editor .statblock h1,
  16991. .pf2e.item.sheet form .sheet-body .editor .statblock h2,
  16992. .pf2e.item.sheet form .sheet-body .editor .statblock h3,
  16993. .pf2e.item.sheet form .sheet-body .editor .statblock h4 {
  16994. display: flex;
  16995. align-items: baseline;
  16996. justify-content: space-between;
  16997. border-bottom: 1px solid var(--color-border-dark);
  16998. text-transform: uppercase;
  16999. letter-spacing: -0.05em;
  17000. font-family: var(--sans-serif-condensed);
  17001. font-weight: 700;
  17002. }
  17003. .pf2e.item.sheet form .sheet-body .editor .statblock hr {
  17004. border: none;
  17005. border-bottom: 1px solid var(--color-border-dark);
  17006. }
  17007. .pf2e.item.sheet form .sheet-body .editor .message {
  17008. font-family: var(--journal-cursive);
  17009. font-size: 2em;
  17010. line-height: 1.2;
  17011. }
  17012. .pf2e.item.sheet form h3 .item-controls,
  17013. .pf2e.item.sheet form header .item-controls {
  17014. float: right;
  17015. }
  17016. .pf2e.item.sheet form .form-list h3, .pf2e.item.sheet form fieldset h3 {
  17017. font-weight: 600;
  17018. font-size: 1.05em;
  17019. margin-bottom: 0.25em;
  17020. }
  17021. .pf2e.item.sheet form .form-list {
  17022. border-radius: 5px;
  17023. border: 1px solid var(--secondary-background);
  17024. list-style-type: none;
  17025. margin: 0.5em 0;
  17026. padding: 0.25em;
  17027. }
  17028. .pf2e.item.sheet form .form-list:first-child {
  17029. margin-top: 0;
  17030. }
  17031. .pf2e.item.sheet form .form-list.subsection {
  17032. padding: 0;
  17033. }
  17034. .pf2e.item.sheet form .form-list.subsection > * {
  17035. padding: 0.25rem;
  17036. }
  17037. .pf2e.item.sheet form .form-list.subsection > header {
  17038. align-items: baseline;
  17039. background-color: var(--secondary);
  17040. border-radius: 5px 5px 0 0;
  17041. color: var(--text-light);
  17042. display: flex;
  17043. justify-content: space-between;
  17044. margin: -1px -1px 0 -1px;
  17045. padding: 1px;
  17046. }
  17047. .pf2e.item.sheet form .form-list.subsection > header h3,
  17048. .pf2e.item.sheet form .form-list.subsection > header .item-controls {
  17049. padding: 0.25rem;
  17050. margin-bottom: 0;
  17051. }
  17052. .pf2e.item.sheet form .two-by-two {
  17053. display: grid;
  17054. grid-template-columns: 1fr 1fr;
  17055. column-gap: 0.25rem;
  17056. }
  17057. .pf2e.item.sheet form .two-by-two .item-controls {
  17058. margin-left: 2px;
  17059. gap: 0;
  17060. }
  17061. .pf2e.item.sheet form .form-group.scalable {
  17062. height: auto;
  17063. min-height: 1.5rem;
  17064. }
  17065. .pf2e.item.sheet form .form-group.scalable ul.traits-list {
  17066. list-style-type: none;
  17067. }
  17068. .pf2e.item.sheet form .form-group > label:not(.large) {
  17069. max-width: 11em;
  17070. }
  17071. .pf2e.item.sheet form .form-group > label.short {
  17072. max-width: 9em;
  17073. }
  17074. .pf2e.item.sheet form .form-group .item-controls {
  17075. flex: 0 1 auto;
  17076. }
  17077. .pf2e.item.sheet form .form-group input.adjusted-higher:not(:focus) {
  17078. font-weight: 700;
  17079. color: #009988;
  17080. }
  17081. .pf2e.item.sheet form .form-group input.adjusted-lower:not(:focus) {
  17082. font-weight: 700;
  17083. color: #cc3311;
  17084. }
  17085. .pf2e.item.sheet form .details-container,
  17086. .pf2e.item.sheet form .dice-data {
  17087. display: grid;
  17088. grid: "dice die type"/40px 60px auto;
  17089. }
  17090. .pf2e.item.sheet form .effects-container {
  17091. display: grid;
  17092. grid: "effect number"/auto 40px;
  17093. }
  17094. .pf2e.item.sheet form .details-container-two-columns {
  17095. display: grid;
  17096. grid: "size type"/50% 50%;
  17097. }
  17098. .pf2e.item.sheet form .details-container-three-columns {
  17099. display: grid;
  17100. grid-template-columns: 1fr 1fr 1fr;
  17101. }
  17102. .pf2e.item.sheet form .form-fields > label {
  17103. display: flex;
  17104. align-items: center;
  17105. white-space: nowrap;
  17106. }
  17107. .pf2e.item.sheet form .form-fields select {
  17108. flex: 1;
  17109. width: auto;
  17110. }
  17111. .pf2e.item.sheet form .toggle-button-list {
  17112. display: flex;
  17113. gap: 2px;
  17114. margin: 4px 0;
  17115. }
  17116. .pf2e.item.sheet form .toggle-button-list button {
  17117. margin: 0;
  17118. font-size: var(--font-size-10);
  17119. line-height: 16px;
  17120. display: flex;
  17121. align-items: center;
  17122. white-space: nowrap;
  17123. padding: 3px 4px;
  17124. }
  17125. .pf2e.item.sheet form .consumable-details {
  17126. flex: 0 0 24px;
  17127. }
  17128. .pf2e.item.sheet form .consumable-details label {
  17129. font-weight: bold;
  17130. }
  17131. .pf2e.item.sheet form .consumable-details input {
  17132. flex: 0 0 24px;
  17133. margin-right: 6px;
  17134. text-align: right;
  17135. }
  17136. .pf2e.item.sheet form .consumable-details span {
  17137. line-height: 24px;
  17138. }
  17139. .pf2e.item.sheet form .consumable-details .max-charges {
  17140. flex: 0 0 16px;
  17141. text-align: center;
  17142. }
  17143. .pf2e.item.sheet form .consumable-charges label {
  17144. flex: 0 0 144px;
  17145. }
  17146. .pf2e.item.sheet form .consumable-charges input {
  17147. flex: 0 0 64px;
  17148. text-align: center;
  17149. }
  17150. .pf2e.item.sheet form .consumable-charges span.flex0 {
  17151. line-height: 24px;
  17152. }
  17153. .pf2e.item.sheet form .feat-uses select {
  17154. flex: 2;
  17155. margin-right: 5px;
  17156. }
  17157. .pf2e.item.sheet form .feat-uses input {
  17158. flex: 1;
  17159. text-align: center;
  17160. }
  17161. .pf2e.item.sheet form .feat-uses span.sep {
  17162. flex: 0 0 16px;
  17163. line-height: 24px;
  17164. font-size: var(--font-size-14);
  17165. text-align: center;
  17166. }
  17167. .pf2e.item.sheet form .spell-components input {
  17168. margin-left: 0;
  17169. }
  17170. .pf2e.item.sheet form .spell-components label {
  17171. padding-right: 6px;
  17172. }
  17173. .pf2e.item.sheet form input.adjusted:not(:focus) {
  17174. font-weight: 700;
  17175. color: #009988;
  17176. }
  17177. .pf2e.item.sheet form .frequency {
  17178. align-items: baseline;
  17179. display: flex;
  17180. gap: 0.2rem;
  17181. text-align: end;
  17182. }
  17183. .pf2e.item.sheet form .frequency.empty {
  17184. justify-content: flex-end;
  17185. }
  17186. .pf2e.item.sheet form .frequency select {
  17187. flex: 1 1 auto;
  17188. }
  17189. .pf2e.item.sheet form .frequency a {
  17190. align-self: center;
  17191. }
  17192. .persistent-damage-dialog {
  17193. /** Work around Font Awesome styling bug present as of version 6.2 */
  17194. }
  17195. .persistent-damage-dialog i.fa-fw {
  17196. min-width: 1em;
  17197. }
  17198. .persistent-damage-dialog h3 {
  17199. display: flex;
  17200. align-items: baseline;
  17201. justify-content: space-between;
  17202. }
  17203. .persistent-damage-dialog h3 a {
  17204. float: right;
  17205. font-size: 0.8em;
  17206. }
  17207. .persistent-damage-dialog h3 a:hover i {
  17208. animation: rotation 2s infinite linear;
  17209. }
  17210. .persistent-damage-dialog .entries {
  17211. display: flex;
  17212. flex-direction: column;
  17213. gap: 0.125rem;
  17214. }
  17215. .persistent-damage-dialog .entries:not(.new) {
  17216. margin-bottom: 0.5rem;
  17217. }
  17218. .persistent-damage-dialog .persistent-entry {
  17219. display: flex;
  17220. align-items: baseline;
  17221. gap: 0.25rem;
  17222. }
  17223. .persistent-damage-dialog .persistent-entry.inactive .input-fields input span,
  17224. .persistent-damage-dialog .persistent-entry.inactive .input-fields input i, .persistent-damage-dialog .persistent-entry.inactive .input-fields input:not(:focus),
  17225. .persistent-damage-dialog .persistent-entry.inactive .input-fields select span,
  17226. .persistent-damage-dialog .persistent-entry.inactive .input-fields select i,
  17227. .persistent-damage-dialog .persistent-entry.inactive .input-fields select:not(:focus),
  17228. .persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within) span,
  17229. .persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within) i,
  17230. .persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within):not(:focus) {
  17231. opacity: 0.7;
  17232. text-decoration: line-through;
  17233. }
  17234. .persistent-damage-dialog .persistent-entry a {
  17235. padding: 0.25em;
  17236. }
  17237. .persistent-damage-dialog .persistent-entry .input-fields {
  17238. display: flex;
  17239. gap: 0.25rem;
  17240. align-items: baseline;
  17241. select-height: var(--form-field-height);
  17242. }
  17243. .persistent-damage-dialog .persistent-entry .input-fields label {
  17244. display: flex;
  17245. align-items: baseline;
  17246. gap: 0.19rem;
  17247. height: 100%;
  17248. }
  17249. .persistent-damage-dialog .persistent-entry .input-fields .dc {
  17250. width: 2.5rem;
  17251. }
  17252. .persistent-damage-dialog .persistent-entry .input-fields .invalid {
  17253. box-shadow: 0 0 5px 0px red;
  17254. border-color: red;
  17255. }
  17256. #darkness-adjuster {
  17257. background: none;
  17258. box-shadow: 0 0 10px black;
  17259. height: 38px !important;
  17260. }
  17261. #darkness-adjuster .window-header {
  17262. display: none;
  17263. }
  17264. #darkness-adjuster .window-content {
  17265. background: rgba(0, 0, 0, 0.5);
  17266. border: 1px solid black;
  17267. border-radius: 5px;
  17268. padding: 6px 12px 0;
  17269. }
  17270. #darkness-adjuster .slider {
  17271. height: 6px;
  17272. }
  17273. #darkness-adjuster .slider .noUi-base {
  17274. background: #ecc1b3;
  17275. cursor: pointer;
  17276. }
  17277. #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle {
  17278. background: none;
  17279. border: none;
  17280. box-shadow: none;
  17281. color: var(--text-light);
  17282. font-size: var(--font-size-16);
  17283. height: 14px;
  17284. width: 14px;
  17285. top: -5px;
  17286. right: -7px;
  17287. text-shadow: 0 0 4px black;
  17288. }
  17289. #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_bright-light, #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_darkness {
  17290. pointer-events: none;
  17291. }
  17292. #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_darkness {
  17293. font-size: var(--font-size-14);
  17294. }
  17295. #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level {
  17296. background: #c85019;
  17297. border: 1px solid black;
  17298. border-radius: 2px;
  17299. box-shadow: 1px 1px 4px black;
  17300. height: 12px;
  17301. width: 12px;
  17302. right: -6px;
  17303. top: -4px;
  17304. }
  17305. #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level .noUi-touch-area {
  17306. cursor: grab;
  17307. }
  17308. #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level:active .noUi-touch-area {
  17309. cursor: grabbing;
  17310. }
  17311. #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle::before, #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle::after {
  17312. background: none;
  17313. }
  17314. #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle i.fa-solid {
  17315. cursor: default;
  17316. left: -1px;
  17317. opacity: 0.6;
  17318. position: absolute;
  17319. top: 0;
  17320. }
  17321. #darkness-adjuster .slider .noUi-base .noUi-connect.range_bright-light {
  17322. background: #fdfbd3;
  17323. }
  17324. #darkness-adjuster .slider .noUi-base .noUi-connect.range_darkness {
  17325. background: #16193a;
  17326. }
  17327. #darkness-adjuster .slider .noUi-pips {
  17328. height: 12px;
  17329. }
  17330. #darkness-adjuster .slider .noUi-pips .noUi-marker.noUi-marker-large {
  17331. height: 12px;
  17332. }
  17333. #darkness-adjuster .slider .noUi-pips .noUi-value {
  17334. display: none;
  17335. }
  17336. #darkness-adjuster .synchronized .slider .noUi-base {
  17337. cursor: not-allowed;
  17338. }
  17339. #darkness-adjuster .synchronized .slider .message {
  17340. display: flex;
  17341. justify-content: center;
  17342. position: relative;
  17343. top: 0.5em;
  17344. width: 100%;
  17345. }
  17346. #darkness-adjuster .synchronized .slider .message span {
  17347. color: var(--color-text-light-1);
  17348. text-shadow: 1px 1px black;
  17349. z-index: 1;
  17350. }
  17351. #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle {
  17352. cursor: not-allowed;
  17353. }
  17354. #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level {
  17355. background: var(--color-disabled);
  17356. border: none;
  17357. box-shadow: none;
  17358. }
  17359. #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level .noUi-touch-area, #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level:active .noUi-touch-area {
  17360. cursor: inherit;
  17361. }
  17362. #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle i.fas {
  17363. cursor: inherit;
  17364. }
  17365. #darkness-adjuster .synchronized .slider .noUi-pips {
  17366. visibility: hidden;
  17367. }
  17368. .scene-sheet nav .action-glyph {
  17369. font-size: var(--font-size-15);
  17370. }
  17371. .scene-sheet span.range-value.disabled {
  17372. border: none;
  17373. color: #777;
  17374. }
  17375. .scene-sheet button.automation-settings {
  17376. align-self: end;
  17377. display: flex;
  17378. margin: -1px 0 -1px 4px;
  17379. padding: 0.3125rem 0.5em;
  17380. }
  17381. .scene-sheet button.automation-settings > i {
  17382. margin: 0;
  17383. }
  17384. .app.token-sheet .tab.active[data-tab=appearance] fieldset {
  17385. border: 1px solid var(--color-border-light-primary);
  17386. }
  17387. .app.token-sheet .tab.active[data-tab=appearance] fieldset > legend {
  17388. font-size: var(--font-size-15);
  17389. color: #333;
  17390. }
  17391. .app.token-sheet .tab.active[data-tab=appearance] fieldset input[type=number] {
  17392. max-width: 60px;
  17393. text-align: center;
  17394. }
  17395. .app.token-sheet .tab.active[data-tab=appearance] fieldset input[type=number]:disabled {
  17396. border: none;
  17397. color: var(--color-text-dark-6);
  17398. }
  17399. .app.token-sheet .tab.active[data-tab=appearance] fieldset select.alternate-images {
  17400. max-width: 20em;
  17401. }
  17402. .app.token-sheet .tab.active[data-tab=appearance] fieldset:last-child {
  17403. margin: 6px 0;
  17404. }
  17405. .app.token-sheet .tab[data-tab=vision] .disabled[data-tab] {
  17406. color: var(--color-text-dark-6);
  17407. pointer-events: none;
  17408. }
  17409. .app.token-sheet .tab[data-tab=vision] a.managed-by-rbv {
  17410. padding-left: 0.33em;
  17411. }
  17412. .app.token-sheet .form-group.children-disabled .range-value {
  17413. border: none;
  17414. background-color: rgba(0, 0, 0, 0.05);
  17415. color: #777;
  17416. }
  17417. #homebrew-settings section.window-content {
  17418. display: block;
  17419. }
  17420. #homebrew-settings section.window-content .form-group.setting {
  17421. display: inherit;
  17422. }
  17423. #homebrew-settings section.window-content .form-group.setting tags {
  17424. background-color: rgba(0, 0, 0, 0.05);
  17425. border: 1px solid #7a7971;
  17426. border-radius: 3px;
  17427. }
  17428. #homebrew-settings section.window-content .form-group.setting tags.tagify--focus {
  17429. border: 1px solid #7a7971;
  17430. box-shadow: 0 0 5px red;
  17431. }
  17432. #homebrew-settings section.window-content .form-group.setting .homebrew {
  17433. --tag-text-color--edit: #111;
  17434. --tag-pad: 0.2em 0.4em;
  17435. --tag-remove-bg: var(--tag-hover);
  17436. --tag-remove-btn-bg--hover: black;
  17437. font-size: var(--font-size-13);
  17438. min-width: 0;
  17439. }
  17440. #homebrew-settings section.window-content .form-group.buttons {
  17441. margin-top: 0.5em;
  17442. }
  17443. .damage-types th,
  17444. .damage-types td {
  17445. white-space: nowrap;
  17446. }
  17447. .damage-types th:not(:last-child),
  17448. .damage-types td:not(:last-child) {
  17449. padding-right: 0.25rem;
  17450. }
  17451. .damage-types .icon-preview {
  17452. display: flex;
  17453. align-items: center;
  17454. gap: 0.125rem;
  17455. }
  17456. .damage-types .delete-cell {
  17457. text-align: end;
  17458. width: 1rem;
  17459. }
  17460. .damage-types .delete-cell i {
  17461. padding: 0.125rem 0.25rem;
  17462. cursor: pointer;
  17463. }
  17464. #variant-rules-settings form .form-group.abp select {
  17465. flex: 0;
  17466. }
  17467. #variant-rules-settings form .proficiency-modifiers {
  17468. column-gap: 0.5em;
  17469. display: grid;
  17470. grid-template: "untrained trained expert master legendary" auto "hint hint hint hint hint" auto/1fr 1fr 1fr 1fr 1fr;
  17471. }
  17472. #variant-rules-settings form .proficiency-modifiers .hint {
  17473. grid-area: hint;
  17474. }
  17475. #variant-rules-settings form .proficiency-modifiers .modifier label {
  17476. font-size: var(--font-size-12);
  17477. }
  17478. #world-clock-settings form .form-group .form-fields {
  17479. flex-grow: 1;
  17480. }
  17481. #world-clock-settings form .form-group button.reset-world-time {
  17482. flex: 1;
  17483. }
  17484. #game-details > .system-links {
  17485. gap: 0.5rem;
  17486. margin-bottom: 0.35rem;
  17487. }
  17488. #game-details > .system-links > a[href] {
  17489. flex: 0;
  17490. font-size: var(--font-size-12);
  17491. text-transform: uppercase;
  17492. }
  17493. #game-details > .system-links > a[href]:hover {
  17494. text-shadow: 0 0 8px var(--color-text-hyperlink);
  17495. }
  17496. #client-settings form .form-group > label {
  17497. flex: 2.5;
  17498. }
  17499. .settings-menu form .form-group > label {
  17500. flex: 2.5;
  17501. }
  17502. .settings-menu .instructions {
  17503. text-align: center;
  17504. }
  17505. #metagame-settings form .form-group > label {
  17506. flex: 3;
  17507. }
  17508. .select-craft-item-dialog .drop-item-zone {
  17509. display: flex;
  17510. align-items: center;
  17511. margin: 0 2px 5px;
  17512. }
  17513. .select-craft-item-dialog .item-icon {
  17514. height: 32px;
  17515. width: 32px;
  17516. margin-right: 3px;
  17517. }
  17518. .select-craft-item-dialog .button-panel {
  17519. display: flex;
  17520. }
  17521. .select-repair-item-dialog .drop-item-zone {
  17522. display: flex;
  17523. align-items: center;
  17524. margin: 0 2px 5px;
  17525. }
  17526. .select-repair-item-dialog .item-icon {
  17527. height: 32px;
  17528. width: 32px;
  17529. margin-right: 3px;
  17530. }
  17531. .select-repair-item-dialog .button-panel {
  17532. display: flex;
  17533. }
  17534. .app.choice-set-prompt .window-content h3 {
  17535. display: flex;
  17536. justify-content: center;
  17537. }
  17538. .app.choice-set-prompt .window-content button,
  17539. .app.choice-set-prompt .window-content select {
  17540. display: flex;
  17541. margin: 4px auto;
  17542. }
  17543. .app.choice-set-prompt .window-content .choices {
  17544. max-width: max-content;
  17545. justify-items: center;
  17546. margin: auto;
  17547. }
  17548. .app.choice-set-prompt .window-content .choices.select-menu {
  17549. min-width: 18em;
  17550. }
  17551. .app.choice-set-prompt .window-content .choices.select-menu tags {
  17552. background-color: rgba(0, 0, 0, 0.05);
  17553. border: 1px solid var(--color-border-light-tertiary);
  17554. border-radius: 3px;
  17555. height: 2rem;
  17556. width: 100%;
  17557. }
  17558. .app.choice-set-prompt .window-content .choices.select-menu tags .tagify__input {
  17559. align-items: center;
  17560. display: flex;
  17561. height: 100%;
  17562. margin: 0;
  17563. }
  17564. .app.choice-set-prompt .window-content .choices button,
  17565. .app.choice-set-prompt .window-content .choices .drop-zone {
  17566. cursor: pointer;
  17567. max-width: 100%;
  17568. }
  17569. .app.choice-set-prompt .window-content .choices button:not(.with-image),
  17570. .app.choice-set-prompt .window-content .choices .drop-zone:not(.with-image) {
  17571. min-width: 120px;
  17572. justify-content: center;
  17573. }
  17574. .app.choice-set-prompt .window-content .choices button.with-image,
  17575. .app.choice-set-prompt .window-content .choices .drop-zone.with-image {
  17576. align-items: center;
  17577. }
  17578. .app.choice-set-prompt .window-content .choices button.with-image img,
  17579. .app.choice-set-prompt .window-content .choices .drop-zone.with-image img {
  17580. border: 1px solid #444;
  17581. height: 1.6em;
  17582. margin-right: 0.5em;
  17583. }
  17584. .app.choice-set-prompt .window-content .choices .choice-buttons {
  17585. align-items: center;
  17586. display: flex;
  17587. flex-direction: column;
  17588. }
  17589. .app.choice-set-prompt .window-content .choices .choice-buttons .choice {
  17590. align-items: center;
  17591. display: flex;
  17592. gap: 0.5em;
  17593. width: 100%;
  17594. }
  17595. .app.choice-set-prompt .window-content .choices .choice-buttons .choice.select {
  17596. margin-bottom: 0.5rem;
  17597. }
  17598. .app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info {
  17599. align-items: center;
  17600. border-radius: 2px;
  17601. border: 1px solid var(--color-text-light-primary);
  17602. display: flex;
  17603. height: var(--font-size-20);
  17604. justify-content: center;
  17605. min-width: var(--font-size-20);
  17606. }
  17607. .app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info.disabled {
  17608. color: var(--color-disabled);
  17609. cursor: default;
  17610. }
  17611. .app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info.disabled:hover, .app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info.disabled:active {
  17612. text-shadow: none;
  17613. }
  17614. .app.choice-set-prompt .window-content .choices .drop-zone {
  17615. border: 1px solid var(--color-border-light-primary);
  17616. border-radius: 3px;
  17617. color: #222;
  17618. cursor: default;
  17619. display: flex;
  17620. padding: 1px 6px;
  17621. font-family: var(--font-primary);
  17622. font-size: var(--font-size-14);
  17623. line-height: 28px;
  17624. }
  17625. .app.choice-set-prompt .window-content .choices .drop-zone i {
  17626. border: 1px solid #bbb;
  17627. border-radius: 2px;
  17628. align-items: center;
  17629. display: flex;
  17630. height: 1.6em;
  17631. justify-content: center;
  17632. margin-right: 0.5em;
  17633. width: 1.6em;
  17634. }
  17635. .app.choice-set-prompt .window-content .choices .drop-zone i:after {
  17636. font-size: var(--font-size-20);
  17637. }
  17638. .app.choice-set-prompt .window-content .choices .drop-zone span {
  17639. color: var(--text-dark);
  17640. flex: 1;
  17641. }
  17642. .compendium-migration-status .content {
  17643. min-width: 15rem;
  17644. }
  17645. .compendium-migration-status table * {
  17646. user-select: text;
  17647. }
  17648. .compendium-migration-status table * th, .compendium-migration-status table * td {
  17649. padding: 0.25em 0.5em;
  17650. white-space: nowrap;
  17651. }
  17652. .compendium-migration-status table * th {
  17653. padding-left: 1em;
  17654. text-align: end;
  17655. }
  17656. .compendium-migration-status table * td {
  17657. width: 100%;
  17658. }
  17659. .compendium-migration-status .empty {
  17660. opacity: 0.8;
  17661. }
  17662. .compendium-migration-status .updated {
  17663. border: 1px dashed var(--alt);
  17664. line-height: 28px;
  17665. text-align: center;
  17666. }
  17667. .compendium-migration-status .migrate {
  17668. display: flex;
  17669. padding: 0.125rem;
  17670. }
  17671. .compendium-migration-status .migrate > * {
  17672. flex: 1;
  17673. }
  17674. #effects-panel {
  17675. pointer-events: initial;
  17676. position: absolute;
  17677. top: 5px;
  17678. right: 0;
  17679. }
  17680. #effects-panel .effect-item {
  17681. display: flex;
  17682. justify-content: end;
  17683. height: 52px;
  17684. }
  17685. #effects-panel .effect-item[data-badge-type=formula] .icon {
  17686. cursor: pointer;
  17687. }
  17688. #effects-panel .effect-item[data-badge-type=formula] .icon:hover::before {
  17689. content: "\f6cf";
  17690. background: rgba(0, 0, 0, 0.5);
  17691. font-family: "Font Awesome 5 Free";
  17692. font-weight: 900;
  17693. font-size: var(--font-size-26);
  17694. color: var(--text-light);
  17695. position: absolute;
  17696. width: 100%;
  17697. height: 100%;
  17698. display: flex;
  17699. align-items: center;
  17700. justify-content: center;
  17701. padding-bottom: 4px;
  17702. }
  17703. #effects-panel .effect-item:hover .effect-info {
  17704. display: flex;
  17705. align-items: end;
  17706. flex-direction: column;
  17707. }
  17708. #effects-panel .effect-item .effect-info {
  17709. background-color: rgba(0, 0, 0, 0.75);
  17710. color: var(--color-text-light-2);
  17711. display: none;
  17712. gap: 3px;
  17713. height: min-content;
  17714. margin-right: 0.5em;
  17715. max-width: 350px;
  17716. padding: 0.25em 0.5rem;
  17717. }
  17718. #effects-panel .effect-item .effect-info h1 {
  17719. margin: 0;
  17720. padding: 0;
  17721. border: none;
  17722. display: flex;
  17723. font-size: var(--font-size-14);
  17724. padding-top: 0.25em;
  17725. text-align: right;
  17726. }
  17727. #effects-panel .effect-item .effect-info h1 a[data-action=send-to-chat] i {
  17728. font-size: var(--font-size-13);
  17729. margin-left: 2px;
  17730. }
  17731. #effects-panel .effect-item .effect-info > a.inline-check {
  17732. font-size: var(--font-size-13);
  17733. font-weight: normal;
  17734. line-height: normal;
  17735. vertical-align: middle;
  17736. }
  17737. #effects-panel .effect-item .effect-info .tags {
  17738. justify-content: end;
  17739. }
  17740. #effects-panel .effect-item .effect-info .tags .tag {
  17741. margin-bottom: 0;
  17742. }
  17743. #effects-panel .effect-item .effect-info .tags .tag + .tag, #effects-panel .effect-item .effect-info .tags .tag:first-child {
  17744. margin-left: 3px;
  17745. margin-right: -2px;
  17746. }
  17747. #effects-panel .effect-item .effect-info .instructions,
  17748. #effects-panel .effect-item .effect-info .description {
  17749. font-size: var(--font-size-12);
  17750. }
  17751. #effects-panel .effect-item .effect-info .instructions {
  17752. display: flex;
  17753. flex-direction: column;
  17754. gap: 2px;
  17755. text-align: right;
  17756. }
  17757. #effects-panel .effect-item .effect-info .description {
  17758. background: rgba(0, 0, 0, 0.7);
  17759. max-height: 16em;
  17760. overflow-y: auto;
  17761. padding: 0 0.5em;
  17762. text-align: left;
  17763. }
  17764. #effects-panel .effect-item .effect-info .description a,
  17765. #effects-panel .effect-item .effect-info .description span[data-pf2-effect-area] {
  17766. color: var(--color-text-dark-primary);
  17767. }
  17768. #effects-panel .effect-item > .icon {
  17769. border: 1px solid rgba(0, 0, 0, 0.5);
  17770. box-shadow: 0 0 0 1px #c0c0c0, 0 0 0 2px #808080;
  17771. align-items: center;
  17772. background-repeat: no-repeat;
  17773. background-size: contain;
  17774. box-shadow: 0 0 0 1px #c0c0c0, 0 0 0 2px #808080, inset 0 0 4px rgba(0, 0, 0, 0.5);
  17775. color: transparent;
  17776. display: flex;
  17777. justify-content: center;
  17778. position: relative;
  17779. margin: 2px 0;
  17780. height: 48px;
  17781. width: 48px;
  17782. }
  17783. #effects-panel .effect-item > .icon.aura {
  17784. border-radius: 50%;
  17785. box-shadow: 0px 0px 10px 5px white;
  17786. }
  17787. #effects-panel .effect-item > .icon.unidentified {
  17788. filter: drop-shadow(0 0 8px var(--visibility-gm-bg));
  17789. }
  17790. #effects-panel .effect-item > .icon .expired {
  17791. position: absolute;
  17792. left: 0;
  17793. bottom: -1px;
  17794. width: 100%;
  17795. padding: 2px 1px;
  17796. font-family: var(--sans-serif);
  17797. font-size: var(--font-size-10);
  17798. text-transform: uppercase;
  17799. letter-spacing: 0.05em;
  17800. text-rendering: optimizeLegibility;
  17801. color: var(--text-light);
  17802. background-color: var(--primary);
  17803. }
  17804. #effects-panel .effect-item > .icon .linked {
  17805. position: absolute;
  17806. display: inline-block;
  17807. bottom: -1px;
  17808. right: -1px;
  17809. padding: 0px 2px;
  17810. color: var(--text-light);
  17811. background-color: rgba(0, 0, 0, 0.75);
  17812. }
  17813. #effects-panel .effect-item > .icon .value-wrapper {
  17814. position: absolute;
  17815. bottom: -1px;
  17816. left: -1px;
  17817. max-width: calc(100% + 2px);
  17818. padding: 0px 2px;
  17819. color: var(--text-light);
  17820. background-color: rgba(0, 0, 0, 0.75);
  17821. font-size: var(--font-size-13);
  17822. letter-spacing: -0.05em;
  17823. white-space: nowrap;
  17824. overflow: hidden;
  17825. }
  17826. #effects-panel .effect-item > .icon .value-wrapper .value {
  17827. overflow: hidden;
  17828. text-overflow: ellipsis;
  17829. }
  17830. #effects-panel .effect-item > .icon .value-wrapper .value strong {
  17831. display: inline-block;
  17832. padding-right: 1px;
  17833. }
  17834. #effects-panel > hr {
  17835. margin-right: 0;
  17836. width: 48px;
  17837. }
  17838. .journal-entry-page .journal-page-content {
  17839. --space-s: 0.25em;
  17840. --space-m: 0.5em;
  17841. --space-l: 1em;
  17842. --space-xl: 1.5em;
  17843. --space-2xl: 2em;
  17844. --radius: 3px;
  17845. }
  17846. .journal-entry-page .journal-page-content p {
  17847. min-height: unset;
  17848. }
  17849. .journal-entry-page .journal-page-content :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
  17850. margin-top: 1em;
  17851. }
  17852. .journal-entry-page .journal-page-content .inline-header {
  17853. display: flex;
  17854. align-items: center;
  17855. gap: var(--space-l);
  17856. background-color: var(--alt);
  17857. font-family: var(--sans-serif);
  17858. color: var(--text-light);
  17859. padding: 0;
  17860. font-size: 0.8em;
  17861. font-weight: 400;
  17862. border: none;
  17863. }
  17864. .journal-entry-page .journal-page-content .inline-header strong {
  17865. display: inline-flex;
  17866. padding: 0 var(--space-m);
  17867. background-color: var(--primary);
  17868. min-width: 15ch;
  17869. border-right: 1px solid rgba(0, 0, 0, 0.4);
  17870. box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
  17871. font-weight: 400;
  17872. }
  17873. .journal-entry-page .journal-page-content .inline-header + p {
  17874. margin-top: var(--space-s);
  17875. }
  17876. .journal-entry-page .journal-page-content .info {
  17877. background-color: var(--secondary);
  17878. padding: var(--space-m);
  17879. color: var(--text-light);
  17880. margin-left: auto;
  17881. margin-right: auto;
  17882. padding: 0;
  17883. border-radius: var(--radius);
  17884. font-family: var(--sans-serif);
  17885. padding-bottom: var(--space-m);
  17886. }
  17887. .journal-entry-page .journal-page-content .info > * + * {
  17888. margin-top: var(--space-m);
  17889. }
  17890. .journal-entry-page .journal-page-content .info + * {
  17891. margin-top: var(--space-xl);
  17892. }
  17893. .journal-entry-page .journal-page-content .info + .journal-entry-page .journal-page-content .info {
  17894. margin-top: var(--space-s);
  17895. }
  17896. .journal-entry-page .journal-page-content .info h4 {
  17897. font-size: 0.9em;
  17898. font-weight: 400;
  17899. line-height: 1.2;
  17900. font-family: var(--sans-serif);
  17901. border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  17902. padding: var(--space-m) var(--space-l);
  17903. position: relative;
  17904. display: flex;
  17905. align-items: center;
  17906. justify-content: space-between;
  17907. color: var(--text-light);
  17908. }
  17909. .journal-entry-page .journal-page-content .info h4::after {
  17910. font-family: "Font Awesome 6";
  17911. content: "\f05a";
  17912. font-weight: 900;
  17913. margin-right: var(--space-s);
  17914. }
  17915. .journal-entry-page .journal-page-content .info p {
  17916. font-size: 0.8em;
  17917. margin: 0;
  17918. padding: 0 var(--space-l);
  17919. }
  17920. .journal-entry-page .journal-page-content .info p:first-of-type {
  17921. padding-top: var(--space-m);
  17922. border-top: 1px solid rgba(255, 255, 255, 0.1);
  17923. }
  17924. .journal-entry-page .journal-page-content .traits {
  17925. display: flex;
  17926. flex-wrap: wrap;
  17927. padding: 0;
  17928. }
  17929. .journal-entry-page .journal-page-content .traits p {
  17930. display: inline-flex;
  17931. padding: 0.16rem 0.25rem;
  17932. margin: 0;
  17933. background-color: var(--primary);
  17934. border: 2px solid var(--color-border-trait);
  17935. color: var(--text-light);
  17936. font: 500 var(--font-size-10) var(--sans-serif);
  17937. text-transform: uppercase;
  17938. }
  17939. .journal-entry-page .journal-page-content .statblock {
  17940. font-family: var(--sans-serif-condensed);
  17941. color: var(--text-dark);
  17942. line-height: 1.2;
  17943. margin-bottom: var(--space-m);
  17944. }
  17945. .journal-entry-page .journal-page-content .statblock > * + * {
  17946. margin-top: var(--space-s);
  17947. margin-bottom: 0;
  17948. }
  17949. .journal-entry-page .journal-page-content .statblock p {
  17950. --indent: var(--space-l);
  17951. margin-left: var(--indent);
  17952. position: relative;
  17953. }
  17954. .journal-entry-page .journal-page-content .statblock p strong:first-of-type {
  17955. margin-left: calc(var(--indent) * -1);
  17956. }
  17957. .journal-entry-page .journal-page-content .statblock p .trait:first-of-type {
  17958. margin-left: calc(var(--indent) * -1 - 2px);
  17959. }
  17960. .journal-entry-page .journal-page-content .statblock span.pf2-icon {
  17961. line-height: 1;
  17962. }
  17963. .journal-entry-page .journal-page-content .statblock h1,
  17964. .journal-entry-page .journal-page-content .statblock h2,
  17965. .journal-entry-page .journal-page-content .statblock h3,
  17966. .journal-entry-page .journal-page-content .statblock h4 {
  17967. display: flex;
  17968. align-items: baseline;
  17969. justify-content: space-between;
  17970. border-bottom: 1px solid var(--color-border-dark);
  17971. text-transform: uppercase;
  17972. letter-spacing: -0.05em;
  17973. font-family: var(--sans-serif-condensed);
  17974. font-weight: 700;
  17975. }
  17976. .journal-entry-page .journal-page-content .statblock hr {
  17977. border: none;
  17978. border-bottom: 1px solid var(--color-border-dark);
  17979. }
  17980. .journal-entry-page .journal-page-content .message {
  17981. font-family: var(--journal-cursive);
  17982. font-size: 2em;
  17983. line-height: 1.2;
  17984. }
  17985. .journal-entry-page .journal-page-content .fumble-deck h1 {
  17986. font-family: var(--font-primary);
  17987. font-size: 1.75em;
  17988. font-weight: bold;
  17989. line-height: normal;
  17990. text-transform: uppercase;
  17991. color: var(--text-dark);
  17992. border: 2px solid;
  17993. border-radius: 15px;
  17994. padding: 0 0 0 1.5em;
  17995. background-size: 1.22em;
  17996. background-repeat: no-repeat;
  17997. background-color: #e5bf85;
  17998. position: relative;
  17999. top: 1em;
  18000. width: 80%;
  18001. }
  18002. .journal-entry-page .journal-page-content .fumble-deck h1:first-child {
  18003. background-image: url("../icons/equipment/weapons/gnome-hooked-hammer.webp");
  18004. }
  18005. .journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(2) {
  18006. background-image: url("../icons/equipment/weapons/longbow.webp");
  18007. }
  18008. .journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(3) {
  18009. background-image: url("../icons/equipment/weapons/fist.webp");
  18010. }
  18011. .journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(4) {
  18012. background-image: url("../icons/spells/chain-lightning.webp");
  18013. }
  18014. .journal-entry-page .journal-page-content .fumble-deck blockquote {
  18015. font-family: var(--font-primary);
  18016. border-left: none;
  18017. background-color: #000059;
  18018. color: var(--text-light);
  18019. font-size: 120%;
  18020. margin-left: 0.7em;
  18021. padding: 1.2em 1.25em 0.75em;
  18022. border-radius: 8px;
  18023. }
  18024. .journal-entry-page .journal-page-content .fumble-deck blockquote a {
  18025. color: var(--text-dark);
  18026. }
  18027. .journal-entry-page .journal-page-content .fumble-deck blockquote span.with-repost {
  18028. color: var(--text-dark);
  18029. }
  18030. .journal-entry-page .journal-page-content .fumble-deck code {
  18031. font-family: var(--font-primary);
  18032. font-weight: bold;
  18033. font-size: 100%;
  18034. line-height: normal;
  18035. background-image: url("../assets/critfumble-banner.webp");
  18036. background-size: 100% 100%;
  18037. box-shadow: 5px 5px 10px 3px #282a2d;
  18038. display: inline-block;
  18039. float: right;
  18040. text-align: center;
  18041. margin-top: -1.75em;
  18042. margin-right: 0.75em;
  18043. width: 7em;
  18044. padding: 0.5em;
  18045. }
  18046. .journal-entry-page .journal-page-content .critical-deck h1 {
  18047. font-family: var(--font-primary);
  18048. font-size: 1.75em;
  18049. font-weight: bold;
  18050. line-height: normal;
  18051. text-transform: uppercase;
  18052. color: var(--text-dark);
  18053. border: 2px solid;
  18054. border-radius: 15px;
  18055. padding: 0 0 0 1.5em;
  18056. background-size: 1.22em;
  18057. background-repeat: no-repeat;
  18058. background-color: #e5bf85;
  18059. position: relative;
  18060. top: 1em;
  18061. width: 80%;
  18062. }
  18063. .journal-entry-page .journal-page-content .critical-deck h1:first-child {
  18064. background-image: url("../icons/equipment/weapons/light-hammer.webp");
  18065. }
  18066. .journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(2) {
  18067. background-image: url("../../../icons/weapons/polearms/javelin.webp");
  18068. }
  18069. .journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(3) {
  18070. background-image: url("../../../icons/weapons/axes/axe-battle-worn.webp");
  18071. }
  18072. .journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(4) {
  18073. background-image: url("../../../icons/weapons/thrown/bomb-fuse-cloth-pink.webp");
  18074. }
  18075. .journal-entry-page .journal-page-content .critical-deck blockquote {
  18076. font-family: var(--font-primary);
  18077. border-left: none;
  18078. background: rgb(14, 40, 17);
  18079. background: radial-gradient(circle, rgb(14, 40, 17) 10%, rgb(20, 59, 25) 50%, rgb(14, 40, 17) 90%);
  18080. color: var(--text-light);
  18081. font-size: 120%;
  18082. margin-left: 0.7em;
  18083. padding: 1.2em 1.25em 0.75em;
  18084. border-radius: 8px;
  18085. }
  18086. .journal-entry-page .journal-page-content .critical-deck blockquote a {
  18087. color: var(--text-dark);
  18088. }
  18089. .journal-entry-page .journal-page-content .critical-deck blockquote span.with-repost {
  18090. color: var(--text-dark);
  18091. }
  18092. .journal-entry-page .journal-page-content .critical-deck code {
  18093. font-family: var(--font-primary);
  18094. font-weight: bold;
  18095. font-size: 100%;
  18096. line-height: normal;
  18097. background-image: url("../assets/critfumble-banner.webp");
  18098. background-size: 100% 100%;
  18099. box-shadow: 5px 5px 10px 3px #282a2d;
  18100. display: inline-block;
  18101. float: right;
  18102. text-align: center;
  18103. margin-top: -1.75em;
  18104. margin-right: 0.75em;
  18105. width: 9em;
  18106. padding: 0.5em;
  18107. }
  18108. #migration-summary > .window-content h3 {
  18109. margin: auto;
  18110. }
  18111. #migration-summary > .window-content .dialog-content > table i.fa-check {
  18112. color: green;
  18113. }
  18114. #migration-summary > .window-content .dialog-content > table i.fa-times {
  18115. color: red;
  18116. }
  18117. #migration-summary > .window-content .dialog-content > table td {
  18118. text-align: center;
  18119. }
  18120. #migration-summary > .window-content .dialog-buttons {
  18121. display: flex;
  18122. }
  18123. #migration-summary > .window-content .dialog-buttons:disabled:hover {
  18124. box-shadow: none;
  18125. }
  18126. #upw-viewer .window-content {
  18127. background: no-repeat right url("../assets/upw-logo.webp") black;
  18128. }
  18129. #upw-viewer .window-content .content {
  18130. color: #eee;
  18131. width: 435px;
  18132. font-size: larger;
  18133. }
  18134. #upw-viewer .window-content .content a[href] {
  18135. color: #8b6cae;
  18136. font-size: large;
  18137. display: block;
  18138. text-align: center;
  18139. }
  18140. #world-clock section.window-content {
  18141. font-size: 1rem;
  18142. }
  18143. #world-clock section.window-content h1 {
  18144. font-size: inherit;
  18145. text-align: center;
  18146. }
  18147. #world-clock section.window-content .input-grid {
  18148. align-items: center;
  18149. display: flex;
  18150. flex-wrap: wrap;
  18151. font-size: 0.8rem;
  18152. justify-content: space-evenly;
  18153. }
  18154. #world-clock section.window-content .input-grid > * {
  18155. flex-basis: 32%;
  18156. height: 1.5rem;
  18157. line-height: 20px;
  18158. }
  18159. #world-clock section.window-content .input-grid .sign {
  18160. font-family: var(--sans-serif-monospace);
  18161. font-size: inherit;
  18162. }
  18163. #world-clock section.window-content .input-grid button {
  18164. align-items: center;
  18165. display: flex;
  18166. font-size: inherit;
  18167. justify-content: center;
  18168. margin: 1px;
  18169. }
  18170. #world-clock section.window-content .input-grid button img {
  18171. border: none;
  18172. height: 1.5em;
  18173. }
  18174. #world-clock section.window-content .input-grid .time-of-day {
  18175. display: flex;
  18176. flex-basis: 100%;
  18177. margin: 0 3px;
  18178. }
  18179. #world-clock section.window-content .input-grid .time-of-day img.midnight {
  18180. height: 1.05rem;
  18181. }
  18182. .tags {
  18183. align-items: center;
  18184. display: flex;
  18185. flex-wrap: wrap;
  18186. gap: 2px;
  18187. list-style-type: none;
  18188. margin-bottom: 2px;
  18189. padding-left: 0;
  18190. }
  18191. .tags .tag,
  18192. .tags .tag option {
  18193. font-family: var(--sans-serif);
  18194. font-size: var(--font-size-10);
  18195. text-transform: uppercase;
  18196. letter-spacing: 0.05em;
  18197. text-rendering: optimizeLegibility;
  18198. align-items: center;
  18199. background-color: var(--primary);
  18200. border-radius: 2px;
  18201. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  18202. color: var(--color-text-trait);
  18203. display: inline-flex;
  18204. font-weight: 500;
  18205. padding: 0.3em;
  18206. }
  18207. .tags .tag.tag_secondary,
  18208. .tags .tag option.tag_secondary {
  18209. background-color: var(--secondary);
  18210. }
  18211. .tags .tag.tag_tertiary,
  18212. .tags .tag option.tag_tertiary {
  18213. background-color: var(--tertiary);
  18214. }
  18215. .tags .tag.tag_alt,
  18216. .tags .tag option.tag_alt {
  18217. background-color: var(--alt);
  18218. }
  18219. .tags .tag.ghost-touch,
  18220. .tags .tag option.ghost-touch {
  18221. background-color: #516178;
  18222. }
  18223. .tags .tag.tag_material,
  18224. .tags .tag option.tag_material {
  18225. background-color: var(--alt-dark);
  18226. }
  18227. .tags .tag.tag_transparent,
  18228. .tags .tag option.tag_transparent {
  18229. background-color: transparent;
  18230. border-radius: 4px;
  18231. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
  18232. color: var(--color-text-dark-secondary);
  18233. font-family: var(--font-primary);
  18234. line-height: 1.6em;
  18235. padding: 0 0.5em;
  18236. text-transform: none;
  18237. }
  18238. .tags .tag.rarity.common, .tags .tag.rarity[value=common],
  18239. .tags .tag.rarity > option[value=common],
  18240. .tags .tag option.rarity.common,
  18241. .tags .tag option.rarity[value=common],
  18242. .tags .tag option.rarity > option[value=common] {
  18243. background-color: var(--color-rarity-common);
  18244. }
  18245. .tags .tag.rarity.uncommon, .tags .tag.rarity[value=uncommon],
  18246. .tags .tag.rarity > option[value=uncommon],
  18247. .tags .tag option.rarity.uncommon,
  18248. .tags .tag option.rarity[value=uncommon],
  18249. .tags .tag option.rarity > option[value=uncommon] {
  18250. background-color: var(--color-rarity-uncommon);
  18251. }
  18252. .tags .tag.rarity.rare, .tags .tag.rarity[value=rare],
  18253. .tags .tag.rarity > option[value=rare],
  18254. .tags .tag option.rarity.rare,
  18255. .tags .tag option.rarity[value=rare],
  18256. .tags .tag option.rarity > option[value=rare] {
  18257. background-color: var(--color-rarity-rare);
  18258. }
  18259. .tags .tag.rarity.unique, .tags .tag.rarity[value=unique],
  18260. .tags .tag.rarity > option[value=unique],
  18261. .tags .tag option.rarity.unique,
  18262. .tags .tag option.rarity[value=unique],
  18263. .tags .tag option.rarity > option[value=unique] {
  18264. background-color: var(--color-rarity-unique);
  18265. }
  18266. .tags .tag.mystified,
  18267. .tags .tag option.mystified {
  18268. opacity: 0.7;
  18269. }
  18270. .tags.paizo-style {
  18271. border: none;
  18272. border-radius: 3px;
  18273. gap: 0;
  18274. padding: 0.5em 0.05em;
  18275. }
  18276. .tags.paizo-style tag,
  18277. .tags.paizo-style .tag,
  18278. .tags.paizo-style select.tag {
  18279. background-color: var(--color-bg-trait);
  18280. border: solid var(--color-border-trait);
  18281. box-shadow: none;
  18282. margin: 0;
  18283. }
  18284. .tags.paizo-style tag x,
  18285. .tags.paizo-style .tag x,
  18286. .tags.paizo-style select.tag x {
  18287. align-items: start;
  18288. margin: 0;
  18289. }
  18290. .tags.paizo-style tag__removeBtn,
  18291. .tags.paizo-style .tag__removeBtn,
  18292. .tags.paizo-style select.tag__removeBtn {
  18293. align-items: baseline;
  18294. }
  18295. .tags.paizo-style tag,
  18296. .tags.paizo-style select.tag {
  18297. border-width: 2px 3px 2px 2px;
  18298. }
  18299. .tags.paizo-style tag:first-child,
  18300. .tags.paizo-style select.tag:first-child {
  18301. border-left-width: 5px;
  18302. }
  18303. .tags.paizo-style tag:last-child,
  18304. .tags.paizo-style select.tag:last-child {
  18305. border-right-width: 5px;
  18306. }
  18307. .tags.paizo-style tag:last-of-type {
  18308. border-right-width: 5px;
  18309. }
  18310. .tags.paizo-style .tag {
  18311. border-width: 1px 2px 1px 1px;
  18312. }
  18313. .tags.paizo-style .tag:first-child {
  18314. border-left-width: 3px;
  18315. }
  18316. .tags.paizo-style .tag:last-child {
  18317. border-right-width: 3px;
  18318. }
  18319. .tags.paizo-style .tag.alignment {
  18320. background-color: var(--color-bg-alignment);
  18321. }
  18322. .tags.paizo-style .tag.size {
  18323. background-color: var(--color-bg-size);
  18324. }
  18325. .tags.paizo-style tag > div {
  18326. border-radius: 0;
  18327. display: flex;
  18328. font: 500 var(--font-size-10) var(--sans-serif);
  18329. padding: 0 0.09rem 0 0.25rem;
  18330. }
  18331. .tags.paizo-style tag > div .tagify__tag-text {
  18332. text-transform: uppercase;
  18333. }
  18334. .tags.paizo-style hr.vr {
  18335. height: 1.25em;
  18336. margin: 1px 2px;
  18337. }
  18338. .tags.paizo-style[disabled] {
  18339. filter: none;
  18340. }
  18341. .tags.paizo-style[disabled] tag > div::before {
  18342. animation: none !important;
  18343. }
  18344. .tags.paizo-style[disabled] > .tagify__input {
  18345. display: none;
  18346. }
  18347. .chat-message .tags {
  18348. line-height: normal;
  18349. }
  18350. tags.tags.paizo-style {
  18351. background-color: rgba(0, 0, 0, 0.075);
  18352. padding: 0;
  18353. --tag-bg: var(--color-bg-trait);
  18354. --tag-hover: var(--color-bg-trait);
  18355. --tag-remove-btn-color: var(--color-text-trait);
  18356. --tag-text-color: var(--color-text-trait);
  18357. --tags-border-color: var(--color-border-trait);
  18358. --tags-focus-border-color: var(--color-border-trait);
  18359. --tags-hover-border-color: var(--color-border-trait);
  18360. --readonly-striped: 0;
  18361. }
  18362. tags.tags.paizo-style .tagify__input {
  18363. margin: 0;
  18364. padding: 0.1em 0.5em;
  18365. }
  18366. tags.tags.paizo-style .tagify__input::before {
  18367. align-items: center;
  18368. color: var(--color-text-dark-secondary);
  18369. display: flex;
  18370. font: 500 var(--font-size-10) var(--sans-serif);
  18371. letter-spacing: 0.05em;
  18372. margin: 0;
  18373. min-height: 22px;
  18374. text-rendering: optimizeLegibility;
  18375. text-transform: uppercase;
  18376. width: fit-content;
  18377. }
  18378. tags.tags.paizo-style .conjunction-not .tagify__tag-text {
  18379. text-decoration: line-through;
  18380. text-decoration-color: var(--color-text-trait);
  18381. }
  18382. tags.tags.paizo-style .conjunction-not-button {
  18383. order: 4;
  18384. display: inline-flex;
  18385. align-items: center;
  18386. justify-content: center;
  18387. border-radius: 50px;
  18388. cursor: pointer;
  18389. background: var(--tag-remove-btn-bg);
  18390. color: var(--tag-remove-btn-color);
  18391. width: 14px;
  18392. height: 14px;
  18393. -webkit-padding-before: 2px;
  18394. margin-left: 2px;
  18395. overflow: hidden;
  18396. transition: 0.2s ease-out;
  18397. }
  18398. tags.tags.paizo-style .conjunction-not-button:hover {
  18399. color: white;
  18400. background: var(--tag-remove-btn-bg--hover);
  18401. }
  18402. tags.tags.paizo-style tag {
  18403. height: var(--font-size-27);
  18404. }
  18405. tags.tags.paizo-style tag[readonly=true] {
  18406. padding-right: 2px;
  18407. }
  18408. tags.tagify.pf2e-tagify {
  18409. --tag-bg: var(--color-text-light-3);
  18410. --tags-border-color: var(--color-text-light-5);
  18411. --tags-hover-border-color: var(--color-text-light-5);
  18412. align-items: center;
  18413. background-color: rgba(255, 255, 255, 0.5);
  18414. border-radius: 3px;
  18415. gap: 3px;
  18416. padding: 2px;
  18417. }
  18418. tags.tagify.pf2e-tagify:hover {
  18419. box-shadow: 0 0 10px #00005a;
  18420. }
  18421. tags.tagify.pf2e-tagify tag {
  18422. margin: 0;
  18423. padding: 1px;
  18424. }
  18425. tags.tagify.pf2e-tagify tag x {
  18426. margin: 0;
  18427. }
  18428. tags.tagify.pf2e-tagify tag > div {
  18429. padding: 2px;
  18430. }
  18431. tags.tagify.pf2e-tagify tag > div .tagify__tag-text {
  18432. font-weight: normal;
  18433. }
  18434. tags.tagify.pf2e-tagify tag .tagify__tag__removeBtn {
  18435. align-items: baseline;
  18436. }
  18437. tags.tagify.pf2e-tagify .tagify__input {
  18438. margin: 0;
  18439. }
  18440. tags.pf2e-tagify.tagify--hasMaxTags > span,
  18441. tags.tags.paizo-style.tagify--hasMaxTags > span {
  18442. display: none;
  18443. }
  18444. tags.pf2e-tagify:not(.tagify--select) > span,
  18445. tags.tags.paizo-style:not(.tagify--select) > span {
  18446. min-width: 20px;
  18447. }
  18448. .damage-tag {
  18449. white-space: nowrap;
  18450. margin: 0 1px 1px 0;
  18451. padding: 0 3px;
  18452. font-size: var(--font-size-10);
  18453. line-height: 16px;
  18454. border: 1px solid #999;
  18455. border-radius: 3px;
  18456. }
  18457. .damage-tag-base {
  18458. color: var(--text-light);
  18459. background: rgba(0, 0, 0, 0.45);
  18460. }
  18461. .damage-tag-modifier {
  18462. background: rgba(0, 0, 0, 0.05);
  18463. }
  18464. .tagify {
  18465. --tag-inset-shadow-size: 10em;
  18466. }
  18467. .tagify__tag__removeBtn {
  18468. overflow: visible;
  18469. }
  18470. #generate-check-prompt {
  18471. height: auto !important;
  18472. }
  18473. #generate-check-prompt .dialog-content > nav a.active {
  18474. text-decoration: underline;
  18475. }
  18476. #generate-check-prompt .dialog-content section.check-prompt-content .form-group.secret {
  18477. justify-content: end;
  18478. text-align: right;
  18479. }
  18480. #generate-check-prompt .dialog-content section.check-prompt-content .roll-options {
  18481. display: none;
  18482. }
  18483. #generate-check-prompt .dialog-content section.check-prompt-content a.add-roll-options i.fa-plus {
  18484. display: inline;
  18485. }
  18486. #generate-check-prompt .dialog-content section.check-prompt-content a.add-roll-options i.fa-minus {
  18487. display: none;
  18488. }
  18489. #generate-check-prompt .dialog-content section.check-prompt-content input#check-prompt-secret,
  18490. #generate-check-prompt .dialog-content section.check-prompt-content input#check-prompt-basic-save {
  18491. margin-right: 0;
  18492. }
  18493. #generate-check-prompt .dialog-content section.check-prompt-content.show-roll-options .roll-options {
  18494. display: block;
  18495. }
  18496. #generate-check-prompt .dialog-content section.check-prompt-content.show-roll-options a.add-roll-options i.fa-plus {
  18497. display: none;
  18498. }
  18499. #generate-check-prompt .dialog-content section.check-prompt-content.show-roll-options a.add-roll-options i.fa-minus {
  18500. display: inline;
  18501. }
  18502. #generate-check-prompt .dialog-content select {
  18503. height: var(--form-field-height);
  18504. text-transform: capitalize;
  18505. }
  18506. #generate-check-prompt .dialog-content tags.tagify {
  18507. background-color: rgba(0, 0, 0, 0.075);
  18508. border: 1px solid var(--color-border-light-tertiary);
  18509. border-radius: 3px;
  18510. }
  18511. #generate-check-prompt .dialog-buttons {
  18512. flex: 0 1 auto;
  18513. }
  18514. .travel-duration h2 {
  18515. margin-top: 10px;
  18516. margin-bottom: 30px;
  18517. }
  18518. .travel-duration table td {
  18519. padding: 5px 10px;
  18520. }
  18521. .travel-duration table td.centered {
  18522. text-align: center;
  18523. }
  18524. .travel-duration .journey-input {
  18525. display: grid;
  18526. column-gap: 5px;
  18527. grid: "size type"/50px 1fr 1fr;
  18528. }
  18529. .travel-duration .fraction-input {
  18530. text-align: center;
  18531. }
  18532. .travel-duration .fraction-input input {
  18533. width: 30px;
  18534. }
  18535. .travel-duration .speed-input {
  18536. width: 30px;
  18537. }